新米IT技術者の徒然なるブログ

しがない新米IT技術者のIT情報や趣味を綴ります

【アイドルは前を向いてるものです!】アイドルマスターSS おすすめ紹介 その⑮【かわいい僕のように!】

 

美嘉ねぇの広告めっちゃいいな。

 

?THE IDOLM@STER CINDERELLA GIRLS ANIMATION PROJECT 2nd Season 01 Shine!!【初回限定盤CD+Blu-ray】?

闇に飲まれよ! albaです。

アイドルマスターシンデレラガールズ 17話:Where does this road lead to?

翻訳は "この道はどこへ続いていくの?" ですかね?

新レギュラー番組、とときら学園始まりました。
いや、小学生でもなかなかきつそうなチャイルドスモッグに疑問を抱く莉嘉
それがきっかけで始まる姉妹喧嘩が織りなす姉妹の良さや大変さを詰め込んだ回でした。

まぁ、さすがに中学生にもなれば若干きつくなるものしょうがないですよね。一方、21歳で楽しく着ているのを見ると、エロさしか出ないですが。。。

 

美嘉ねぇの路線変更、個人的には結構ありなんじゃないかと思います。大人に憧れる女子中高生をターゲットしているだろうし。。。
美城常務もなかなかやり手感がでてていいですね。

とはいいつつ最後の広告もやっぱり美嘉ねぇらしさが出ててなかなか良かったし、うまいまとまり感が出ていてていい回になってました。

 

 

そして、

アイドルマスターシンデレラガールズ 18話:A little bit of courage shows your way.

翻訳:”少しの勇気があなたの行く末を示してくれる”

安定剤と化していたがぬけた CANDY ISLAND の頑張り回。

二期はてっきり外部キャラに多くのスポットを当てる回で行くのかと思えば、今回はかな子智絵里がメインで終始してました。
(予告観たときは小早川紗枝メインのからみ回になるかと思ってました)

いや上記で、21歳うんぬん言ってしまいすいません、うさみんさんじゅうななさい。
あと中学生でもチャイルドスモッグは厳しいとかいってすいません、さんじゅうななさい。

 

では、今回もSS 紹介いきます。

▼過去記事 (第一回)

albaahoudori.hatenablog.com

 

 

※注意事項!
----------------------------------------------------------------------
・キャラの崩壊は茶飯事です!
・いじりネタが多い作品もありますが、albaはそのキャラかなり大好きです。
・若干下ネタも入っている作品もあるかもなので注意。
----------------------------------------------------------------------

  

▼以下紹介
==============================================================

美希「領収書ってどうやってもらうんだっけ…?」 響「プロデューサーの懐がすごいことになりそうだぞ…」

美希 響 貴音 ほのぼの

時間を間違えて暇を持て余す三人のほのぼの感満載お話。すっごい想像できました(笑)

 

elephant.2chblog.jp

P 美希 春香 物語 日記

美希を担当するPの日記形式のSS。春香は美希のライバルとして登場してます。

なんか軽く感動する内容です。

elephant.2chblog.jp

P 美希 765プロ シリアス

目が見えなくなった美希とPのお話。シリアス展開で救いは・・・ 読んでみてのお楽しみということで。

 

elephant.2chblog.jp

P 小鳥 765プロ ギャグ

Pの着替え用のパンツがなくなった・・・!? 犯人は765プロのだれかとしか思えない。よし、パンツをおいて、カメラで様子をみてみよう! というお話。

 

elephant.2chblog.jp

P 美希 小鳥 ほのぼの

時期が違いますが、クリスマスのお話。美希の表現がなかなかうまいと思います。若干読解力が必要な作品。

 

elephant.2chblog.jp

P 千早 コメディ

ぶっとんだ千早さん定期。私の家にも千早こないかな。。。いや、この千早はいいか。。。

あれ? この作品もしかして前にも紹介しました・・・??

 

 

elephant.2chblog.jp

P 卯月 凛 未央 加蓮 奈緒 美嘉 杏 くるみ 及々 コメディ 物語

デレマスのSS。信頼の厚いPが繰り広げるコメディメインのお話。若干物語性があります。

 

