Blogブログ

タイトルどおりの事がしたく、調べてみるととても簡単だったのでメモ。 wp_localize_scriptというタグを使います。 たとえばphpから下のようにjsを読ませて、 wp_register_script( ‘sample’, get_path . ‘/js/sample.js’, “”,true); wp_enqueue_script( ‘sample’ ); wp_localize_scriptを追加します。こんな形になります。 wp_register_script( ‘sample’, get_path . ‘/js/sample.js’, “”,true); wp_enqueue_script( ‘sample’ ); $variable_array = array( ‘hoge’ => ‘huga’); wp_localize_script( ‘sample’, ‘variable_array ‘, $variable_array ); すると、sample.js側ではvariable_array オブジェクト無いのhoge を取ることができます。 console.log(variable_array.hoge); ワードプレスのテーマ内のJSでajaxする時などによく使っています。

とても便利なjsライブラリを見つけました。 https://github.com/ded/bonzo クラスの判定をjQueryでやりたくない時、でもやっちゃう時結構あった。 これからはこれを使おう。 使い方も超簡単。 classie.has( elem, ‘my-class’ ) -> true/false classie.add( elem, ‘my-new-class’ ) classie.remove( elem, ‘my-unwanted-class’ ) classie.toggle( elem, ‘my-class’ )

MP３だけの形式で再生させたいっていう要件があったので、まずはhtml5タグのaudioタグは使えないかと、再生形式について調べてみた。 やっぱり動画同様、OSとブラウザによって再生出来る音声形式がバラバラ。 https://developer.mozilla.org/en-US/docs/HTML/Supported_media_formats PCブラウザだとFirefoxで再生出来ない可能性があるし、モバイルだとandroidでもそう。 ※自分の環境だと再生はされるのだが、、 もう少し具体的にテストした人が居た。 https://www.x-fit.jp/tips/179 こちらも。 http://d.hatena.ne.jp/shinobu_aoki/20110621/1308667618 この様子だと、audioタグだけじゃキツイっぽい。 そして見つけたのがこれ。 jplayer こちらの記事によると、これだけで動作確認出来たっぽい。 Mac：Chrome、Firefox Windows：IE9、IE8（on IE Tester） Android：2.3標準ブラウザ iPod touch：Safari（iOS5） このjplayerを応用した、カッコイイプレイヤープラグインも発見した。 今回はjplayerを使おうと思うが、近々使ってレビューしてみよう。