ラベル コーディング の投稿を表示しています。 すべての投稿を表示
ラベル コーディング の投稿を表示しています。 すべての投稿を表示

2017-01-12

Chromeのデベロッパーツールの矢印をいきなりアクティブに

みんな使ってる Google Chrome のデベロッパーツール。

Windowsだと F12 キーで表示できます。

ほかに、 Shift + Control + C でも表示できますが、F12 ならキー一個押すだけで表示できるのに、わざわざ Shift + Control + C でキー3個同時押しするのは面倒、と思っていつも F12 で表示してました。

そして、そのあと、いつも、デベロッパーツール左上はしにある矢印キーを押して、ソースを見たい箇所を画面で指定します。


Chrome デベロッパーツールの矢印


でいつもいつも F12 のあと矢印キーを押すのは面倒だなーって思ってました。


ですが、今日発見してしまいました。

Shift + Control + C で表示すると、最初からこの矢印が押された状態になるのです!

知らなかった....。


    ・ F12 のあとマウスを動かして矢印をクリックする

    ・ Shift + Control + C を同時押しする


このどちらがより楽ちんなのか...。


2015-03-06

Bloggerに検索窓をつける

このブログ ( 「このビットを見よ」 ) は、Blogger という Google提供のブログサービスを利用しています。

無料なのに勝手に広告が出たりしないのでよいです。


ですが、ブログ記事全体の検索機能は用意されているのですが、その機能だとうまく検索されないことが多いです...。


調べたところ、良さそうな方法が見つかりました。


以下の記事です。

    → [blogger] Googleカスタム検索が重い!bloggerの検索機能でいいかもしれません。 - Sunabox


上記に書かれた方法で検索窓を付けてみたところ、ブログ本文の記事の中もちゃんと検索して結果に表示してくれるようになりました!

ただし、結果の表示はブログのタイトルごとではなく、記事全体が表示されるようになります。


やり方は以下です。


【01】 Blogger の管理画面の左メニューで 「レイアウト」 を選択。


【02】 表示されるレイアウト画面で、検索窓を設置したい箇所の 「ガジェットを追加」 をクリック



【03】 表示されるガジェット一覧から 「HTML/JavaScript」 を選んでクリック。


このとき、「検索ボックス」 を選んでも検索窓の追加ができますが、ちゃんと検索してくれないです...。


【04】 表示される編集ボックスに、検索窓のタイトルを入れ、コンテンツ欄に以下のように記述。


<form id="searchform" action="/search" method="get">
<input id="s" style="border: value="" name="q" size="30" type="text"/>
<input id="searchsubmit" value="検索" type="submit"/>
</form>



記入が終わったら保存ボタンを押します。



【05】 レイアウト画面に戻ると、設定したタイトルで追加されているのが確認できるはずです。




画面右上にある 「配置を保存」 ボタンを押してこの画面設定を保存します。



【06】 ブログを表示して検索機能を確認します。

いまご覧のこのブログ画面の右上に 「ブログ記事の検索」 という検索ボックスを設置してみました。


たとえば 「イケメン」 とかいう語句で検索してみてください。



2015-02-02

Sublime Text に Emmet を設定しました。

ときどき HTMLやCSS、PHP などのコーディング用に利用している Sublime Text。

きょうはその Sublime Text で Emmet が使えるようにしてみました。


Sublime Text (サブライム テキスト) というのはWeb系のプログラマーやコーダーやエンジニアに人気の高いテキスト・エディターです。

かなり高機能で軽くて便利(らしい)です。

設定がちょっと独特なのですが、ググって調べるとたくさんわかりやすい解説のページが出てきます。


そして Emmet (エメット) ですが、HTML や CSS のコーディングをするときに、省略形で入力して効率化することのできる仕組みです。


たとえば 「 ! 」(エクスクラメーションマーク) を入力して、



Tabキー (または Ctrl + E ) を押すと



と変換されます!


目が点...。


ほかにもたくさん技をもっています。

めちゃくちゃ入力の効率が上がります。


Emmet の組み込み方は以下のページを参考にさせてもらいました。 わかりやすいです。