ssimas.blog.fc2.com

P ちひろ コメディ

ちひろさんが女神感満載のSS。またまたクリスマス作品。実際のちひろさんはこんな感じに悪魔が追加された感じなんですかね。

 

elephant.2chblog.jp

P みく 物語

売れ行きが厳しいみくとPとのお話。ただ、それでも二人は前を向き続ける。。。みたいな?

 

elephant.2chblog.jp

P NG ちひろ 765プロ シリアス

口が悪いけれども紳士に物事に取り組むPと、やめてしまった前任者のPに引き面れているNewGenerationsの3人とのお話。765の面々も多少でます。

 

=====================================================

ということでデレマス・アイマスSS10作品の紹介でした~

週一更新がなかなか厳しい・・・

 

みなさん、闇に飲まれよ~

 

【みみみん♪みみみん♪】アイドルマスターSS おすすめ紹介 その⑭【う~さみん♪】

 

溢れ出る25歳児オーラ! 女神(さん)はここにいた!

 

?THE IDOLM@STER CINDERELLA GIRLS ANIMATION PROJECT 2nd Season 01 Shine!!【初回限定盤CD+Blu-ray】?

 

闇に飲まれよ! albaです。

アイドルマスターシンデレラガールズ 14話:When the spell is broken?

さんとNewGenerationsの絡み回。まさかのさん主役回とは!

まさかまさかの今回はさん回!!
俺大歓喜! さんまじ天使! いや、女神!
Q.あなたは神をみたことありますか?
A.7月24日24;00、女神は確かにそこにいました。

蘭子ちゃんのお掃除姿は天使でした。天使も女神が両立するアニメ、それが

アイドルマスターシンデレラガールズ なんですね。

 

そして、

アイドルマスターシンデレラガールズ 15話:The light shines in my heart.

うっさみ~ん♪こと、安部菜々みくにゃんの絡み回です!

いやいや、うさみんの方向性変えるとか正気なのか。。。?
あのキャラクターと一昔前の感性が繰り出す母性で完成されている
コンテンツでしょう。うさみん星公開早かったな(笑)

『さすが、あべななさんじゅうななさいでございますよ~♪』

 

メインシナリオは346アイドル全員によるステージ、シンデレラの舞踏会になるのでしょうか。新しく他の部署との協力ができそうな形になりましたし。

制作大変そうだな、そのステージシーンつくるのも・・・サイキックパワーで頑張ってほしいです。

シンデレラの舞踏会へアイドル達が頑張っていく姿のスポットがあたっていくのも今後楽しみにしています。

 

では、今回もSS 紹介いきます。

▼過去記事 (第一回)

albaahoudori.hatenablog.com

 

 

※注意事項!
----------------------------------------------------------------------
・キャラの崩壊は茶飯事です!
・いじりネタが多い作品もありますが、albaはそのキャラかなり大好きです。
・若干下ネタも入っている作品もあるかもなので注意。
----------------------------------------------------------------------

 

 

 

▼以下紹介
==============================================================

伊織「ほんっと使えないわね、あのプロデューサー」プロデューサーさんっ!SSですよ、SS!|アイドルマスターSSまとめサイト

P 貴音 765プロ 胸糞

765プロのアイドル達から無能認定され、嫌われ続けるP。しかし、そのPによって765プロが救われていることに気付いた貴音は・・・?

一応入れましたが、胸糞要素は少なめです。

 

P P母 765プロ コメディ

とても若々しいP母が遊びにきたことによる765プロアイドルのドタバタコメディ。ちょっと無理のある若さだけれども、まぁそこはご愛嬌。

 

P 真美 亜美 厨二病

真美が厨二病にかかったら・・・というお話。お年頃的にはありえそうですけども。真美かわいいよ、真美。

 

P 765プロ 未来 ほのぼの

765プロのアイドルがそれぞれの道に進んだ未来のお話。ほのぼのしたお話。

 

P 社長 小鳥 シリアス

