それは仕様です。

読者です 読者をやめる 読者になる 読者になる

それは仕様です。

技術的メモとか日々気になったことを綴る

それは仕様です。

【自作PC】マザーボードにCPUを取り付ける方法【初心者】

f:id:eine-tote-person:20170514170856j:plain


はい!どうも、やん(@yan_tzn)です。

先日、こちらの記事で【自作PC】自作パソコンの組み立てに必要なパーツを紹介!で友人のY君から貰ったPCパーツを組み立てていこうと思います。

今回は、マザーボードにCPUを取り付ける方法を説明したいと思います。


マザーボードにCPUを取り付けってどうやるの?

ちょっと難しいわ。だけど私が説明していくので、一緒に組み立てていきましょう!

Y君と組み立てていきたいと思います。

自作PCの組み立てはケースに始まりケースに終わる

PC組立てを行う上での心構えを覚えておいて

こ..心構え?

「自作PCの組み立てはケースに始まりケースに終わる」のよ!

何を言ってるのかよく分かりません(草)

f:id:eine-tote-person:20170502185432j:plain

ですが、組み立てが完了した今では言ってる意味が分かりましたよ!

順番に読んて頂ければ言ってる意味が分かってくると思います。

PCケースの準備

まず、PCケースの準備から初めます。

今回使用するPCケースは、Corsair 250DというMini-ITX対応の四角いケースです。

f:id:eine-tote-person:20170429183216j:plain

↑上記画像は組立て後の完成形になります。

250Dの対応フォームファクタMini-ITXのみですが、他のMini-ITX対応ケースよりは若干大きくなります。ただし、大きくなるといっても大きすぎる訳ではなく、グラフィックカードやラジエータのスペースを確保する為なので、仕様美といった感じです。

「PCケースは外観で選べ!!けど機能性も忘れるな!!」

早速なにを言っているか分かりません。

詳しく聞いてみると、常に見えるのはPCケースであり、中身は常に見る訳ではないのでPCの印象はPCケースで決まると言いたかったようですw

自作PCにはサポートは殆どありません。
愛着や愛情が無ければ長持ちしないので、PCケースは好みの物を使うべきです。
ただし機能性を完全に損ねたPCケースでは使い物になりませんので機能性の事を忘れないでください。

各所のカバーを開けておきます。

f:id:eine-tote-person:20170511211323j:plainf:id:eine-tote-person:20170511210445j:plain
f:id:eine-tote-person:20170511210444j:plainf:id:eine-tote-person:20170511210443j:plain
f:id:eine-tote-person:20170511210442j:plain

作業がしやすいように、全てのカバーを開けておくよ

防塵フィルターも全て外しておいてね、組立て中に破けてしまう場合があるので!!

スペーサーの固定

今回使用する250Dでは不要な作業ですが、最初にスペーサーと呼ばれるネジをPCケースに設置する必要があります。


スペーサーとは、ネジの後端にネジ穴のある形状のネジで、PCケースとマザーボードの間に隙間を作りつつ固定する為の部品です。


この部品を取り付けなければ、マザーボードの裏面がPCケースと接触して故障する可能性がありますので注意してください。


f:id:eine-tote-person:20170514161535p:plain

250Dのように最初からスペーサがついているPCケースもありますが、PCケースやフォームファクタによって使用するスペーサーの本数や形状が変わる場合があります。また取り付け忘れにより、メモリやCPUなどの高価なパーツの故障もありますので必ず確認してください。

↓ご参考に(必ずネジの形状と長さを確認してから購入してください。)

I/Oパネルの取り付け

次にI/Oパネルの取り付けを行います。

PCの背面にUSBポートやイヤホンジャックがありますよね?

そのコネクタの表記をしたり、隙間からの埃の進入を防いだりする蓋の事をI/Oパネル(バックパネル)と言います。


f:id:eine-tote-person:20170513180454j:plain

▲これがGIGABYTE GA-Z97N-Gaming5のI/Oパネルです。

I/Oパネルはマザーボード毎に形状が違いますので専用の物を使用してください。

それでは、PCケースにI/Oパネルを取り付けていきます。


f:id:eine-tote-person:20170513180456j:plain

▲まず、マザーボードの形状を見ながらI/Oパネルの向きを合わせてPCケースの内側から押し込んでいきます。押し込むときに辺をなぞる様に順番に押し込んでいきます


f:id:eine-tote-person:20170513180455j:plain

▲外側から見たときに画像の様な突起が出ている事を確認してください。しっかり固定できていないと、マザーボードに負担がかかったり、破損の原因に繋がります。


f:id:eine-tote-person:20170513180457j:plain

▲取り付けが完了すると画像の様になります。

I/Oパネルは非常に柔らかいのでチカラを入れ過ぎない様に注意してください。
また、割れてしまったり、曲がってしまった場合でも殆どのメーカーは交換してくれません。新品の買い替えになります。

これでケースの下準備は完了しました。

まだ、複雑な作業が出てきてないし、スムーズに進んだかな?

次はマザーボードの下準備を始めるよ!!

マザーボードにCPUを取り付ける方法

CPUクーラーマウントの取り付け

先述にもちょこちょこ出てきているマザーボードですが、今回はGIGABYTE GA-Z97N-Gaming5を使用します。


では早速マザーボードを設置しよう・・・とは行きません!!
まずはマザーボードのCPUソケットの周りにCPUクーラーマウントを取り付けます。


今回使用するCPUクーラーはCORSAIR H80です。これは簡易水冷と呼ばれるCPUクーラーでヘッド(CPUに触れる部分)とラジエータ(放熱する部分)がホースでつながっており、クーラント(熱を運ぶ液体)で効率よく熱を放出します。


ちなみに、本格水冷と呼ばれる各パーツを自分で組み立てる水冷もありますが、構築の難しさ液漏れによる水害価格の面から初心者にはお勧めしません。


それではCPUクーラーの準備を始めます。

f:id:eine-tote-person:20170513180458j:plain

▲CPUクーラーマウントです。

CPUクーラーはCPUに直接取り付けず、CPU近くのマザーボードに固定します。

f:id:eine-tote-person:20170514170858p:plain


CPUクーラーマウントはマザーボード上下から挟み込む様にネジで固定する物が多いです。

f:id:eine-tote-person:20170514170855j:plainf:id:eine-tote-person:20170514170856j:plain

▲取り付けるとこの様になります。

このCPUクーラーマウントもクーラー毎に違いがあり、またCPUソケットの形状によっても取り付け出来るクーラーが異なります。

CPUクーラーの種類によってはマウントと一体型の物もありますね。(Intel純正のクーラーなど)

f:id:eine-tote-person:20170514170857j:plain

ドライバーなどがマザーボードに強く接触しないように十分注意してCPUクーラーマウントを固定してください。
また、CPUソケットカバーは外さすに作業をしてください。
ソケットの破損や埃の進入を避けて慎重に作業を行てください。

CPUの取り付け

待ってましたぁ!!CPUの取り付けです!!

今回使用するCPUはIntel Core i7-4790KというCPUでソケットの形状がLGA1151と言うそうです。

CPUの取り付けちゃっちゃとやりましょう!

いや・・・、慎重にね・・・

どういう事?

下手するとCPUソケットのピンが簡単に折れてしまうからね!!

Oh...。

