はてなブックマーク

スマートフォン向けのWebサイトを作ると、おおむね使われるJavascript。 Androidの実機でデバッグしたい時に、実機にコンソールを表示する方法と、PCに表示させる方法。 その①　実機のAndroid標準ブラウザでコンソールを表示する (1)Android標準ブラウザを起動する (2)アドレスバーに“about:debug”を入力してEnter (3)ブラウザの「サブメニュー」→「設定」に、”デバッグ”をタップ (4)“Show Javascript Console”にチェックが入っていることを確認　※“UAString”でユーザーエージェントも変えられたりします (5)ブラウザに戻って“SHOW JAVASCRIPT CONSOLE”をタップすると、コンソールログが表示される※以下のメソッドが使えるらしい console.log(); console.info(); conso

まず、”#!”の呼び方から。 「シャープエクスクラメーション」とか呼ぶのかと思ってたら、 「hash=#」「bang=!」の略で、「shebang=シバン」っつーらしいんです。 シバンがURLに付いてるサイトで、最も有名どころで言うと、Twitter。 Gmailなんかもそうですかね。 https://twitter.com/#!/i/connect　然り、https://twitter.com/#!/i/discover　も然り。 lifehackerやfacebookも、今は違うけど昔はどうやら付いていたらしい。 ”#”と”！”をわけて考えると、 ・”#”は、Ajaxアプリケーションとして、画面遷移ではなくページ内遷移をするため。 ・”!”は、”#”とセットにして、Googleクローラーにクロール可能なAjaxアプリと認識させるため。(※注1) Ajaxアプリケーションなので、 ・Ja

Facebook向けのOGP（Open Graph Protocol）の設定が超重要です。やらなきゃソンです。 的な記事があったので、”WP-OGP”というプラグインをインストール。ついでにソーシャルブックマークのプラグインもインストール。 そもそもOGPってなに！？っていうと、 「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML のmeta要素として記述する方法のこと。 で、OGPを設定しておくと、Facebookに対してこんなメリットがあるとのこと。 (1)「いいね！」した情報がfacebookの友達のニュースフィードに表示される。 (2) ニュースフィードに表示される際の内容を指定できる。 (3) 「いいね！」してくれたユーザーにアップデート情報が送れる。 以下Facebook側の設定。 (1)developersサイトから、アプリを作成 (

WordPressのプラグイン”WPBook”を使って、Facebookへ投稿記事を反映させる方法。 ※WordPress ver3.0.3　WPBook ver2.2.1 ざっくりと、以下のような流れです。 WPbookのインストールし→Facebookでアプリ作成し→WordPressとFacebookの設定を一生懸命行う。(時間かかる…) ■WPbook側の設定① (1)管理画面メニュー「プラグイン」→「新規追加」から”WPBook”(ver2.2.1)をインストール (2)プラグインを有効化 (3)管理画面メニューの「WPBook」をクリック (4)WPBook Set UP画面の「facebook」リンクから、Facebook開発者ページへ ■Facebook側の設定 (1)開発者ページの「Set Up New App」ボタンをクリック (2)アプリケーション名を入力、利用規約に