かつて無名事務所として、日々の仕事にも苦しかった頃の765プロのお話。事務所経営が立ち行かなかった社長の決断によって、765プロの伝説は幕をあけることになる・・・

 

P 小鳥 コメディ

哀愁漂う小鳥の悲しい悲しい物語。。。 おかしいな、コメディのはずなのになんでこんなに悲しいんだ・・・

もう休んで下さいまし、小鳥さん・・・

 

P 美希

ミキミキがついに気づいた!! 

スレにもありますが、恋路百戦錬磨っぽそうなミキミキが歌う失恋曲っていうのが魅力的なんですよね・・・

 

P 小鳥 765プロ コメディ

完成度の高いショートコメディ。小鳥の指導の下765プロの連携がなかなか面白い作品です。

 

P 765プロ コメディ

かつて恋愛対象としてPを慕っていたアイドル達。そんな世界での未来のお話。

 

P 765プロ コメディ クリスマス

ちょっと時期外れですがクリスマスのお話。765プロみんなからPへのプレゼントは様々なものがあるが、やっぱり愛がたりない・・・ピヨ。

 

=====================================================

ということで10作品の紹介でした~

そろそろデレマスSSにシフトしそうな予感です。

 

みなさん、闇に飲まれよ~

 

【まゆ! 俺だ!】アイドルマスターSS おすすめ紹介 その⑬【結婚してくれ!】

アイドルマスター シンデレラガールズ 2期 開始!!

?THE IDOLM@STER CINDERELLA GIRLS ANIMATION PROJECT 2nd Season 01 Shine!!【初回限定盤CD+Blu-ray】?

闇に飲まれよ! albaです。

ついにはじまりました、アイドルマスター シンデレラガールズ2期!

アイドルマスターシンデレラガールズ 14話:Who is the lady in the castle?

各グループの紹介かっこよかった。
のっけから飛ばしてきましたね~
特に Rosenburg Engel! かっこいい! かわいい! 蘭子

劇場版のCMで流れていたのワンシーンは今回のシーンだったんですね。

 

まゆ! やっと本気だしてこれたね! ヤンデレ感が観れてうれしいよ!

早苗さん! 俺も逮捕してくれ!

 

加蓮奈緒がメインでてきたところや、最後の取締役の発言からやっぱりトライアドプリムスの話が濃厚なんでしょうかね。。。?

でもそうなると、最後の話からすると誰かと交代で加蓮奈緒が入るってこと・・・?
その流れは考えづらいけどなぁ・・・(視聴者からの反感的に)

 

次回で何かの兆しは見ることができるでしょう。早く来週にならないかな~・・・

 

では、今回もSS 紹介いきます。

▼過去記事 (第一回)

albaahoudori.hatenablog.com

 

 

※注意事項!
----------------------------------------------------------------------
・キャラの崩壊は茶飯事です!
・いじりネタが多い作品もありますが、albaはそのキャラかなり大好きです。
・若干下ネタも入っている作品もあるかもなので注意。
----------------------------------------------------------------------

 

▼以下紹介
==============================================================

P 伊織 美希 765プロ シリアス

Pが別の事務所にてレンタルされるお話。レンタルされるだけならよかったのだけれども、その現場での仕事はプロデューサーらしい仕事で充実していてて・・・

美希と伊織以外はけっこう冷めてます。

 

P 小鳥 ドッキリ 765プロ

古典的なドッキリの内容。シンプルが故にそれぞれのアイドルらしさが出て微笑ましい作品。

 

P 小鳥 律子 物語

ジャンルの扱いに困った作品? ifシリーズで、小鳥さんがPよりも後に入社してきて、仕事に振り回されるお話。主人公はPではなく小鳥さんです

 

P 765プロ 黒井 シリアス 胸糞 キャラ崩壊

かなりのシリアスもの。アメリカから帰ってきたPは765プロが倒産していることを知る。その理由を知るにつれ、本当の765プロの姿を垣間見る・・・

胸糞ですがかなり好きな作品です。

 

P 小鳥 765プロ コメディ

とある企画から765プロのかつらが作成された。お試しに小鳥さんがつけてみると・・・

 

P 性転換 春香 胸糞  キャラ崩壊