ビビらせやがって…でも慎重に行きます(`・ω・´)

f:id:eine-tote-person:20170520194937j:plain

▲まずCPUカバーを外します。


f:id:eine-tote-person:20170520194939j:plain

▲CPUソケットのロックレバーをはずします。レバーを押しつつ外側にスライドさせるようにして外してください。


f:id:eine-tote-person:20170520194938j:plain

▲CPUソケットのロックを開きます。この時までにほこりがソケットに進入しない様にしてください。


f:id:eine-tote-person:20170520194940j:plain

▲CPUの隅とCPUソケットの隅にある▲を目印に向きを合わせCPUをそ~~~と乗せます。


f:id:eine-tote-person:20170520194941j:plain

▲CPUソケットのロックを閉めます。


f:id:eine-tote-person:20170520194942j:plain

▲ロックレバーを
ぐっ!!と押し込みます。

「言ってることが違うのでは?」と思うかもしれませんが、これが正解です。

ロックレバーを閉めるときにピンが曲がる感覚がありますが、 IntelのCPUはピンを一定の方向に曲げて取り付けるそうで、何も知らない僕は一瞬ひやっとしましたが取り付けは上手くいったようです。
※正しくピンが当たっているかは電源を入れてみないとわからないそうです

CPUの取り付けは優しく、最後は力強く!!

草食系マッチョってこと♪

うん、違わね?

では、次回は「PCケースの中にパーツを積み込み」をやります!


本日は以上です。ありがとうございました!

Twitterフォロー・読者登録募集中です!

関連記事

www.yantzn.com

【関西コレクションに出演決定!】YouTuberヒカルの脅威の交渉力!【NextStage】

f:id:yantzn:20170519234043j:plain

出典:クリエイター | VAZ.tokyo


はい!どうも、やん(@yan_tzn)です。

【それ、古いっすよ。】YouTuber養成コースに通う生徒の実態とは?【インターナショナルメディア学院】 - それは仕様です。

この記事でYouTube』を踏み台に、ヒカルはその先のビジネスを既に考えているのではないかと最後に締めくくったが、

まさに『YouTube』を踏み台に『関西コレクション』への舞台に上がることが決まった!


やはりヒカルの交渉術は、すごいと感じた動画だった。

今回、関西コレクションに出演する決定打となった部分は、どこなのか動画見ながら分析してみたので

関西コレクションの盛り上がりそうなポイントと合わせて紹介します。


youtu.be

ネクステ『関西コレクション』に出演

VAZの女性Creatorに続き、NextStageのメンバーも参加が決定した。

知らない方のためにもNextStageのメンバーを紹介します。


【怪盗ピンキー/PINKID】

f:id:yantzn:20170520000438j:plain

出典:怪盗PINKY | VAZ.tokyo

www.youtube.com


【禁断ボーイズ】

f:id:yantzn:20170520000224j:plain

出典:禁断ボーイズのプロフィール | VAZ.tokyo

www.youtube.com


【ヒカル】

f:id:yantzn:20170519235621j:plain

出典:ヒカルのプロフィール | VAZ.tokyo

www.youtube.com


【ラファエル】

f:id:yantzn:20170520000035j:plain

出典:ラファエルのプロフィール | VAZ.tokyo

www.youtube.com

宣言どおり『関西コレクション』のサーバーダウン

ヒカルは、動画の中で『サーバーダウンさせるぐらいの勢いで集客がんばります』と語っていたが、

まさに宣言どおり、公開以降『関西コレクション』の公式ホームページに繋がりづらい状況になったようだ。

運営体制を強化すると語っていた担当者だが、予想以上の出来事になったのではないだろうか。

今まで以上の盛り上がりが期待できる関西コレクション

活動地域の関係上、なかなか全員が集まることがない『ネクステメンバ』が一同に集まるところに立ち会えるというのは、

なかなか経験することが出来ないものであり、ファンとしては必ず押さえておきたいイベントだ。

また、ランウェイを歩く、いつもと違うネクステメンバを観れるのも最大の見どころになるだろう!

そして、ラファエルが仮面を外し、素顔でランウェイを歩くのかファンとしては、非常に気になるポイントだ!

新しい客層を求めていた『関西コレクション』

主に若い女性向けのファッションショー、ライブのイベントを行っている『関西コレクション』だが、下記の動員数に注目してほしい。

第8回(2014年9月21日) - KANSAI COLLECTION 2014A/W(京セラドーム大阪)30,000名動員
第9回(2015年4月12日) - KANSAI COLLECTION 2015S/S (京セラドーム大阪)35,000名動員
第10回(2015年9月23日) - KANSAI COLLECTION 2015A/W(京セラドーム大阪)36,000名動員
第11回(2016年2月28日) - KANSAI COLLECTION 2016S/S (京セラドーム大阪)37,500名動員
第12回(2016年9月18日) - KANSAI COLLECTION 2016A/W (京セラドーム大阪)38,000名動員
出典:関西コレクション - Wikipedia

第9回で5000名の動員が増えて以降、大きく動員数が伸びていないのが現状だ。

若い女性だけでなく『新しい客層』の取り込みが運営の課題になっていたのだと思う。


ヒカルはここに目を付けたのだろう。動画で提案していた内容を思い出してほしい。

関西コレクションは、ファッションに興味がある層が主な客層だと思うが、自分たちが出演することで、

YouYubeしか見ていない層』や『男性』などのいつもと違う層が来るということ提案していた。


相手の<強み・弱み>分析し、『弱み』に対して見事な提案だったのではないでしょうか。

www.kansai-collection.net

www.youtube.com

まとめ

いかがだったでしょうか。

今まで動員数が伸び悩んでいた『関西コレクション』ですが、今回は大きく動員数が伸びるのではないかと思います。

YouTuberを呼ぶのが今回初めての試みとなるが、今回の『関西コレクション』が例年以上に大成功を収めることになれば、

今後、YouTuberをイベントに呼ぶ機会が増え、他のYouTuberの出演の機会も増えることになるだろう。


今回の『リア凸で出演交渉?関西コレクションの本社にアポなしで突撃してみた - YouTube』を見て、

ヒカルの『自分のペースに乗せる』『大きな要求の後に、小さな要求を飲みやすくさせる』などの交渉術がすごいと感じました。

ヒカルの動画からまだまだ学べることがありそうなので、追いかけてみようかと思います。


本日は以上です。ありがとうございました!

Twitterフォロー・読者登録募集中です!

関連記事

www.yantzn.com

【それ、古いっすよ。】YouTuber養成コースに通う生徒の実態とは?【インターナショナルメディア学院】

f:id:yantzn:20170516220620p:plain

出典:それ、古いっすよ。|テレビ朝日


はい!どうも、やん(@yan_tzn)です。

小学生のなりたい職業の第3位『YouTuber』について

2017年5月16日の深夜1時56分放送のテレビ朝日「それ、古いっすよ。」で

YouTuber』を目指す若者の特集が放送された。

放送内容は、未来の『トップYouTuber』を目指す若者に密着したものだ。

この放送、不意にわき腹を突かれたような感覚を受けた内容だった。

『トップYouTuber』を目指す若者

f:id:yantzn:20170516232406p:plain

出典:それ、古いっすよ。|テレビ朝日

『YouTuber養成コース』を扱う学校の生徒にフォーカスした番組内容

ドラゴンボールのベジータ役・名探偵コナンの服部平次役の『堀川りょう』さんが学院長を務める

インターナショナルメディア学院』の『YouTuber養成コース』の授業内容や そこに通う生徒に密着し、その生態を探るという番組内容だ。

『YouTuber養成コース』の授業内容

番組で放送された授業は『実技演習』で『〇〇やってみた系』の実技だった。

この実技は、講師・生徒の前で実演し、その実演内容がどうだったかと意見を出し合うもののようだ。

また、実技行った内容をYouTubeにアップしながら、実験を繰り返し、YouTuberとしての技能を身につけるスタイルの授業になっている。

他にも『SEO』を意識したタイトルの付け方などの『座学』あるようだ。

『YouTuber養成コース』に通う生徒の実態

番組では、お二人の生徒の生活に密着した。

【ぱーぷるチャンネル】紫水 円香さん

ぱーぷるチャンネル - YouTube】のYouTuber歴半年、紫水 円香(28)さん

下記が番組で放送されたウーロン茶+炭酸水が何の味になるのか検証した動画


ウーロン茶+炭酸水=何の味!?

他にも複数チャンネルがあるようだが、主に『〇〇やってみた系』や『ゲーム実況』などをしているようだ。

twitter.com

【ぼんじゅうるTV/Bonjore TV】ぼんじゅうるさん

ぼんじゅうるTV/Bonjore TV - YouTube】のYouTuber歴1年、ぼんじゅうる(37)さん

下記が番組で放送されたハンガーに物申す動画


ハンガーのつるつる

他にも細かいものに対して物申しているが、主に『ゲーム実況』や『物申す系』などをしているようだ。

twitter.com

番組を見て思ったこと

学校で学ぶ必要性を感じられない

そもそも座学や実技などをお金を出して学校で、学ぶ必要性があるのか?

現在の『トップYouTuber』の動画から学べることの方が多いのではないかと思う。

話し方』や『動画編集の仕方』『BGMや効果音の使い方』『タイトルの付け方』など多くの教材が無料で、 既に目の前にある状態だと思う。

学校で教えられたスタイルを取り込むのではなく、『トップYouTuber』を分析して、マネれる部分を吸収し自分のスタイルを考えて作っていくのが 『好きなことで生きていく』YouTuberというクリエイターなんじゃないかと思う。

僕の勝手なイメージですが…

スマートフォンを使った編集方法を主に教えるのか?

f:id:yantzn:20170517011007j:plain

出典:日本初の本格的YouTuberコースが誕生!|声優養成所・オーディションのインターナショナルメディア学院(学院長 堀川りょう)

番組やインターナショナルメディア学院のHPを見て思ったことだが、基本的にスマートフォンで編集を行っており、

スマートフォンでの撮影・編集方法を授業で受けるらしい。

僕の思っていた撮影や編集は、ビデオカメラで撮影してパソコンで編集をするイメージだ。

たしかに、スマートフォンで撮影・アプリで編集というのは、可能ではあると思う。

しかし、裏を返せば『トップYouTuber』のような編集技術は、身につかないということだ。

アプリでできる幅は限界があり、同じくアプリを使用して編集しているライバル配信者との『差別化』を図ることが難しくなるだろう。

まさに痒い所に手が届かない』状態に陥ることは、目に見えている。

スマートフォンでの撮影・編集方法が主な理由としては、『若者のPC離れ』や『学習コスト』・『機材のコスト』などの背景があると予想している。


そのため、プロ並みの編集方法は、学べないと思ったほうがいい


www.youtube.com

新規参入の厳しさ

現在、底辺から頂点まで多くの『YouTuber』がいる。

もう、ほとんどパンク状態なんじゃないかと思えるくらい増えていると予想しています。

omocoro.jp

上記の記事、2015年と古い記事だが、引退した『MEGWIN』が下記のようなことを語っている。

そうそう。それだけちゃんとやってる、あまはる君の再生回数が伸びないって事は、結局ライバルが増えすぎたのよ。これだけ色んな人が参入してきちゃうと、これから生き残るの大変だわ


あとね、ひとつだけ言えるとしたら気合いが足りてないかな!結局、YouTuberとして一発当てるやつって、無職とかフリーターとかなのよ。崖っぷちに居る連中でさ。あまはるくんみたいにちゃんと住宅補助出る会社で働いてたらハングリーさで負けるよ。あいつらは必死なんだもの


YouTuberの先駆者の『MEGWIN』でさえ、後から増えるライバルに『おののいていた』のだ。

また、『学校で学ぶ』という行為こそ、『ハングリーさで負ける』に当てはまらないだろうか。

しかし、新規参入して『トップYouTuber』の仲間入りをすることは、出来るかもしれない。あなたの努力しだいだが。

若者の夢を喰い物にするビジネス

昨今、プロゲーマを目指す専門学校など学校にする必要があるのか疑問符が浮かぶ学校がある。

なぜそのような学校が存在するかというと、若者が関心を集めるジャンルは金儲けになるからだ。

もし、学校に通うのであれば、若者の夢を喰い物にするビジネスのシステムだということを理解しておく必要がある。

上記のことを理解した上で、逆にどう利用してやるかと明確なビジョンを持たなければ、喰い殺されるだけになるだろう

学校に通うメリット

インターナショナルメディア学院』では、成績優秀者は、IAMエージェンシー所属YouTuberとして所属登録され、 他の声優、俳優、歌手と同等のマネージメントが約束されるそうだ。

YouTuber』として、日が浅くとも事務所に所属でき、さらに芸能人と共演する機会があるというのは とても魅力的なものだ。

芸能人と知り合いたい、または付き合いたいと思っているのであれば、これはチャンスに繋がるものだと思う。

まとめ

YouTube』という市場が多くの関心を集めているが、稼げていた市場から稼げなくなる市場に、 徐々に変わっていくだろう。

ヒカルが、『 好きか嫌いか言う時間』でこのようなことを言っていた。

YouTubeに興味がない。ただの道具として使っている。


YouTube』が好きだから、『YouTuber』になるのでなく 、『YouTube』を踏み台に、次のビジネスを考える・繋げる人でなければ、 生き残りは難しいだろう。

たぶんヒカルは、その先のビジネスを既に考えているのではないでしょうか。


本日は以上です。ありがとうございました!

Twitterフォロー・読者登録募集中です!

関連記事 www.yantzn.com


【自作PC】自作パソコンの組み立てに必要なパーツを紹介!

f:id:yantzn:20170513005707j:plain

はい!どうも、やん(@yan_tzn)です。

先日、友人のY君から出自不明のPCパーツを色々と貰いましたのでPCを1台組んでみようと思います。

マザーボードやグラフィックカードは現行品ではないそうですが、性能は良いものを集めてくれたそうで、

組みあがると現役でバリバリ動くとのことなのでちょっと期待してます。

(※パーツの詳細は記事を書きながら調べていきます。)


「全てのパーツが動作可能」とのY君のお墨付きを頂きましたので、パーツの状態や詳細は組み立ての際にざっくりと紹介していきます。

また、貰ったパーツのほとんどが中古ですが、一部新品で保管していたものや、開封だけの新古品も含んでいるみたいです。

ではでは今回は、貰ったパーツを紹介していきます!

パーツ紹介

マザーボード

【GIGABYTE GA-Z97N-Gaming5 (Rev.1.0)】

GIGABYTEが販売しているZ97チップセットのMini-ITXマザーボードになります。

拡張性に難ありですが、基本的な機能はしっかりと備えており、OverClock対応もしているので簡単な構成でも性能が発揮できます。

メモリはDDR3の2枚(最大16GB)で、他のサイズのマザーボードより低くなりますが、、、今回は気にしない方向でいきます。(後述しますが、PCケースがMini-ITXのみなので)

CPU

Intel Core i7 4790K

Intelが販売している「Core i シリーズ」のCPUになります。

4700番台で同世代・同系統のなかで一番性能の高いCPUです。こちらはOverClock対応のKモデルになります。

CPUソケットの形状はLGA1151で、前述のマザーボードにも対応しています。

メモリ

CORSAIR Vengeance DDR3-2133 8GBx2

CORSAIRが販売している「Vengeanceシリーズ」のOverClockメモリになります。

前述のマザーボードはDDR3のみの対応ですが(現行のメモリはDDR4)、このメモリのクロックは2133MHzで一般的(1333~1866MHz)なメモリより早く動作します。

グラフィックカード

【GIGABYTE GV-N970IXOC-4GD】

GIGABYTEが販売している「NVIDIA GTX900シリーズ」のグラフィックカードです。

GTX900シリーズの中で上位に位置するGTX970のOverClockモデルになります。(GTX980がトップ)

ちなみに、ショート基盤と呼ばれる全長を抑えたモデルになり、スペースの制約を受けにくくなります。

後述のPCケースのような小型のPCケースでは、全長の長いグラフィックカードは扱いが大変なので、今回の様な小型のグラフィックカードが良さそうです。

ストレージ

今回の貰い物ではSSDx2、HDDx3の合計5台のストレージを登載しようと思います。

【Samsung 850EVO 250GBx2】

Samsungが販売している「850シリーズ」のSSDになります。

ご存知かと思いますが、SSDはHDDよりも高速で読み書きができます。

今回は2台貰いましたので、RAID-0でさらに高速化して起動ドライブに使用しようと思います。

※2台でもともとRAID-0を組んでいたらしいので、使用頻度は同じです。


【TOSHIBA MQ02ABD100H 2.5HDD 1TBx2】

TOSHIBAが販売している2.5インチのHDDになります。

Y君の話では3.5インチを用意したかったそうですが、「在庫不足」とのこで2.5インチになってしまったそうです。

ちなみにノートパソコン向けなので、若干読み込み書き込み速度が遅くなるようです。

こちらも2台貰いましたのでRAID-0を組み速度改善を行い、アクセス頻度の高いデータの保存先にしようと思います。 (※上記は2台でもともとRAID-0でポーダブルドライブにしていた様で、使用頻度は同じです。)


【Seagate ST3000DM008 3TB】

Seagateが販売している「BarraCudaシリーズ」の3.5インチのHDDになります。

このパーツは新古品でいただきました。(Y君が使おうと開封したらしいのですが買いすぎで余ったみたいです。)

容量も3TBと十分なので、シングルでバックアップ用に使用しようと思います。

電源ユニット

【CORSAIR RM650】

CORSAIRが販売している「RMシリーズ」の電源になります。

フルモジュラータイプの電源で、コネクタが全て外れる設計です。

ちなみにCORSAIR LINKと呼ばれるオプションがあるようですが、今回は用意できませんでした。

特に問題無いので、普通の電源ユニットとして使用したいと思います。

CPUクーラー

【CORSAIR H80】

CORSAIR社が販売している簡易水冷CPUクーラーになります。

簡易水冷は、ラジエーターと呼ばれる放熱板と水冷ブロックと呼ばれるCPU部分を組み立てた状態で販売しているクーラーです。

サイズは120㎜径のラジエータであり、リザーバーが無いので許容できる熱量は低いですが、連続で高負荷をかけなければ問題無いと思います。

ちなみに空冷と水冷では大きな熱ほど水冷が効果を発揮すると聞いたことがあります。

※ラジエータのファンが付属していない状態で貰ったので、後述のファンを流用します。

PCケース

【CORSAIR 250D】

CORSAIR社が販売しているMini-ITX対応のPCケースになります。

全体は小さすぎず大きすぎないサイズ感で今回の構成ではちょうどいい感じになりそうです。

各所には防塵フィルターが標準装備されているので、メンテナンス性も良さそうですね。

またフロントに200㎜ファンが搭載可能で空冷環境を作る際は、エアフローの効率か良さそうです。

側面に280㎜x140㎜または前面に140㎜x140㎜までのラジエータが搭載できる設計ですが、今回は前述の通り120㎜x120㎜の水冷を登載します。

ファンコントローラ

【ALSEYE α-100L】

ALSEYEが販売している「ファンコントローラ」になります。

このコントローラは熱センサーで最大6基のファンを自動制御する事ができ、ファンの停止等を警告してくれるみたいです。(日本語の説明書を見つけられなかったので、つたない英語力ですが・・・)

フロントの操作はタッチ操作で、バックライトが点き視認性は非常に高いです。

その他

型番がわからなかったので、まとめて記載します。

  • SATA-III ケーブル x5

  • ケースファン 80㎜ x2

  • ケースファン 120㎜ x2

  • ケースファン 140㎜ x2

  • ファンガード 80㎜ x2

  • ファンガード 120㎜ x1

  • ファンガード 140㎜ x2

  • CPUグリス x1

上記のパーツと、大量のネジとWin10のライセンスをもらいました。

どのネジが何用か分からないけど・・・。(組み立てながら考えます。)

まとめ

今後、貰ったパーツ元に自作PC関連シリーズの記事を書いていきたいと思います。

これから「自作PCを始めよう」と思う自作PC初心者方向けになりますが、「もう数十台作った」という自作PC玄人の方も参考になれば幸いです。

次回から、PCハード大好きの友人のY君にアドバイスを貰いながら寄せ集めパーツで自作PCを作って行こうと思います。

私自身、我流で自作PCを作ってきた人なので、自作PC玄人の方々にはお見苦しい点も在るかもしれませんが、ご容赦ください。


本日は以上です。ありがとうございました!

Twitterフォロー・読者登録募集中です!

なんとなく鹿児島がわかるローカルCM

f:id:yantzn:20170510235812j:plain

はい、どうもやん(@yan_tzn)です。


僕の出身は『鹿児島』なんですけど、鹿児島ってどんなイメージ持ってますか?


食べ物がおいしいとか?


桜島とか?


氷白熊(しろくま)とか?


芋焼酎が有名だから、鹿児島県民は酒が強い?とか


だいたい僕が会ってきた方は、こういうイメージを持ってました。



うん。合ってる!

f:id:yantzn:20170511004653j:plain


そんなイメージを持っている方に、もっと鹿児島を知ってもらいたい!!


また、鹿児島出身の方には懐かしいCMになると思います!


今回、僕の独断と偏見で『なんとなく鹿児島がわかるローカルCM』を紹介したいと思います!


なんとなく鹿児島がわかるローカルCM

鹿児島公務員専修学校テレビCM


鹿児島公務員専修学校 H29年度学生募集


言わずと知れた、鹿児島の有名なCMです。


『将来、何になるの?』と聞かれれば、思わず『公務員!!!』と

言ってしまうほど、県民を支配してしまったCM。。。


お近くの鹿児島出身の人に「将来、何になるの?」と聞いてみてください。


必ず『公務員!!!』と返してくれるでしょう!

www.kagoshima-koumuin.jp

南国白くま物語


02南国白くま物語


鹿児島といえば、『南国白くま』というかき氷みたいなものが有名です。


このCMは、よく日曜日にサザエさんが始まる前に流れていたのですが、


日曜日の終わり告げているようでした…


ちなみに『南国白くま』を好んで食べている県民に出会ったことがないです。


結構、県外の人は好きみたいですね。

www.seikafoods.jp

鹿児島の不動産 川商ハウスCM


【鹿児島の不動産 川商ハウスCM】 1995年 「かけあし編」


僕が小学生の頃に、よく流れていたCMです。


サッカー少年だった僕は、よく走るときにこのCMのマネをしていました。

一度、聞いたら忘れられない印象に残るフレーズじゃないですか?


最近のCMは、こちら

www.roomstation.com

今でも変わらずインパクトが強いCMを流しているようです。

南九州畜産興業CM【ナンチク体操】


「ナンチク体操」編(2010.6~) 


豚・牛食肉の製造販売・ハム加工品製造販売をしている南九州畜産興業のCMです。


頻繁に鹿児島で流れるCMで、今でも「僕らの元気はな~んだ?ズンズンズンタカタッタッ♪黒豚くん♪」と

口ずさんでしまえるくらい覚えてます。


www.nanchiku.co.jp

焼肉なべしま


焼肉なべしま CM(アニメ)


九州に特化したローカル焼肉店のCMです。


ダジャレたっぷりの歌詞が特徴ですね。


僕が、学生時代にアルバイトしていたのがここです。


CMにもあるように良いお店なので機会があれば行ってみてください。


まとめ

いかがだったでしょうか。


鹿児島のCMは、シュールなものが多いです。


こういうローカルCMが流れているので、鹿児島に行ったときは、見てみてください。


もっと鹿児島を知りたい方は、クリップのゼム@鹿児島マスターさんのブログで


鹿児島のお店や鹿児島の情報を紹介しています!是非、覗いてみてください!


gem-clip.hatenablog.jp

お土産にするなら『かすたどん』おすすめです!

“かすたどん”は、カスタードクリームをふんわり生地で包んだ〈薩摩蒸気屋〉の人気洋菓子

本日は以上です。ありがとうございました!

Twitterフォロー・読者登録募集中です!

【WIMAXが固定回線を超える???】Speed Wi-Fi NEXT WX03実機レビューしてみた!

f:id:yantzn:20170507125934p:plain

出典:UQコミュニケーションズのサービス

どうも、やん(@yan_tzn)です。

友人のY君が『WIMAX』で『Speed Wi-Fi NEXT WX03』を契約したと連絡を貰ったので、ちょっと触らしてもらいました。

触った一番の感想としては、WIMAX』でどのルータにするか迷っているのであれば、『Speed Wi-Fi NEXT WX03』にすることをおすすめです!

何故WIMAXのルータってどれがいいのか、いまいちわからないです

今回は、『Speed Wi-Fi NEXT WX03の特徴』・『Speed Wi-Fi NEXT WX03のスピードテスト』・『Speed Wi-Fi NEXT WX03を使ってみてわかったこと』についてまとめたよ

WX04と WX03のスペック

製品名 f:id:yantzn:20170507174638j:plain
Speed Wi-Fi NEXT W04
f:id:yantzn:20170507174536j:plain
Speed Wi-Fi NEXT WX03
対応ネットワーク WiMAX 2+
au 4G LTE
WiMAX 2+
重量 約140g 約110g
サイズ 約W130×H53×D14.2mm 約W99×H62×D13.2mm
最大速度 下り最大440Mbps 下り最大440Mbps
連続通信時間 約10時間 約12.0時間
Wi-Fi規格 11ac/n/a(5GHz帯)
11n/g/b(2.4GHz帯)
11ac/n/a(5GHz帯)
11n/g/b(2.4GHz帯)
電池容量 2,750mAh 2,890mAh
USB規格 USB3.0 Type-A
USB3.0 Type-C
microB-Type
アクセサリ
(別売り)
ACアダプタ
クレードル
(1000BASE-T/100BASE-T)
ACアダプタ
クレードル
(1000BASE-T/100BASE-T)

Speed Wi-Fi NEXT WX03の特徴

f:id:yantzn:20170507142311j:plain

下り最大440Mbpsの高速通信

f:id:yantzn:20170507142312j:plain

出典:Speed Wi-Fi NEXT WX03

最高速度の220Mbpsが最大でしたが、WX03は2つの通信技術(4×4MIMO技術)と(キャリアアグリゲーション技術)を融合させ440Mbpsという速度を実現させたようです。 ※440Mbpsは理論値です。

今まで最高速度に比べて2倍も早くなるんだ!

最大440Mbps出せるのは、国内だけでもWIMAXだけなんです!

それはすごい!でも最新の『WX04』と『WX03』は同じ速度だけど、なんで『WX03』がおすすめなの?

WX03』がおすすめの理由を順に追って説明するから焦らないで

WIMAX中で一番通信速度が早いモデル。また、国内で提供されている高速モバイルデータ通信サービスの中でも一番通信速度が早い!しかし、最大440Mbps対応地域でない場合は、その恩恵を受けれないため注意が必要。

非対応地域はこちら

2890mAhの大容量バッテリーを搭載

上の表でわかる通り、『WX03』は『WX04』に比べてバッテリーの持ちが 『2時間』も違います!

常に持ち運んで使用している方には、バッテリー持ちが良いのは助かりますね!

こんなにバッテリー持ちがいいと、単純に充電する回数も減っていいかもね!

長時間使いたいユーザは『WX03』にするべき!

スポンサーリンク

拡張アンテナ付きのクレードル

f:id:yantzn:20170507170506j:plain

WX03』は『WX04』と違い、クレードルに拡張アンテナが付いています。

従来、平置きだと方向によって受信感度に違いがありましたが、この拡張アンテナ付きのクレードルを使用すると 散らばった電波をキャッチして通信速度が上がります。

カフェとかでよく作業する時に電波が入らなかったりするよね...

平置きしてるから場所によって電波が入らないのが原因みたいね

でも、本当にクレードル使うだけで受信感度上がるの?

実際にスピードテストしてみましょうか!

Speed Wi-Fi NEXT WX03のスピードテスト

地域や時間帯に左右されるため参考程度ですが、基地局付近でスピードテストしてみました!

2.4Ghz拡張アンテナ付きクレードル未使用の場合

f:id:yantzn:20170509232134p:plain

2.4Ghz拡張アンテナ付きクレードル使用した場合

f:id:yantzn:20170509232212p:plain

クレードル未使用でも十分な速度が出てる!

若干ではありますが、クレードル使用したほうが速度が上がっていますね!

5.0Ghz拡張アンテナ付きクレードル使用した場合

※5.0Ghzクレードル未使用での測定していませんでした…別途測定する予定です。

f:id:yantzn:20170509233818p:plain

おお!76.72Mbps!!!

5.0Ghzだと固定回線並みの速さになりますね

今回の検証では速度は上がっていましたが、地域や時間帯により必ずクレードルで速度が上がるとは断言出来ません。
Speedtest.net
Speedtest.net
開発元:Frederik Lipfert
無料
posted with アプリーチ

まとめ

『サイズ』『重量』『バッテリー持ち』を考えれば、『WX03』が最もおすすめです。

拡張アンテナ付きクレードルは、必ずしも速度が上がるわけではないですが、試してみたい方にはおすすめです!

また、拡張アンテナ付きクレードルを使うことで『有線接続』もできます。


WIMAX』は、どんどんエリアを拡大しています。

今後、『WIMAX』があれば固定回線が不要になる世の中になりそうだなーと思いました。


ちなみに、以前はキャッシュバックの金額が大きかったのですが、友人のY君と家電量販店で契約したときは『5000円』とキャッシュバックが少なくなっていました。

今契約を行うのであれば、家電量販店より『BIGLOBE WiMAX 2+ 』が『20000円』キャッシュバックを行っているのでお得です。

詳細はこちらから ⇒ 『BIGLOBE WiMAX 2+ キャンペーン


では、今回は『WX03』の実機レビューでしたが、まだまだ検証が足りない状態なので、もう少し触ってみて伝えられることがあればお知らせしたいと思います。

本日は以上です。ありがとうございました!

Twitterフォロー・読者登録募集中です!

【第一回】CSSの上書きルールと詳細度についてまとめてみた!【Re:ゼロから始めるCSS入門】

f:id:yantzn:20170502002937j:plain

どうも、やん(@yan_tzn)です。

CSSの勉強をイチから…いいえゼロから始めたいと思います!!

f:id:yantzn:20170502212632j:plain

今回のRe:ゼロから始めるCSS入門、第一回はCSSの上書きのルールや詳細度についてまとめてみました。

CSSの基本的な書式

CSSの基本的な書式は、次のとおりです。

f:id:yantzn:20170502040731p:plain

CSSの適用される順序

後から書いた方が優先される

CSSは、一度設定されたプロパティの値をあとから出てきた、プロパティで上書きされる特徴があります。

See the Pen GmmeoV by yantzn (@yantzn) on CodePen.

上記のように、デフォルト青文字color:#005bef;font-size:30pxにしていますが

後から記述した赤文字color:#f44242font-size:14pxが適用されます。

このように後から記述したCSSがデフォルトで記述していたCSSより強くなります。

CSSの強さは、『セレクタの書き方』と『書かれる順番』に依存します。

あまりにも強すぎる『!important』

CSSのプロパティに、『!important』と追加すると、指定されたプロパティは『最強』になり、上書きすることが出来なくなります。

See the Pen ybbwwj by yantzn (@yantzn) on CodePen.

先ほどは、後から記述した赤文字color:#f44242font-size:14pxが適用されていましたが、 『!important』を追加したことで上書き出来なくなりました。

『!important』はあまりにも強いCSSになるため使う際は注意する必要があります。

CSSの強さを決定する「詳細度」

CSSの強さ・弱さは使用されているセレクタによって決まります。

See the Pen WjORLj by yantzn (@yantzn) on CodePen.

上記のようなCSSが書かれている場合、先に記述している宣言ブロックのスタイルの方がクラス名を指定していることで強いため青色color:#005befで上書きされなくなります。

宣言ブロックに書かれているスタイルの強さは、使われている『セレクタ』の点数で決まります。

その点数を『詳細度』と呼び、点数が高いほど、点数の低いスタイルのプロパティを上書きします。

詳細度の計算方法

CSSで使うセレクタは、『単純セレクタ』というものを組み合わせて記述します。

上のCSSだと、p.testが『単純セレクタ』にあたります。

この単純セレクタには、それぞれ詳細度の点数がついています。

組み合わせた単純セレクタの点数の合計値が、そのセレクターの『詳細度』になります。

全体セレクタ(*):0点
* {
 color:#f44242;/*赤色*/
}
タイプセレクタ、擬似要素:1点
/*タイプセレクタ*/
p{
  color:#005bef;/*青色*/
  font-size:30px;
}

/*擬似要素*/
li:before{
  content:'';
  height:0;
  width:0;
}

/*擬似要素*/
ul li:after {
  clear: both
}
クラスセレクタ、属性セレクタ、擬似クラス:10点
/*クラスセレクタ*/
p.test{
  color:#f44242;
  font-size:20px;
}

/*属性セレクタ*/
input[type="submit"] {
  background: #4687bd;
  font-weight: bold;
  font-size: 16px;
  border-radius: 5px;
}

/*擬似クラス*/
a:hover {
  color: #3dbbb4;
  text-decoration: underline;
}
idセレクタ:100点
/*idセレクタ*/
#header {
  width: 100%;
  height: 60px;
  padding:0 0 0 0;
  background: #fff;
  border-bottom: 1px none;
}
HTMLのstyle属性:1000点
<!-- HTMLのstyle属性-->
<p style="color:#f44242;">それは仕様です。</p>

上記のように単純セクレタの点数は、決まっています。


下記CSSの詳細度を計算してみましょう。

p.test{
  color:#f44242;/*赤色*/
  font-size:20px;
}

pのタイプセレクタで1点、.testのクラスセレクタで10点になり、詳細度は「11点」となります。

「単純セレクタの点数を合計する」という考え方で問題ないはずなので、簡単ですね!

CSSを上書きするケースは非常に多い。そのためメンテナンス性の高いCSSを書くためにもセレクタの詳細度は極力低くし、上書きしやすい状態にしておくのがポイントです。また、詳細度の低いスタイルから先に、詳細度が高いスタイルを後に書くようにするとメンテナンスしやすくなります。

まとめ

いかがだったでしょうか。

僕自身、CSSの上書きルールは何となくわかっているつもりでしたが、

「あれー?CSS反映されないなー」とかいう場面が多々ありました。

この詳細度を全然理解していなかったのでが原因です。

今回、詳細度を理解できたので、メンテナンス性の高いCSSを書けるように意識していこうと思います。

この『Re:ゼロから始めるCSS入門』シリーズ続けていきますので、どうぞよろしくお願いします!

最後まで読んで頂き、ありがとうございます!

Twitterフォロー・読者登録募集中です!

【別作品?第一話感想】ドラマ「櫻子さんの足下には死体が埋まっている」【原作ファンとジャニーズファンの評価】

f:id:yantzn:20170423043738j:plain

どうも、やん(@yan_tzn)です。

フジテレビ系で4月23日(日) 21:00に放送開始された、ドラマ『櫻子さんの足下には死体が埋まっている』第一話。

【大コケ確実??別の視点で楽しむべき??】ドラマ「櫻子さんの足下には死体が埋まっている」4月23日(日) 21:00からついにスタート! - それは仕様です。の記事でも書いたように、非常に注目を集めた第一話となっていました。

第一話の「感想」・「原作ファンとジャニーズファンの評価」・「ドラマでどのように表現されるのか気になっていたこと 」についてまとめてみます。

ドラマ『櫻子さんの足下には死体が埋まっている』第1話のあらすじ

変人!偏屈!骨好き女現る!

櫻子が家政婦の“ばぁや”こと、沢梅(鷲尾真知子)と暮らす邸宅を、博物館の技術補佐員・館脇正太郎(藤ヶ谷太輔)が訪れる。

館長の杉森重男(渡辺憲吉)に命じられるままにやってきた正太郎は、ずんどう鍋をかき混ぜる初対面の櫻子にあいさつするが、スルーされる。

とまどう正太郎を尻目に、櫻子は博物館から組み立てを依頼されていた骨を入れたトレイを手に戻ってくる。

むき出しの骨に驚き、完全に逃げ腰になる正太郎に櫻子は、骨の発見場所を問いただし「そこへ案内しろ」と言い出す。

博物館のスタッフ・志倉愛理(新川優愛)から場所を聞き、学芸員・磯崎齋(上川隆也)からは、 珍しい草花の写真を撮ってくるように指示された正太郎は、櫻子の運転する車で骨の発見場所の山中へ。

到着した先で見つけたのは、なんと人間の白骨死体だった。

正太郎の通報で、刑事の山路輝彦(高嶋政宏)近藤卓也(細田善彦)、鑑識の新井隆太(田中聡元)らがやってくるが、

遺体は完全に白骨化しているため、詳細は調べないと分からないと言う。

ところが櫻子は、死亡推定時期、年齢、性別、利き手まで、スラスラと言い始める。驚く刑事たちに、何より気になるのが遺体の歯だと告げた。

出典:櫻子さんの足下には死体が埋まっている | ストーリー - フジテレビ

f:id:yantzn:20170430163722p:plain

出典:櫻子さんの足下には死体が埋まっている | 相関図 - フジテレビ

ドラマ『櫻子さんの足下には死体が埋まっている』第1話の感想

ドラマ版も事件を解決してもどこか哀しく爪痕を残す印象は壊しておらず安心しました。

ドラマのテンポをそれなりによかった部分もありました。

しかし、これまで数々のドラマで主人公を演じてきた観月ありささんが、どのような櫻子さんを演じるか楽しみにしていたのですが、 正直、『ミステリアスな櫻子さん』という感じではなかったのは残念でした。

藤ヶ谷太輔さん演じる、館脇正太郎ですが『ちょっと頼りない、草食系男子』という部分は、 しっかり演じられており、 ジャニーズファンの方は、新しい藤ヶ谷太輔の『発見』に繋がったのではないでしょうか。

原作ファンとジャニーズファンの評価

放送前から批判が上がっていたドラマ『櫻子さんの足下には死体が埋まっている』

実際の反応はどのようなものだったのでしょうか。

一つの作品に対し、『原作ファン』『ジャニーズファン』とで印象がだいぶ違っているようだ。

【原作ファンの評価】

やはり原作ファンの方は、原作の雰囲気を大切にしていた分、配役や設定の違いに納得いかない意見が多かった。

また、そのようなことから『ドラマの内容が入ってこない』といった感じでしょうか。

【ジャニーズファンの評価】

ドラマの内容よりも、新しい藤ヶ谷太輔さんの『発見』に繋がった意見が多い印象でした。

ちょっと頼りない、草食系男子という藤ヶ谷太輔に『キュン死』だったといったところでしょうか。

ドラマでどのように表現されるのか気になっていたこと

【大コケ確実??別の視点で楽しむべき??】ドラマ「櫻子さんの足下には死体が埋まっている」4月23日(日) 21:00からついにスタート! - それは仕様です。の記事で、

ドラマでどのように表現されるのか気になっていたことをいくつか上げましたが、

櫻子さんは正太郎のことを『少年』と呼んでいたが、ドラマでは何と呼ぶのか? という部分が一番気になっていました。

実際ドラマでも『少年』と呼んおり、非常にびっくりしました。

中途半場に原作に合わせるというのは、やめてほしい部分もありますね…

まとめ

いかがだったでしょうか。

非常に注目を集めたドラマ『櫻子さんの足下には死体が埋まっている』第一話。

原作ファンの声が厳しいところもありますが、事件も原作に沿った部分もあるので、 『別作品』として楽しむというもいいのかもしれません。

また、原作もアニメも知らない方は、純粋に楽しめるドラマだと思いますので、 気になった方は原作にも手を出して頂けると嬉しいです。



藤ヶ谷太輔と観月ありささんの役作りや、二人のドラマでの関係がどのように変化していくのか楽しみです!!

回を重ねるごとに原作ファンが納得できる作品になるのか!?といった部分も注目のポイントですね!

フジテレビオンデマンド(FOD) でドラマ『櫻子さんの足下には死体が埋まっている』を見ることができるようなので、

見逃した方はフジテレビオンデマンド(FOD)で視聴してください。

最後まで読んで頂き、ありがとうございます!

Twitterフォロー・読者登録募集中です!

関連記事 www.yantzn.com

【大コケ確実??別の視点で楽しむべき??】ドラマ「櫻子さんの足下には死体が埋まっている」4月23日(日) 21:00からついにスタート!

f:id:yantzn:20170423025522j:plain

出典:www.bs11.jp

どうも、やん(@yan_tzn)です。

非常に僕の大好きなアニメでもある『櫻子さんの足下には死体が埋まっている』の

ドラマが本日、フジテレビ系で4月23日(日) 21:00からついに放送される。

ドラマ化決定が明らかになったときから、ネット上で批判を呼んでいたドラマ『櫻子さんの足下には死体が埋まっている』だが、 本日の第1話の出来栄えが非常に注目を集めることになるだろう。

放送前に、『ストーリー』『キャスト』・『原作との違い』を抑えておきたい。

『櫻子さんの足下には死体が埋まっている』のストーリーは?

f:id:yantzn:20170423043738j:plain

北海道・旭川。この街には、「櫻子さん」が住んでいる。 櫻子さんは、美人で名家のお嬢様。なのに三度の飯より「骨が好き」。 そんな彼女と一緒にいると、なぜか僕まで骨と縁ができるようで。 骨にまつわる事件と櫻子さんに振り回されっぱなしの僕だけど、 それが嫌じゃないのは 櫻子さん、きっとあなたのせいだと思う。

出典:作品紹介 | アニメ「櫻子さんの足下には死体が埋まっている」公式サイト

標本士としての資格を持ち、素人ながら検死に関する知識も持ち合わせている『九条 櫻子(くじょう さくらこ)』と 旭川市在住の高校生で、平凡な高校生『館脇 正太郎(たてわき しょうたろう)』が『骨』に纏わる様々な謎の解明に挑むミステリー作品。

『骨』から得た情報をもとに真相(過去の秘密)を暴くことになる。

そのため事件を解決してすっきりするというより、どこか哀しく爪痕を残す印象が強い作品。

sakurakosan.jp

ドラマ『櫻子さんの足下には死体が埋まっている』批判されている理由

キャスト

f:id:yantzn:20170423050627j:plain

出典:櫻子さんの足下には死体が埋まっている - フジテレビ

九条 櫻子を演じるのは、『観月 ありさ』さん、 館脇 正太郎を演じるのは「藤ヶ谷 太輔」さんである。

しかし、この配役に対して批判の声が上がっている

原作との違い

f:id:yantzn:20170423025032j:plain

原作での九条 櫻子は『20代半ばの女性』という設定となっている。

観月 ありささんはとても綺麗な女性であるが、『40代』という年齢は無理があるのでは?という声が上がっているようだ。

また、原作の館脇 正太郎は『高校生』という設定だが、ドラマでは『博物館職員』という設定となっている点も理由の1つのようだ。

この作品のもう一つのおもしろいところは、『高校生の年上のお姉さんへの憧れ』。

僕自身、高校生の頃から現在まで『年上のお姉さんへの憧れ』という部分があり、それも相まっておもしろいと感じていた部分だ。

高校生男子の視点から見る、『年上のお姉さん』への想いという部分が表現されないのでは?と不安に感じた配役でもあった。

ドラマ『櫻子さんの足下には死体が埋まっている』は別の視点で楽しむべき??

原作と微妙に違う、ドラマ『櫻子さんの足下には死体が埋まっている』だが、

原作の設定に忠実ではないのは、ファンとして残念な部分である。

しかし、設定が違うことでドラマではどう表現されるのか。といった風に楽しめる部分もあるのではないでしょうか。

  • 櫻子さんは正太郎のことを『少年』と呼んでいたが、ドラマでは何と呼ぶのか?

  • 年上のお姉さんへの憧れの部分は、ドラマでも表現されるのか?

  • 櫻子さん子供っぽさは、表現されるのか?

  • さぁ、謎を解こうじゃないか」というセリフを使うのか?

ざっと僕がドラマでは、どうなるのか気になるポイントはこんな感じですね。

animeigen.xxxblog.jp

まとめ

いかがだったでしょうか。

ドラマ『櫻子さんの足下には死体が埋まっている』フジテレビ系で4月23日(日) 21:00から放送です。

良い意味でも悪い意味でも注目が集まっているドラマなのではないでしょうか。

観月 ありささん藤ヶ谷 太輔さんの役に対する想いなどインタビューに書かれているので、

放送前に読んでみても良いかもしれません。

本日の第1話どのような作品に仕上がっているのか、楽しみにしたいと思います!!


【公式】祝・解禁!新日9ドラマ『櫻子さんの足下には死体が埋まっている』予告動画公開! /30秒Ver.


最後まで読んで頂き、ありがとうございます!

Twitterフォロー・読者登録募集中です!

www.yantzn.com

2017年4月23日 誤字脱字の修正・体裁の修正

【劇場版最新作】名探偵コナンから紅の恋歌(ラブレター)ここまで和葉にスポットが当たったことがあっただろうか!【あらすじ・ネタバレ感想】

f:id:yantzn:20170417213901j:plain

出典:TOHOシネマズ

どうも、やん(@yan_tzn)です。

見てきましたよ!名探偵コナンから紅の恋歌(ラブレター)

もうめちゃくちゃおもしろかった!!!

『迷宮の十字路』が一番作品の中で好きなんですが、 『迷宮の十字路』以上のミステリー!そしてラブコメ

いつもの新一と蘭のラブコメに飽きてしまっていたので、 ここで平次と和葉のラブコメはめっちゃ新鮮でした!

あと、ほんとに泣けました…

ちなみに、和葉が大好きな僕からしたら今回の紅の恋歌は、

ここまで和葉にスポットが当たったことがあっただろうか…」めっちゃ嬉しい!

あらすじと感想書いていっちゃいますよっ!!

※ネタバレを含みますのでご注意ください!

あらすじ(※ネタバレあり)

冒頭

「皐月会(さつきかい)」の矢島 俊弥(やじま としや)が何者かに殺害されるシーンから始まる。 矢島の手には一枚のかるたが握られていた。

場面が変わり、皐月会(さつきかい)の会長、阿知波 研介(あちわ けんすけ)と対談予定の小五郎とテレビ局を訪れていた。

テレビ収録が始まるということで、控え室に向かう一行。

その向かう途中で、百人一首の高校生チャンピオンの大岡 紅葉(おおおか もみじ)とぶつかる平次。

『やっと会えた。私の未来の旦那さん。』という彼女のセリフに驚く、平次と和葉。

テレビ局の爆破

テレビ局に送りつけられた「爆破予告」について、大阪府警で協議を行っていた。

その爆破予告には、百人一首のの絵が添付されていた。

そして、協議の結果、テレビ局員を避難させる。しかし、避難の最中に大きな爆発が起こる。

歴史ある皐月会(さつきかい)のかるたを守るため、 平次と和葉の同級生、枚本 未来子(ひらもと みきこ)がスタジオへと戻る。

無事にかるたを回収するも2度目の爆発が起こり、平次・和葉と離ればなれになった未来子。

未来子は警備員と避難することができたが、平次と和葉は屋上に逃げ、助けを待つことにした。

2人がまだテレビ局内にいるとわかったコナンが、隣のビルから突撃して間一髪で助け出す。

恋敵と高校生皐月杯で対決する羽目に

テレビ局の爆発により、治療受ける面々。しかし、爆発により未来子の腕が骨折してしまっていた。

ゾンビ部員と化していた和葉が、代理を請け負うことになるが…その様子が気に入らない

紅葉に挑発され、高校生皐月杯で勝った方が『平次に告白する』することになる。

『葉っぱちゃん』と涼しく挑発した紅葉が立ち去った後に、カードケースが落ちていることに気づく蘭。

そのカードケースには、『幼い平次と和葉の二人が指切りをしている写真』が入っていた。

平次と紅葉の関係性に謎が深まる展開へとなる。

真犯人として浮上する『名頃 鹿雄(なごろ しかお)』

皐月会のカメラマンでもある関根 康史(せきね こうじ)が犯人しか知りえない情報を知っていたことから コナンたちは彼が犯人ではないかと疑いをかける。しかし、真犯人は関根でなかった。

警察の警護の中、関根の乗っている車が爆破されたのだ。

そして、警察の調べにより関根のスマホにも百人一首のの絵がメールに添付されていた。

また、阿知波・紅葉のスマホにみ百人一首のの絵がメールに添付されていることがわかった。

コナンと平次は阿知波から『名頃 鹿雄』について聞かされる。

名頃は、『名頃会』のリーダであり『皐月会』をライバル視しており、5年前に阿知波の妻『阿知波 皐月(あちわ さつき)』にマスコミを使い 試合を無理やり行わせるように仕向けた人物だった。だが、彼は当日の試合に現れず以降、行方不明となっていること。紅葉の師であること。

また、名頃の『得意札』が『紅葉が入った6枚の百人一首』であることを聞く。

このことから、コナン・平次は、それらの札が今回の事件に使われていると気づき、名頃の逆恨みではないかと推理をした。

残りの紅葉が入った1枚の百人一首の行方は?

警察の警備の中、開催された『高校生皐月杯』。和葉は順調に勝ち進みついに紅葉と対決することになる。

決勝戦は、『皐月邸』と呼ばれる崖の上の会場で行われ、船でしか移動できず、エレベータを使い部屋に向かう作りとなっていた。

和葉と紅葉の『平次を賭けた戦い』が始まる前に、大きい爆発が起こる。

爆発の現場に向かったコナンと平次だが、そこには身元不明の焼死体があるだけだった。

しかし、木に食い込んでいる「指輪」を発見する。その持ち主が、阿知波の秘書であったことが判明した。

コナンが「指輪」を発見しなければ、本来身元不明の死体となっていた。これこそが真犯人の狙いだと気づく。

身元不明の焼死体を『名頃』と警察に処理させるためのフェイクにするためだ。

そして、このようなことができる人間は、『皐月会の会長、阿知波 研介』ただ一人だ。

警察の調べにより、和葉のスマホにも百人一首のの絵がメールに添付されていることがわかった。

何故、最後の一枚が「和葉」なのか…そう、阿知波は最後の一枚は誰でもよかったのだ。

紅葉が決勝に上がることはわかっており、3人目は「紅葉」と「自分」が死ぬときのついでだったのだ。

そのことに気づいた、コナンと平次は、「皐月邸」にバイクごとダイブし、和葉と紅葉を助けに向かう。

結末と真相

皐月邸は火の手が迫っている状況であった。しかし、コナンの機転により滝を使い消火する。

そして、阿知波は真相を話した。5年前に行われた名頃と阿知波 皐月の試合は、前日に行われていたのだ!

前日の試合では、皐月がいつも練習して聞いていた読み手の録音されたものを使用しており、 読まれる順番を覚えている皐月が圧倒的有利な状況にもかかわらず、名頃が勝利してしまったのだ!

そして、ショックのあまり名頃を殺害してしまう。その死体を皐月邸に隠した。

しかし、名頃が皐月に殺されていることに気づいていた人物がいた。そう『矢島 俊弥』である。

録画された紅葉の試合であることに気づいた。血で濡れた跡だ。

紅葉は師である名倉と偶然にも、名頃が殺害されたときの状況と同じ札の並びを再現してしまっていたのだ!

殺害されたときの順番で重ねたときのみ、血で濡れた跡が映っていたことにより、矢島は気づいてしまったのだ。

妻の名誉や皐月会を守るため、矢島を殺し、全ての罪を名頃に着せ、「皐月邸・かるた」ごと闇に葬り去るつもりだった。

だが紅葉は、名頃の想いを話す。全てを知った阿知波は泣き崩れ自分の愚かさを後悔した。

しかし、皐月邸は崩れ始め時間がない。エレベータでコナン・紅葉・阿知波は避難できたが、平次と和葉が取り残された。

平次は、バイクで池に飛び移ろうとするが距離が足りない。だが、阿知波の持っていた爆弾の爆風を使い脱出することに成功する。

見どころ!『恋』も『謎』も鍵を握るのは百人一首!

f:id:yantzn:20170418025728j:plain

出典:劇場版『名探偵コナン から紅の恋歌(ラブレター)』予告

和葉がかわい過ぎる!!

恋敵が現れたことで、自分の中の気持ちをどうしたら良いのか迷ってる感じがすごいかわいいです!

嫉妬しまくって素直になれないし、伝える勇気を持てない…そんな姿を是非見てほしい!

恋って…いいですね..

和葉の想い

恋敵との対決に向け、平次の母で元クイーンである服部静華 (はっとりしずか)に稽古をつけてもらういます!

そこで、『得意札』を選びなさいと静華に言われます。

和葉が選んだが札がとても、和葉の想いを表していて感動しました!!!

しのぶれど 色に出でにけり わが恋は 物や思ふと 人の問ふまで

あの人を思う気持ちを、誰にも知られないようにと、 じっと包み隠してきましたが、とうとう隠し切れずに顔色に出てしまいました。 恋に悩んでいるのですかと、人から聞かれるまでに・・・・・

出典:百人一首★イメージ記憶 しのぶれど色にいでにけりわが恋は 物や思ふと人の問ふまで

今までの和葉の気持ちが一番表現されていて、ちょっと泣きそうでした。

服部静華に認められる

服部静華に稽古を付けてももらう中で、和葉の平次に対する想いからくる底力や実力を認めてもらっている感じがします!

恋敵問題より姑問題は先に解決?なのか(笑)

先に外堀から埋めていけてますね(笑)

平次のセリフにしびれる!!

『待っとれ 死んでも守ったる!!』とかめっちゃかっこいい!

あと、この予告映像でもあるんですが、『手離したら…殺すで!』とか

こんなかっこいいセリフ使ってみたい!!


「名探偵コナン から紅の恋歌」TVCM~初恋篇~

しかもこの『うんっ!』って言って抱き着く感じがまた、涙腺崩壊させます…

歩美ちゃんの一言がおもしろい!

病院で和葉と紅葉が平次のことについて、どっちが平次のことが一番好きかみたいな

言い争いをするシーンがあるんだけど、そこでの歩美ちゃんの一言がおもしろいです。

真顔で『すごいの見っちゃったね..』とつぶやきます(笑)

館内が爆笑の渦でしたね(笑)

小学生を引かせるほどの迫力!!

明かされる、哀しき真実

マスコミを使い、試合を無理やり行わせるように仕向けた名頃だったが

ただ彼女を叩き潰そうなんて思っていませんでした。

ただ、初恋の相手(皐月)に褒めてほしかっただけだったんです。

哀しい真実ですよね。それを紅葉に話している笑顔も泣けてきます。

蘭が選んだ歌・新一の選んだ歌

和葉が得意札を選べない状況のときに、蘭が選んだ歌がこれです。

めぐりあひて 見しやそれとも わかぬまに 雲がくれにし 夜半の月かな

長い間会わなかったあの人を、偶然お見かけしたけれど その人かどうかはっきり確かめる間もなく、真夜中の月が雲に隠れてしまうように 行ってしまいましたよ・・・・・

出典:百人一首★イメージ記憶 めぐりあひて見しやそれともわかぬまに 雲がくれにし夜半の月かな

新一にすぐ会えたと思えばすぐ会えなくなる。そんな思いが詰まっていますね。

ラストで新一が蘭に送った歌がこれです。

瀬をはやみ 岩にせかるる 滝川の われても末に 逢はむとぞ思ふ

川の瀬の流れが速いので、岩にせき止められ、水の流れが2つに別れるが、 また合流して一つになる滝の川。その滝川のように、 今はあなたと離れていても、いつかまた一緒になれると信じています。

出典:百人一首★イメージ記憶 瀬をはやみ岩にせかるる滝川の われても末に逢はむとぞ思ふ

新一の心情がうまく表現できている歌ですよね!

ほんとに切ない!てか、告白しているよね??

感想

ほんとにおもしろかったです!何回も見直したいです!

これから観に行く人は、歌の意味を抑えて観に行った方が感動が倍になります!

あとは、灰原の手番が結構少なかったなー

ちょっと電話切れたあとの灰原、なんか寂しそうでした(笑)

要件終わったらすぐ切るコナンがまじで悪いけどな!

名頃もそうだけど、みんな好きな人への感情の表し方が不器用すぎてもどかしいなーって感じですね。

最後まで読んで頂き、ありがとうございます!

Twitterフォロー・読者登録募集中です!

2017年4月24日 ・誤字脱字の修正

はてなブログでお問い合わせ・プライバシーポリシーを設置して「noindex」にする手順まとめ

f:id:yantzn:20170416062310j:plain

どうも、やん(@yan_tzn)です。

Google AdSense(グーグル アドセンス)の広告をブログに設置して利用するためには、 サイトに「プライバシーポリシー」を明記する必要があるそうです。

先日、Google AdSenseに合格したので、プライバシーポリシーとついでにお問い合わせページを作成したいと思います。

また、プライバシーポリシーやお問い合わせページって検索結果からはずしたいので「noidex」も一緒に設定したいと思います。

ポリシー・免責事項の作成

プライバシーポリシーの作成方法

コピペOKだよ!って方の記事があったのでこちらを丸々コピペして、

自分用に変えて使わせて頂きました。

ankare2dx.org

ankare2dx.org

免責事項の作成方法

ブログ運営を続けていくのであれば、僕の書いた記事で起こったトラブルについてや 記事の著作権をはっきり明記しておく必要があるので「免責事項」も併せて作成します。

内容については、「プライバシーポリシー及び免責事項」を参照してください。

完成したプライバシーポリシー及び免責事項はこちら!

お問い合わせページの作成

こちらの記事を参考にしました。

www.ex-it-blog.com

自動返信は、僕は未対応ですが…丁寧でわかりやすい記事で助かりました。

noidex設定方法

「免責事項 はてなブログ」とググるとこんなに同じようなものが検索にヒットします。 f:id:yantzn:20170416080049p:plain

プライバシーポリシーと免責事項ってどれも内容は同じような内容だと思いますし、 オリジナリティに乏しいコンテンツなど、Googleからの評価を落とす原因になるらしいです。

そのため、プライバシーポリシーと免責事項とお問い合わせページなど、「オリジナリティに乏しいコンテンツ」を 検索から除外したいと思います。

こちらの記事を参考にしました。

stray-light.info

f:id:yantzn:20170416075304p:plain

こんな感じでスクリプトを記事の先頭に書き込むだけでいいんですね!かなり簡単でよかった!

はてなブログにBootStrapを使ってグローバルナビゲーションバーを設置するよ!

f:id:yantzn:20170415232824j:plain

どうも、やん(@yan_tzn)です。

はてなブログを始めた当初に作成したナビゲーションメニューが

あまりにもしょぼいのでBootStrapのグローバルナビゲーションに変更したいと思います!

今回は、その手順を説明していきます!

この記事を読み終わって出来る上がるもの

今までのナビゲーションメニュー

f:id:yantzn:20170312011435p:plain

対応後のPC版ナビゲーションメニュー

f:id:yantzn:20170415233151p:plain

対応後のスマホ・タブレット版ナビゲーションメニュー

f:id:yantzn:20170415233420p:plain

どうですか?今までのに比べて全然いいでしょ!

どうやって作るか説明していきますね!

BootStrapの導入手順

jQuery(JavaScriptのライブラリ)を導入する

BootStrapを使用するには、jQueryを読み込む必要があります。

Hosted Libraries  |  Hosted Libraries  |  Google DevelopersのjQueryを使用します。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

f:id:yantzn:20170414020702p:plain

コピーしたコードを「設定>詳細設定にあるheadに要素を追加」に追加して完了です!

MaxCDNのBootstrapを使用する

Quick Start · BootstrapCDN by MaxCDNのBootStrapを使用します。

【CSS】

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

f:id:yantzn:20170414022353p:plain

こちらもコピーしたコードを「設定>詳細設定にあるheadに要素を追加」に追加して完了です!

【javascript】

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

f:id:yantzn:20170416001422p:plainf:id:yantzn:20170416001421p:plain

コピーしたコードを「デザイン>カスタマイズ>フッター」に追加して完了です!

jQueryとBootStrapの導入ってすごい簡単!

カスタマイズ

これでBootStrapを使う準備ができているので、グローバルナビゲーションを作成していきます。 BootStrapのサイトに用意されたHTMLを貼り付けるだけでも形は出来上がりますが、 今回は、僕のコードを紹介したいと思います。

BootStrapのサイトのコードを利用した方は下のリンクからどうぞ!

getbootstrap.com

HTML

実際の僕のコードです!

このコードをデザイン>タイトル下に貼り付けるだけでOKです。

リストの中・URLなどを自分用に変更してくださいね。

<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
 
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1" aria-expanded="false" style="height: 1px;">
        <ul class="nav navbar-nav">
            <!-- トップページ -->
            <li><a href="">トップページ</a></li>
            <!-- プロフィール -->
            <li><a href="">プロフィール</a></li>
            <!-- 技術ブログ ドロップダウン -->
            <li class="dropdown">
                <a href="" class="dropdown-toggle" data-toggle="dropdown">技術プログ<span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="#">HTML・CSS</a></li>
                    <li><a href=">セキュリティ</a></li>
                  <li><a href=">Redmine</a></li>
                </ul>
            </li>
            <!-- 日常ブログ -->
            <li><a href="">日常ブログ</a></li>          
            <!-- 自作PCブログ -->
            <li><a href="">自作PC</a></li>
            <!-- ブログ運営-->
            <li class="dropdown">
                <a href="" class="dropdown-toggle" data-toggle="dropdown">ブログ運営<span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><a href="">カスタマイズ</a></li>
                </ul>
            </li>         
        </ul>          
        <!-- 右寄せになる部分 -->
        <ul class="nav navbar-nav navbar-right">
            <!-- プライバシーポリシー -->
            <li><a href="">ポリシー・免責事項</a></li>
            <!-- お問い合わせページ -->
            <li><a href="">お問い合わせ</a></li>
            <li>
                <form class="search-form" role="search" action="http://www.yantzn.com/search" method="get">
                    <input type="text" name="q" class="search-module-input" value="" placeholder="記事を検索" required="">
                    <input type="submit" value="検索" class="search-module-button">
                </form>
            </li>
        </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
スマホ用トグルボタン

この部分がスマホ表示のときのハンバーガーメニューを表示させるための3本線になります。

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 <span class="sr-only">Toggle navigation</span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>
</button>
右寄せのメニューを追加する

サイドバーにあった記事検索ですが、いまいちサイドバーにあるのが邪魔臭かったので 思い切ってナビゲーションに表示してみます。

<!-- 右寄せになる部分 -->
<ul class="nav navbar-nav navbar-right">
  <!-- プライバシーポリシー -->
  <li><a href="">ポリシー・免責事項</a></li>
  <!-- お問い合わせページ -->
 <li><a href="">お問い合わせ</a></li>
 <li>
  <form class="search-form" role="search" action="http://www.yantzn.com/search" method="get">
   <input type="text" name="q" class="search-module-input" value="" placeholder="記事を検索" required="">
   <input type="submit" value="検索" class="search-module-button">
  </form>
 </li>
</ul>
ドロップダウンメニューの作成

このような指定することでドロップダウンメニューになります。

<li class="dropdown">
 <a href="" class="dropdown-toggle" data-toggle="dropdown">技術プログ<span class="caret"></span></a>
 <ul class="dropdown-menu">
  <li><a href="#">HTML・CSS</a></li>
    <li><a href=">セキュリティ</a></li>
  <li><a href=">Redmine</a></li>
 </ul>
</li>

CSS

BootStrapのCSSの書き換え

デザイン>タイトル下に貼り付けます。 デザインCSSに貼り付けてしますと、BootStrapより早く読み込まれる関係上CSSが効きません。

そのため、BootStrapが読み込まれた後に、CSSを適用したいのでタイトル下に記述します。

<style>
/* ----------------------------------------
* BootStrap
---------------------------------------- */
/*ナビゲーションの背景色*/
.navbar.navbar-default,nav{
 background: #4b525F;
 margin-bottom: 0px;
}

/*リストの文字色・背景色*/
.navbar-default .navbar-nav>li>a,
.dropdown-menu>li>a{
    color: #ffffff;
}

/*リストのホバー時の文字色・背景色*/
.navbar-default .navbar-nav>li>a:hover,
.dropdown .dropdown-menu>li>a:hover{
 color: #3dbbb4;
 background:#333333;
 text-decoration: none;
 transition: all .5s;
}

 /*リストの表示領域*/   
.container-fluid {
    padding-right: 50px;
    padding-left: 50px;
}

/*ドロップメニューの背景色*/
.dropdown-menu {
    background-color: #333333;
}

/*スマホ・タブレット*/
@media screen and (max-width: 767px) {


 .navbar-default .navbar-nav .open .dropdown-menu>li>a {
     color: #ffffff;
 }

 .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
     color: #3dbbb4;
 }

 .navbar-nav .open .dropdown-menu>li>a {
     line-height: 20px;
 }

 .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
     padding: 0 0px 10px 120px;
 }

}


</style>
検索ボックスの設定

ナビゲーションに配置した検索ボックスの設定は、こんな感じです。

検索結果表示のデザインが気に入らなかったので、検索結果を非表示にしました。

/* ----------------------------------------
* ALL
---------------------------------------- */

/*検索結果非表示*/
.search-result{
    display:none;
}


/* ----------------------------------------
* グローバルナビゲーション
---------------------------------------- */

/*検索ボックスの位置*/
.search-form {
    position: relative;
    height: 50px;
    padding-top: 0;
    margin-top: 5px;
}

/*検索ボックスの検索ボタンの位置*/
.search-module-button {
    top: 0px;
    right: 60px;
}
/*検索ボックスの入力テキスト位置*/
.search-module-input {
    padding: 0px 40px 0 40px;
}

/* ----------------------------------------
* レスポンシブ
---------------------------------------- */

/* 480px - 760px用(タブレット/スマートフォン用)の記述 */
@media screen and (min-width: 480px) and (max-width: 760px)  {
    .nav>li {
     width: 200px;
    }
   .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
        width:100%;
    }
    .navbar-nav>li {
        float: left;
        text-align:center;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    
    .search-module-input {
     padding: 0 0 0 10px;
    }
    
    .search-module-button {
      top: 0px;
      right: 30px;
    }
 }
 
 /* 479px以下用(スマートフォン用)の記述 */
@media screen and (max-width: 479px) {

 .navbar {
        border-radius: 0;
    }

    .navbar-nav {
        float: none;
        width: 100%;
        margin: 10px auto;
    }

    .navbar-nav>li {
        text-align: center;
        float: left;
        width: 100%;
    }

    .search-module-input {
     padding: 0 0 0 10px;
    }
}

Javascript

スクロールしたときに、.navbar-fixed-topを指定することで固定します。

また、同時にopacityで半透明にします。

<script>
$(function (){
     //グローバルナビゲーションの固定
      var $gnav = $('nav');
      $(window).scroll(function() {
        if ($(window).scrollTop() > 50) {
          $gnav.addClass('navbar-fixed-top');
          $gnav.css("opacity",'0.9');
        } else {
          $gnav.removeClass('navbar-fixed-top');
          $gnav.css("opacity",'1');
        }
      });
});
</script>

どうやらナビゲーションの固定は、はてなブログPro向けのみOKらしいので気をつけてください。

レスポンシブデザインを有効にする

f:id:yantzn:20170416044238p:plain

ここまで出来ればあとは、レスポンシブデザインを有効にすればスマホの表示が完成図のようになります。

まとめ

いかがだったでしょうか。

今回は、jQuery・BootStrapの導入とグローバルナビゲーションの作り方でした。

はてなブログProでない方もBootStrapを使用することで、

はてなブログProユーザ顔負けのメニューを作成することが出来るのでおすすめです。

是非、使ってみてください。

最後まで読んで頂きありがとうございました!

Twitterフォロー・読者登録募集中です!

【2017年4月】たった5記事でGoogleAdSenseの審査を合格した方法とは?

f:id:yantzn:20170405221546j:plain

どうも、やん(id:yantzn)です。

このブログを始めて3週間が経ちました!

まだまだ書くことに慣れていないため、更新率も低めという状況です(笑)

この記事で6記事目です。はい。ツイッターの方が更新率高めです(小声)。

しかし!たった5記事でGoogle AdSenseに合格しました。

この5記事の状態で、合格した経験談を参考程度に書いていきたいと思います!

f:id:yantzn:20170405233907g:plain

【2017年4月4日】Google AdSenseに合格しました!

【2017年4月4日】Google AdSenseに合格した体験記

ブログ開始時にGoogle AdSenseの審査合格を意識していた

ブログを開始するときに、下記を全て行いました。

www.yantzn.com

はてなブログPro」で「独自ドメイン」での運用でなければ、

AdSenseを申請出来ないというのはご存じかと思います。

しかし、「Google Search Cosole」も重要なものになります。

その理由は、後ほど説明します!

必ず「Google Search Cosole」を登録しておく!

アドセンス申請に一度不合格しておくべき!

3月12日にアドセンス審査申請を行いました。

僕の初記事であるこれ

www.yantzn.com

を書いた日に申請を行いましたが、不十分なコンテンツと連絡がありました。

このたびは Google AdSense にお問い合わせいただきありがとうございました。お申し込みを確認させていただきましたところ、残念ながら現時点では AdSense のご利用が承認されませんでした。 承認されなかった理由は次のとおりです。 不十分なコンテンツ: AdSense の承認を得てサイトに関連性の高い広告を掲載していただくには、AdSense の担当者による審査とクローラによる解析でページの内容を判断できるだけのテキストがページに含まれている必要があります。

当たり前ですが、1記事しかないのでご指摘通りです。

しかし、なぜ、「一度不合格しておくべき」なのかについて説明します。

他の方の体験談を読ませて頂きましたが、やはり十人十色です!

Aのブログでは「10記事」で合格。しかし、Bのブログは「30記事」あっても不合格になった。というのもありました。

いろいろな方の体験談を参考にするのは良いですが、中には真に受けてしまう方もいるようです。

その状態では、自分のブログに合った改善方法や自分に合った適切なAdSense申請のタイミングを見失ってしまうのでは?と考えました。

自分のブログがGoogleからどう思われているのか把握するためにも、AdSense申請を迷っている・渋っている方は、気軽に一度不合格になりましょう!

自分ブログにあった改善方法があるはずです!

GoogleはWebページのお医者さん!一度診て貰おう!

アドセンス申請に一度失敗することで見えたこと

f:id:yantzn:20170406001050j:plain

ここで「失敗した失敗した…」と落ち込むことはありません!

僕の場合は、「不十分なコンテンツ」という指摘でしたが、

闇雲に記事を増やせば良いというものではないと思いました。

ここで注目すべきことは、下記です。

クローラによる解析でページの内容を判断できるだけのテキストがページに含まれている必要があります。

要するに、Google検索エンジンが当ブログ「それは仕様です。」が、

どんなものなのか把握するのに情報量が少ないよーと文句を言っているのです。

ここで登場するのが、「Google Search Console」です。

Google Search Consoleについて、こちらの記事で紹介されています。

www.mutant-tetsu.com

Google Search Consoleの機能を使って、Googleに自分のブログを知ってもらう!

スポンサーリンク

Google Search ConsoleでGoogleに自分を知ってもらおう!

f:id:yantzn:20170406013333j:plain

気になるあの子(Google)といい感じになりたいのであれば、まずは自分を知って貰わないといけませんよね?

いきなり告白とかしても振り向いてくれません!!

自分を知って貰うために、Google Search Consoleの機能の以下を使います。

サイトマップ送信

 サイトマップを登録しておけば、Googleに正しくインデックスされやすくなります。

 また、クローラが巡回しやすくなります。

クローラー巡回のリクエスト

 Fetch as Googleを使いましょう! 検索エンジンにインデックスしてもらうために行います。

 また、クローラーがブログを一切訪れる事がなければ審査もしてもらえません。

 クロールエラーの確認も忘れず行いましょう!

Fetch as Googleの使い方とSEO対策について

サイトマップ送信とクローラ巡回はしっかりと行う!

たった5記事のコンテンツボリュームは?

だいたい、3000文字~5000文字で1つの記事を作成しています。

何かとまとめ系の記事ばかりなので、自然と文字数が多くなったと思っています。

ページの内容を判断できるだけのテキストがページに含まれている必要があります。

あくまで予想ですが、「3000文字~5000文字」で記事を作成すれば、

上記の要件は満たしていると判断されるのかなと思います。

内容として充実していることが重要!

AdSenseの担当者による審査に対する対策ってあるの?

f:id:yantzn:20170406041045j:plain

AdSense の担当者による審査

上記の文言からすると、実際に人の目でブログを見て判断するように受け取れます。

そのため、PC向けのCSSスマホ向けのCSSの設定はしっかりしていた方が良いと思います!

僕の場合、実際に記事を書き始めるまでカスタマイズをしっかりしてからやっていました。

また、記事中のCSSにもこだわって作っています。(まだまだ修正予定ですが…)

ブログデザインを見やすく統一!

Google AdSenseの巷で噂される審査基準と照らし合わせてみよう!

記事数は10以上は必要→関係なし

たった5記事で通過したので、関係なし!

文字数は1000文字以上→当てはまる

3000文字~5000文字で、記事を作成していたので当てはまる

画像を入れない方が良い→関係なし

毎回、ぱくたそ-フリー写真素材・無料ダウンロードの画像を使っていました。

しかも、ほぼ画像ばかりの記事書いていました。

www.yantzn.com

なので、関係なし!

外部リンクは貼っていけない→関係なし

リンクを貼りまくりなので、関係なし!

プロフィール、プライバシーポリシー、お問い合わせを設置→関係なし

プロフィールは、「このブログについて」というの設定していますが、デフォルトのままです。

また、プライバシーポリシー・お問い合わせは設置していませんでした。

今後、設置する必要はありますが、審査には関係なし!

他(アフェリエイト)広告を貼ってはいけない→関係なし

A8.netの広告を貼っていたので、関係なし!

1ヶ月以上運営していること→関係なし

ブログ開始して3週間なので、関係なし!

審査用にブログを用意する→関係なし

やる必要性も感じなかったので、関係なし!

シェアボタンは外す→関係なし

シェアボタンは、普通に設置していたので、関係なし!

まとめ

いかがだったでしょうか。

まだGoogle AdSenseの審査を合格出来ていない方やこれから申請する人の参考になればいいなーと思います。

しかし、Google AdSenseの審査基準は、どんどん変わっていくようです。

僕の書いた記事の情報も古くなってくるかと思いますので、ご自身で情報の見極めをお願いします!

新しい情報があり次第、随時更新していきたいと思います!

Google AdSenseの審査を合格した感想としては、すごくモチベーション上がりました!

まだまだ、書き慣れていないけど、少しずつ書いていこうと思います。

最後まで読んで頂き、ありがとうございます!

Twitterフォロー・読者登録募集中です!

初めてOJT担当になったあなたに見てほしい!僕が初めてのOJTで実践したことまとめ

f:id:yantzn:20170328230502j:plain

どうも、やん(id:yantzn)です。

そろそろ新人が入ってくる時期ですよね。

社会人2年目・3年目となってくると上司にそろそろ人を育てないか?なんて事を言われます…

いままさに新人を育てることになるであろうあなた。

社会人3年目となった僕自身も初めて新人のOJTを担当しました!

初めてのOJTでやったことを書いてみます。

OJT(On-the-Job Training、オン・ザ・ジョブ・トレーニング)・・・実務を行いながらの実践的な教育をすること

どんな新人?

f:id:yantzn:20170328230505j:plain

僕のところに配属された新人は、僕より4つ上の女性でした。

IT関係は未経験で、入社後の研修でもなかなかうまく研修をこなせなかったと上司から聞いていました。

一通り、業務説明など終えると僕の作業を割り振るかたちで仕事をしてもらいましたが、キーボードのショートカットやエクセルの使い方など そういうレベルから教えるほどの新人でした。

初めてのOJTでやったこと

f:id:yantzn:20170329234001j:plain

新人の将来的・短期的な目標管理を行った。

まず、僕がやったことは「新人の目標管理」です。

彼女にどういったことを出来るようになりたいか聞いてみることにしました。

聞く内容としては、「将来的な目標」と「短期的な目標」の2つです。

将来的な目標は、「こんなことが出来たらいいなー」程度の目標を立ててもらい

短期的な目標では、「今月出来るようになること」という風に明確な目標を立ててもらう。

そして、この短期的な目標が一番大事なものになってきます。

【短期的な目標】

  1. 基本的なPCの操作(ショートカット)やエクセルの操作を覚える。

  2. エディタや業務で使うツールを覚える。

  3. プログラミングを出来るようになる。

例に出すと、彼女の目標は上記のような感じでした。

このような質問して、彼女に目標を立てて貰うことで、彼女の目標に合わせた方針でOJTを行うことにしました。

新人の目標やOJTの方針を明確にする。

なぜ短期的な目標が一番大事なのか?

僕が新人のときは、作業をスムーズに進めることができず達成感なんて感じたことがなく、 日に日にモチベーションを低下していったという経験があります。

いち早く少しでも達成感を持ってもらい、モチベーションの向上や低下を防ぎたいと思いました。

そのため、業務の中で少しずつ目標を達成させ、達成感を持ってもらうために短期的な目標が大事なのです!

また、短期的な目標の達成は、将来的な目標の達成にも繋がっていきます。

短期的な目標の達成させることでモチベーション向上を狙う!

彼女の目標を達成させるための方法を決めた。

彼女自身が立てた目標を達成させるための方法を考えました。

下記の目標であれば最初はこんなレベルから初めて行きました。

■ 基本的なPCの操作(ショートカット)やエクセルの操作覚える。

  • 覚えておくと便利なショートカットの教える。
  • 資料の作りを通してエクセル操作を覚えてもらう
新人の目標やOJTの方針を明確にする。

月1回 目標達成が出来たか進捗報告の場を設ける。

定期的に、話す機会を設けました。

目標が達成できたか進捗報告してもらいます。

この進捗報告の狙いは、「目的意識」を持ってもらうのが目的でもあります。

目的意識は、仕事をする上で大事なものだと僕は思っているので、早いうちから意識させることを心掛けました。

しかし、それだけなく世間話しのように、仕事の状況や悩んでいることなど聞いてアドバイスを行いました。

そして、次の月の目標を立ててもらうというのを繰り返し、徐々にできるようになりたいことを増やしていくようにしました。

話す場を設けて、気持ちのリフレッシュをさせる!

課題を与えて考えさせる。

繰り返し目標を立て、達成させるというを行っていくと徐々に目標のレベルも上がっていきます。

教えている立場としては嬉しい成長でもあります。

しかし、教えているばかりでなくときには「課題」を与えることも大事だと思います。

課題も最初は簡単なものから、徐々に難易度を上げていく感じで行いました。

僕が最初に与えた課題は、「エビデンスを格納するフォルダを自動で作るバッチが欲しい。」という依頼をしました。

最初は、「ググってその通りにやってもできません(泣)」みたいな感じでしたが、徐々にバッチやマクロなど作れるようになりました。

また、「こんなものが欲しいシリーズ」の課題をやっていくうちに「相手から要件をしっかり聞く」というものが身についているようでした。

どんどん自動化ツールが出来て、僕も楽できたからラッキーw

教えるばかりではなく、ときには課題を与えること!

まとめ

f:id:yantzn:20170328230507j:plain

このやり方を行った結果、PCの操作に不慣れだった姿はどこにもありませんでした。

1人でお客様との調整からコードディング・テストと苦戦もありましたが、作業を完了させる彼女の姿がありました。

このやり方が正解というわけではありませんが、一つの参考になればいいなーと思います!

また、自分の上司や先輩に、どんなOJTをやったら良いか聞いてみるのもオススメです!

OJTをやってみて、成功や失敗が自分自身の成長にも繋がり良いきっかけになりました!

その話は、別記事で書きたいと思います(笑)

最後まで読んで頂き、ありがとうございます!

Twitterフォロー・読者登録募集中です!

気づかないうちにハッキングされているかも!?そこのあなたは大丈夫?

f:id:yantzn:20170323042614j:plain

どうも、やん(id:yantzn)です。

朝の通勤ってスマホいじるか、音楽を聴くか、読書するか、新聞を読むか

こんな感じで過ごしている方がほとんどだと思います。

ブログチェックしたり、SNS見たり、仕事のメールの返信を書いたりとか….

そんな感じでスマホをいじっている人をよく見かけます。

満員電車だと嫌でも目に入ってくるんですよね…画面が…

そんな過ごし方されている方大丈夫ですか?

「気づかないうちにハッキング」されているかもしれませんよ。

満員電車で見かけた事例

通勤中に目に入ってしまった画面を一部紹介したい。あくまで偶然です!!

f:id:yantzn:20170310232638p:plainFacebook

僕の隣の方が、Facebookのタイムラインとマイページ見ていました。

もうそれだけで、僕は隣の方の名前をわかりましたし、ご自身で投稿したであろう写真も表示されていました。

ちょっとだけその人が、どんな人なのかわかりました。

大したことないかもしれませんが、見知らぬ第三者に自分の情報がそういう感じで伝わるのって 気持ち良いものではない気がしました。

f:id:yantzn:20170310232638p:plainビジネスメール

その方はメールを作成していました。某大企業の人事の○○さんなのでしょうね。

「株式会社○○人事部 名前」と書いてありましたし、内容もばっちり見てしまいました。(すみません)

返信先の方の名前もばっちり見えていました。

個人のSNSに比べ、ビジネスメールはさすがに取り扱い注意するべきだなと僕自身思いました。

f:id:yantzn:20170310232638p:plainBYOD

その方はリモートアクセスサービスのログインをしていました。

ログインIDとパスワード(指の運びで)どちらも、単純だなという印象を受けました。

ログイン後、企画書なるものを閲覧していました…

BYODってすごく便利だけど、使用者によってすごい危ないなと思いました。考えものですね。

ハッキングってそもそも何よ!?

誤解を招くタイトルですが、一般的にはハッキングと一括りにされけど正しくはクラッキングですね。

ハッキング (英語: hacking、別名:ハック,hack) とは、コンピュータの隅々までを熟知した者が行うハードウェア・ソフトウェアのエンジニアリングを広範に意味する言葉。 他人のコンピューターに不正に侵入するなどの行為がハッキングと呼ばれる場合もあるが、これは正式にはクラッキングと呼ぶ。

とりあえず、ここではハッキングという表現で一括りにして書いていきます。

ハッキングと聞いてイメージしちゃうもの

f:id:yantzn:20170323052040p:plain

  • よくわからない画面に文字がたくさん表示されている。
  • キーボードを爆速でカタカタやってる。
  • すごい技術で他人のPCに不正に侵入する。

たぶん、映画やドラマなどでよくあるシーンなのでそういうイメージだと思います。

ですが、それだけがハッキングではないのです。

簡単にできるし・されているハッキング

技術で情報を盗むのが、ハッキングと思われますが、 ITの技術を使わなくてもハッキングする方法があります。

システムそのものではなく、システムの周りにいる「人間」の脆弱性を狙った攻撃です。

これをソーシャル・エンジニアリングと呼びます。

ソーシャル・エンジニアリング

ソーシャルエンジニアリング(social engineering)とは、盗み見、盗み聞き、話術などの手段で、パスワードなどの機密情報を入手することをいう。ソーシャルクラッキング(social cracking)、ソーシャルハック(social hack)、ソーシャルハッキング(social hacking)などとも呼ばれる。

http://securityblog.jp/words/social_engineering.htmlsecurityblog.jp

シュルダーハック

ソーシャル・エンジニアリングの手口の中に、「ショルダーハック」というものがあります。

ソーシャルエンジニアリングの手法の一つで、対象者がパスワードなどを入力する際のキー操作や画面を盗み見て、機密情報を盗み出す手口。「肩越しに盗み見る」という意味でこのように呼ばれる。

http://securityblog.jp/words/114.htmlsecurityblog.jp

完全に満員電車や公共の場で無意識にしてしまう。また、されてしまう攻撃だと思います。

まとめ

いかがでしたでしょうか。

電車内のご自身の過ごし方は、大丈夫でしたでしょうか。

心当たりがある…と思った方が居たら気を付けてください。

悪意ある第三者が見ている可能性もあります。

僕自身、もう一度自分の過ごし方を見つめなおしたいと思います。

電車内ので仕事関係の扱いは慎重にしましょう。

最後まで読んで頂き、ありがとうございます!