Youta CHの「Chromeデベロッパーツール」初心者使い方講座が分かりやすくて、全俺が使用可能に!ブロガーでコード初心者は必見!FTPアプリを使わずにCSSをテスト可能!

12204608964_ce450d2bd0_b

こんにちは。Chrome野郎の部長ナビ(@nabi_1080)です

スポンサーリンク

最近、結構使ってる「Chromeのデベロッパーツール」は、CSSの変更も確認できるらしいが、やり方がよくわからなかった

g.O.R.iさんに教えていただいた「デバイスモード」、マジで使えます

【WordPress】モバイルの表示確認はChromeの「デベロッパーツール」「デバイスモード」があれば実機がいらない件。ショートカットで一発でイケちゃう
【WordPress】モバイルの表示確認はChromeの「デベロッパーツール」「デバイスモード」があれば実機がいらない件。ショートカットで一発でイケちゃう
こんにちは。部長ナビ(@nabi_1080)です 最近、メッチャカスタマイズしまくっている僕ですけど、どうしても一つだけ問題がありまして、そ...

↑コレ必須。WordPressブロガー必須。マジ必須。こんなの知らないよねぇ・・・。iPhoneでいちいち更新ボタン押して表示確認してたあの日にサヨナラ

ただ、これ、かなり使えるらしくて、巷の噂によると「FTPアプリでファイル書き換えなくても、変更を確認できる」らしいのよ

でもね、ググっても初心者用に書いてる人いなくて、まあ、そりゃそうかと思って何となく「誰か書いてください」ってツイートしたら、アナタ、やってくれる人いたのよ。しかも、昨日ツイートして、昨日記事出てた。ゴメン寝落ちしてた(笑)。さっき気付いた。

その名は「よーたさん」。ブロガーで「Youta CH」主宰のスーパー高校生が全俺を救済!

Google Chromeデベロッパーツールの最低限知っておきたい機能と使い方【超初心者向け】
Google Chromeデベロッパーツールの最低限知っておきたい機能と使い方【超初心者向け】

ハイ来たよ

良く、Twitterでアクティビティしてくれている、かなりの常連さん、よーたさんです

スゲー分かりやすい!なんてことだ!

僕はね、高校の先生です。教えるのが仕事なので記事が分かりやすいのは当然です。10年以上学級通信を毎週作り、17年間数学が苦手な生徒の偏差値を上げてきているわけですから、マジで「できて当然」なんですよ

でもね、よーたさんは現役の高校生ですよ

ビックリしました。先生ビックリ(笑)

こんな高校生がいるのかよって思いましたね。記事内容よりも、高校生がこの記事を書けるのかって思いました

授業って「ターゲッティング」が非常に重要で、そのクラスのどの層を狙って、どこまで持っていきたいか、そのためには何を説明して、どこを省略するか、週末課題や、日々の課題とのバランスはどうするのか、それを毎時間、「瞬間的に」考えるわけです。職員室で、教科書眺めながら、生徒の顔を思い浮かべて、50分の授業構想を練るわけですね

コレを17年やると、黙ってても、教科書開いた瞬間に構成ができるようになります。だって、Proですから(MacBook Proって意味じゃ無い)

よーたさんは、デベロッパーツールが分かってない僕のために記事を書いてくれましたが、まさかの完璧なターゲッティング

普通「わかる人」の記事は「自分がわかる」用に書く人が多く、頭の良い先生の授業は生徒にとってはわかりづらいのと同じで、「わからない人の目線」って大切なんですよ。それができないと授業はできないし、記事も書けない

まあ、僕はApple製品好きだけど、それほど技術的な知識はないから読者に近いってのはあるけど、よーたさんは、デベロッパーツールの解説記事を書けるほどのスキルを持っているので「難しく書く」のが簡単にできる人です。それを、僕の目線まで降りてきて、分かりやすいだろうという予想の元にあの記事を書く。

例えて言うなら、僕にとって「方程式」は非常に簡単ですけど、高校1年生にとって「因数分解がやたら種類のある方程式」は難しいんですよね。自分にとって簡単なことを、わからない人に伝えるって難しいんですよ。しかも、よーたさんは、「伝える」ことは本職じゃ無い。だから、先生ビックリ。

全俺が理解

実際やってみました。スゲー!CSS書き換えなくても良いんだ!コレ、ヤベーな。マジでヤバす

よーたさんに感謝ですね。今度わからないことあったら、よーたさんに直接リクエストしよう(笑)。スゲーわかりやすいもん。

次回予告(個人的によーたさんへの追伸)

エントリーカード(トップページの記事一覧)で、「post-date」のCSSを「position:absolute」「right:0」にしたら、日付が右寄せになるかなと思ってやってみたら、見事にエントリーカードはみ出して、突き抜けて画面右端まで行きました(笑)(サイドバーも突き抜けて、右端まで行った。ついでに言うと、「bottom:0」にしたら、エントリーカードの下に行くかなーと思ったら、行かなかった)

何かコレ、コツってあるんですかね?DMでも何でも良いので、お時間ある時にもしわかれば教えていただければ幸いッス。もう、コレだけで2週間くらいやってます(笑)。8月から「自分でやる」って決めたんですけど、コレだけはググっても、色々試しても、なんともなりませんでした

今、エントリーカードの日付が左寄せでタイトルのすぐ下なのは「そうしたい」からではなく「そこから動かせない」からです・・・。検討お願いします

スポンサーリンク

この記事をシェアする!

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

この記事の関連カテゴリ

サイト内検索