男に疲れたPが不思議な力で女になった!?というよくある小鳥(妄想)設定のお話

女になったことで見えてきた765プロの世界とは・・・?

 

P 伊織 765プロ 物語

赤羽Pの代わりとして新たに入ることになった有能なP。しかし、赤羽Pが残した765プロへの傷跡は思いのか深く・・・?

 

P 貴音 765プロ 物語 ほのぼの

人付き合いが苦手なPと、それでも関わろうとする貴音のお話。悪いPではないんだなぁ~とほのぼのしました。

 

響 シリアス

上京して心細くも頑張る響。寂しがり屋だけど頑張り屋だからこそ魅かれるんでしょうね~・・・

 

 あずさ 765プロ 物語

765プロから卒業したあずささんがひらく飲み屋に訪れる765プロの面々。みんなそれぞれの人生を歩んでいて・・・

 

=====================================================

デレマス2期始まったので、SS記事を更新してみました。

今後もできれば週1のペースで更新したいと思いますので(たぶん)

是非見に来てみてください!

 

【アニメ】春アニメは終了。さてさて2015年度の夏のアニメは・・・・【2015年】

皆様こんにちは、albaです。

 

2015年春アニメが終了し、夏アニメがそろそろはじまりますね。

今回の記事では、春アニメの復習と、夏アニメでとりあえず私が観ようと思っているアニメを記載しておきます。

前期のアニメはけっこう楽しめた感がある作品があったので、だいぶ満足ですが。。。
さてさて2015年夏アニメはどうなることでしょう。

 

とりあえず春アニメでおもしろかった作品を復習しておきたいと思います。

記事を書いてみるとけっこう有名所ばかりになりました。

===============================

Fate/Stay night [UBW]

 いわずとしれたFate/stay night シリーズの2期。戦闘シーンの迫力には定評がありますね。今期の戦闘シーンもなかなか迫力があって楽しめました。

イリヤ&バーサーカーVSギルガメッシュ の戦闘や 衛宮VSギルガメッシュ の戦闘、ランサーVSアーチャー の戦闘... なかなか魅せてくれるではないか!

あれ? セイバーの戦闘シーンって佐々木ぐらい??

衛宮の葛藤や、イリヤの死に際、キャスターの回想等思うところはそれぞれの戦闘に華を添えてて、一段と素晴らしくなっていました。

アーチャーの最後の笑顔は卑怯。。。

次回作がまたあるようですね。どんな展開になるのでしょうか。

 

  てーきゅう/高宮なすのです!

おバカコメディの5分アニメとその派生作品。相変わらずのテンポの良さとそのツッコミが秀逸でした。個人的には二期のテンポが若干悪かった感がありますが、今期はさほど気になりませんでした。

ゆりがボケに回ったほうがおもしろかった気がする。陽太のツッコミがうますぎるせいなのかもしれませんが・・・

 

やはり俺の青春ラブコメは間違っている 続

 これも有名所ですね。1期に比べて比企谷くんかっこくなりすぎ。

1期では2話分で1つのシナリオになってましたが、今回はあまり話に区切りがなくまた比企谷のかっこいい解決話はほとんどなかったですが、雪ノ下と由比ヶ浜の比企谷のそれぞれの葛藤が上手く表現されてて楽しめました。

やっぱり話がうまくまとまってて、ちょっとした考察ができる作品はおもしろい。

意識高い系の人には観てほしい。とりあえず7話だけでも。

いろはすあざとかわいいよ、いろはす

小町もあざとかわいいよ、小町。

 

ダンジョンに出会いを求めるのは間違っているだろうか

 紐神様で有名になった作品ですね(笑)

エロさで惹きつけるよくある作品かと思えば、戦闘シーンもなかなか熱い作品です。俺Tueee!系の作品に分類されるかと思いますが、それでも苦戦しつつ敵を倒す姿はかっこいいです。

俺はヘスティア様よりリリルカアーデ派です。

 

アイドルマスター(再放送)

 何も語りません。とりあえず観ましょう。

==============================

以上、5作品について記載しました。本当に有名所ばっかりです。

※他にも数作品みてたりしましたが、途中でみるのやめたり、惰性で観てた節があるのもあるので紹介はやめておきます。

 

 

 

続いて期待の夏作品!

==============================

 ① 城下町ダンデライオン

美少女もののコメディ作品みたいです。コメディ大好き。

ごく普通に街中で生活する櫻田家は、実は国を統べる王族である。そんな一家に生まれた特殊能力をもつ三男六女の兄弟姉妹の中から、次期国王が国民投票によって選ばれることになっ た。なんだかんだと仲良しな家族ながら、選挙で勝ち残るのは一体誰!?

櫻田一家が繰り広げるドタバタファミリーコメディ開幕!

 

② ミス・モノクローム-The Animation- 2 

二期の5分もの。堀江由衣の代名詞的なキャラクターのコメディアニメ。なんだかんだ一期から楽しく観てます。

 

③ GATE(ゲート) 自衛隊 彼の地にて、斯く戦えり 

CMでよく放送されている作品。監督はラブライブと同じ京極尚彦さん。

東京・銀座に出現した異世界へのゲート。ゲートの先で魔物に襲われていた原住民を主人公が率いる自衛隊が救出したことで原住民との奇妙な交流が始まる。。。

 

下ネタという概念が存在しない退屈な世界

タイトルで観てみようと思いました、はい。

 

⑤ Charlotte(シャーロット)

Angel Beats! の 麻枝 准さんが手がける作品。。。として大々的に宣伝されている作品。超能力者ものの物語らしいです。さてさて色んな意味でどうなる・・・?と思っている作品です。

 

WORKING!!!

 

まさかまさかの第三期! めっちゃ楽しみなんですけど!

レストランのアルバイト風景をアニメ化したほのぼのもの。

山田~!!!

 

六花の勇者

魔人の復活を阻止すべく6人の勇者が集まった・・・
って、あれ? 7人いる・・・?

偽物の敵がひとり紛れ込んでいるらしいが誰かがわからない、そんなミステリアス魔物討伐物のファンタジー作品。ミステリアス感がどれほど出ているかが見ものですかね。

 

GOD EATER(ゴッドイーター)

突如出現した未知の生命体「オラクル細胞」は、地球上のあらゆる対象を「捕喰」し始めた。全てを喰らい、凶暴な生命体として多様に分化を遂げるその存在に対し
オラクル細胞を埋め込んだ生体兵器「神機」が開発され、
それを操る特殊部隊、通称「ゴッドイーター」が編成された。
荒ぶる神々に虐げられた世界で、「神を喰らうモノ」の明日なき戦いの幕があがる。。。

とのことです。有名ゲームのアニメ化。内容的にもおもしろそうです。

 

てーきゅう

te-kyu.com

5分物のギャグアニメ。テニスしているところを最近観た覚えのないテニスアニメです。前期に引き続き放送。テンポについていけないと楽しめないかもしれない、変に高度なアニメ。

 

⑩  アイドルマスター シンデレラガールズ 2nd SEASON

とりあえず観ましょう。さすれば与えられん。

\蘭子ちゃ~ん/ \蘭子ちゃ~ん/ \蘭子ちゃ~ん/

 

トライアドプリムス編になるのかな??

 

⑪  Fate/kaleid liner プリズマ☆イリヤ ツヴァイ ヘルツ!

Fateの派生作品の第4期。Fate関連作品なだけあって戦闘のかっこよさは素晴らしい。2期の対セイバー戦は熱すぎて今でもたまに見たくなるほど。

==============================

おぉ、11作品!!

これ以外の作品も一応観てみる予定なので結構大変になりそうです。1、2話観てみて視聴確定作品の記事でも書こうと思います。

 

それではみなさん、闇に飲まれよ!(おつかれさまです!)

【Amazonアソシエイト】サイドバーで商品紹介をしよう!

f:id:alba_ahoudori:20150406000523j:plain

こんばんわ。

更新が滞っている alba です。

 

最近やっと Amazonアソシエイト 通過しました!!

4,5回申請しての通過だったのですが、通過した理由があまりよくわかってないです。

ので、今回はサイドバーに商品紹介する手順を載せていきたいと思います。

といっても若干html書くくらいでそこまでの手順ではないのですが、htmlを利用するのでコピペ要因とでもなれば幸いです。

今回私が載せたのは以下の商品です。

 

最近電車内でもよく広告をみかけるスーツやシャツに使える衣類スチーマーです。

普通に今欲しい。アイロン持ってないし、めんどくさがりなので持っていてもそうそう使わないですしおすし。

今回はこれをサイドバーに追加していきます。

 

 

 

Amazonアソシエイトにログインして、上記の商品を探して、リンクを作成します。作成するリンクは以下のふたつ。

画像(大きさは"商品イメージ 小"がちょうどいいでしょう)

 商品タイトル

Panasonic アイロン/パンツプレス 衣類スチーマー ブラック NI-FS350-K

 

②ダッシュボードの[デザイン]からサイドバーにモジュール追加画面を開きます。

 下図のように赤枠で囲まれた箇所をクリックすればモジュールの追加画面が開きます。

f:id:alba_ahoudori:20150509231053p:plain

 

③モジュールの追加画面から以下のように設定します。

タイトル

⇒ブログ上に表示される項目のタイトルです。私は "この商品、私気になります!(Amazon)" にしています。

コード

以下の★で囲ったところに①で作ったコードを置き換えて、コピーし貼り付けます。

<table>
    <tbody>
        <tr>
            <td colspan="2"><hr style="color:ghostwhite;"></td>
        </tr>
        <tr>
            <td>★商品画像のコード★</td>
            <td>★商品名のコード★</td>
        </tr>
        <tr>
            <td colspan="2"><hr style="color:ghostwhite;"></td>
        </tr>
     </tbody>
</table>

 

二つ目以降の広告は</tbody>の前に以下のコードをいれます。

<tr>
     <td>★商品画像のコード★</td>
     <td>★商品名のコード★</td>
</tr>
<tr>
     <td colspan="2"><hr style="color:ghostwhite;"></td>
</tr>

 

※ラインがはいりますので、もしいらなければ<tr><td colspan~></td></tr>の箇所を削除してください。

  モード

 初期設定で "HTML" でOKです。

 

④[適応]ボタンを押下後、[変更を保存する]ボタンを押して完了です。

 

以上で手順は終わりですが、結構シンプルなものになりますので自身のブログにあわせてコードを修正してみるといいでしょう。

ちなみに広告の載せすぎには注意しましょう。訪問者がブログにアクセスしたときに読み込む時間が余計にかかるからです。アクセスに時間がかかればかかるほど訪問者は減ることになるでしょう。

 

デザインの学校 これからはじめるHTML&CSSの本

デザインの学校 これからはじめるHTML&CSSの本

 

 

【円陣組んで】アイドルマスターSS おすすめ紹介 その⑫【エンジン、かけましょ~♪】

さんがメインで喋った!!

闇に飲まれよ! albaです。

アイドルマスターシンデレラガールズ 13話(最終回):It’s about time to become Cinderella girls!

なかなか濃い最終回でした。
前回からの流れがあるにも関わらず、美波の退場。あいかわらずすごいことするなぁ・・・
蘭子ちゃん好きの私しては LOVE LAIKA への助っ人は別に無問題というかうれしい限りでしたが、美波押しの方たちには不満が残ったかもしれませんね。。。

とはいいつつも、ああいう視聴者を裏切る脚本は結構好きなんですけどね。

前々回に予想した最終回、全然違いましたね(笑) 前回の話があったので、予想通りになるとは思いませんでしたが、ただ昔の思い出でした(笑)

最後の最後で、加蓮奈緒の二人が出てくるとは・・・ あのシーンで二人出す、しかもわざわざカットをいれたところを見るに、トライアドプリムス の結成されるのでしょうか・・・・

見えたっ!!!

トライアドプリムスNG をめぐるシリアス&感動回! アニマスでいう千早回があるとみた!
まぁ、私の予想は大概外れるんですけどね。二期は7月から。楽しみにしておきましょう!!

来週からはアニマス再放送ですね。東京MXはいつになったら、放送予約できるようにしてくれるのでしょう?

 

では、今回もSS 紹介いきます。

▼過去記事 (第一回)

albaahoudori.hatenablog.com

 

 

※注意事項!
----------------------------------------------------------------------
・キャラの崩壊は茶飯事です!
・いじりネタが多い作品もありますが、albaはそのキャラかなり大好きです。
・若干下ネタも入っている作品もあるかもなので注意。
----------------------------------------------------------------------

 

 

▼以下紹介
==============================================================

P 小鳥 ラブコメ コメディ

小鳥さん必死杉(笑) そんな小鳥さんみたいな女性と結婚したいです、いや、マジで。

 

春香 千早 コメディ キャラ崩壊

毒舌ボケ担当の千早とツッコミ役の春香のお話。春香の相談なのにツッコミ役で少し不憫(笑)

 

春香 P 765プロブコメ ほのぼの

ちょっと意地悪なPと純真な春香のほのぼのした正当いちゃラブもの。春香のかわいさがなかなかグッドです。

 

千早 春香 美希 765プロ コメディ

こんな765プロはいやだ(笑)って内容です。千早のPADは事務所をつぶすレベルの破壊力があるんですね。わかるわ~(瑞樹さん風)

 

小鳥 P コメディ

どっかでみたことのある謳い文句ですね。小鳥さん主観でのSSで、ノリ具合がとてもおもしろいです。おまけも秀逸。

 

美希 P ほのぼの 感動

ちょっと自信がない美希とそれに振り回されるPのちょっとした感動のお話。こんなミキミキもかわいいなぁ。

 

響 しま次郎 765プロ 感動

のあたらしい家族はしま次郎。その本当の姿は着ぐるみをきたあの人だった! 響を想う気持ちが伝わる感動のお話。

 

765プロ 修羅場

まだそれぞれの気持ちを隠しきれていると本人達のちょっとした修羅場。

 

やよい 伊織 P 日常 感動

本当にありそうな日常のお話。やよいのやさしさと気遣いに感動。

=====================================================

一応デレマス最終回になったので、この記事も続けるか迷っています・・・

もしかしたらデレマスSSを再放送に合わせて紹介するかもしれません。

 その時は、よろしかったらまた観に来てください♪

 

【初心者】WEB開発するための環境作成手順メモ【Sublime Text/XAMPP】

f:id:alba_ahoudori:20150406000523j:plain

こんばんわ。albaです。

最近Web開発を行ったので、その際必要な環境作成手順をメモっておきたいと思います。とはいいつつ結構情報自体はありふれているので、検索をかければ済むっていえば済むのですが、何から手を付ければいいのかよくわからない人もいるので、参考になれば。
※初心者やこれから勉強する人向けです。

 

目次                 
以下の内容で掲載していきます。
1.開発環境作成
 →ツールのインストールとカスタマイズを行います
2. 確認環境作成
 →本来ならばサーバをレンタルして公開するのが普通ですが、作成した環境を確認するために自分のPC上に作成しておきます。
3.付録
 →製造の注意点やPHPの勉強方法などを記載しておきます


 

 

1.開発環境の作成 ~Sublime Text~ 

いろいろ有名なツールはあったりするのですが、無料で利用できる割に機能が充実している "Sublime Text" と呼ばれるツールを利用したいと思います。

1-1.インストール

以下のページを参考にしてインストールを行うことができます。
■参考ページ


私自身この参考ページを利用したのですが、exeファイルではなく、ZIPでSublime Text のインストールを以下の手順で行いました。
上記の参考ページを利用する場合は 日本語化について まで行ってください。
=====================================
①以下のページの Windows 64 bit の横にある portable version をクリックして ZIPファイルをダウンロードします。
 ※自分の環境のOSに合わせたものをダウンロードしてください。

  Sublime Text - Download


②ダウンロードしたZIPファイルを解凍し、自分の使いやすい適宜保存先配置します。
 ファイル名:Sublime Text Build 3065 x64.zip

③そのファイルの中にある sublime_text.exe のショートカットをデスクトップに作成しておくとよいでしょう。

④これでインストールは完了なのですが、日本語化等の作業を行った方が良いでしょう。上記に書いた Package Controlのインストール/参考ページ を確認して行ってください。
=====================================

1-2.カスタマイズ

1-1.インストールまでの手順だと、メモ帳のようなテキストエディタでしかありません。なのでカスタマイズを行いましょう!
HTML・CSS やコーディングにあまりなれていないならば、Sourceの作成をしつつ、以下のような参考ページを確認して、必要そうなものを順次入れていきましょう。
■参考ページ



2. 確認環境作成 ~XAMPP~ 

以下のページを参考して XAMPP とよばれるソフトウェアをインストールします。最低限Apatchさえ起動しておけばいいのですが、データベースを利用した開発やPHPとHTMLの連携の確認できる為今後とも利用しやすいでしょう。
■参考ページ


また、設定等の変更を行う場合は以下を参考にしてください。これの設定を変えることで環境を想定しているモノに合わせたり、Errorが発生した場合の確認が行えます。
■参考ページ


インストールが完了し Apatch を起動したら xampp/htdocs 以下に開発したhtmlファイルを置くことでWeb上の表示が確認できます。
アクセス先:http://localhost/(ファイル名)



3.付録          

3-1.デベロッパツール

Web上のSourceを確認できるツール。多少の変更もできる(保存されるわけではない)ので値の確認を行えます。IEも標準でついているのがありますが、利用しづらいので別のモノを利用した方がいいです。
私が使っているのはFireFoxのアドオンツール"FireBug"。GoogleChrome も標準で機能がついているのでそれでも良いです。

 


3-2.携帯対応

スマートフォンの普及にともないスマートフォンからのアクセスは無視することはできないです。PCの画面サイズで利用する際に表示される内容と、携帯で表示させるデザインは変更させておかないと、とても見づらい画面になってしまいます。
それを解決する手段として レスポンシブCSS(メディアクエリ) を利用すると良いでしょう。
■参考ページ

 


3-3.確認すべきこと

WEB開発中・開発完了後に確認すべきことの一つとしてWebブラウザチェックは必須です。FireFox を利用していて確認したとしても IE ではうまく動くとは限りません。またIE11 と IE8 ではまたまた動作が違ったりします。
わかりやすいので言えばデザインが結構変わります。のでCSSファイルではブラウザに合わせた内容を記載する必要があります。またJavascriptが動作したりしなかったりします。
"IEを対象外にする!" という判断はできないことはないですが、利用シェアを考えるとその判断はなしですね。
以下のブラウザに対応が確認できれば、問題ないのではないでしょうか(2015/4月時点)
・Internet Explore 8
・Internet Explore 9
・Internet Explore 10
・Internet Explore 11
FireFox
Google Chrome
Opera
Safari
■参考ページ

IE用CSSハックの簡単な書き方とIE10以上への対応 | web codery



3-4.SEO対策

せっかく作成したページも人に見てもらえなければなんにもなりません。キーワードの設定等を意識的に行って作成するように、以下の参考ページ等SEO対策は確認しておくようにしましょう。
■参考ページ


その他対策としてページ速度も大事な指標です。
これは公開するServerの性能にもよるのですが、以下の参考ページだと表示までに3秒以上かかると40%のユーザは離れてしまうらしいです。
■参考ページ



3-5.WordPressの利用

Web作成を始めるのに、その他言語を経験していたならいざ知らず、言語も知らずいきなりSourceを書くのは辛かったりします。そんな時は文字ではなく画面で製造が行える WordPress を利用する、ということもできます。
※ただしローカルPCで製造したところで、そのままローカルPCで公開するわけにもいかないと思うので、練習用に。
■参考ページ

 

3-6.PHPの利用

PHPでのプログラムをhtmlと連携させて動かすこともできます。
勉強方法としてはPHPでのメール発信をできるようにすれば、仕組みが分かりやすくていいかも・・・
"PHP メール"で検索をかければSourceを公開しているページも多いので確認してみてください。