Facebook for Developers に登録してシェアダイアログ機能を使ったシェアボタンを設置する
概要
- デフォルトのFacebookシェアボタンを使わないでFacebookのシェアボタンを作った
- ざっくりした流れ
- Facebook for Developersに登録・アプリケーションを作成し、app_idを発行
- シェアダイアログを使ったシェアボタンを作成
Webカテゴリーの記事一覧
YouTube Data API v3 を使って任意のプレイリストの動画情報をJSON形式で取得する jQuery + Ajax
YouTubeチャンネルのRSSフィードをPHPでパースして出力する
概要
- YouTubeチャンネルは、以下のようなURLでRSSフィードを吐いてる。
https://www.youtube.com/feeds/videos.xml?channel_id=【チャンネルID】
- これをPHPのsimplexml_load_file関数で読み込み、パースして出力する。
サンプル
- https://hi3103.net/study/1905-ytrss/
- 今回は動画IDとタイトルを取得し、リスト形式のリンクを出力してみた。
:before と :after の疑似要素を使ってCSSでリボン風見出しを作る方法
jquery.qrcode.js を使用して生成したQRコードをPNG画像として保存する
jquery.qrcode.jsとは
jquery.qrcode.js
http://jeromeetienne.github.io/jquery-qrcode/
- QRコードを生成するjQueryプラグイン
- 画像は生成されず、tableタグまたはcanvasタグで描画することができる。
- ソースはGitHubで公開されている。
使用手順
- GitHubから jquery.qrcode.min.js をダウンロードし、jQuery本体よりあとで読み込む
- HTML側に描画スペースを用意
- 用意した要素に対してjQueryスクリプトを記述
YouTubeのサムネイル画像をクリックしたら埋め込みiframeを読み込むjQuery
やりたいこと
- 余計なデータ通信を発生させないために、YouTube動画のサムネイルをタップ・クリックしたときにだけ、埋め込み動画のiframeを読み込ませる。
- 16:9のレスポンシブ対応をする。
- サムネイル画像と埋め込みiframeで表示位置がズレないようにする。
サンプル
WordPressをコマンドラインで操作する「WP-CLI」を導入する
導入するもの
「WP-CLI」とは
WP-CLI は WordPress を管理するためのコマンドラインインターフェースです。 プラグインのアップデートやマルチサイトのセットアップなどの多くのことをブラウザ無しで行うことができます。
Command line interface for WordPress | WP-CLI
EWWW Image Optimizerを有効化するとエラーが出るときの対処法
症状
- 管理画面 > プラグイン から「EWWW Image Optimizer」を有効化するとエラーがでる
- ツールフォルダが作れない
EWWW Image Optimizer could not create the tool folder: /home/homepage/public_html/notes/wp-content/ewww/. Please adjust permissions or create the folder.
- 使用するプログラムがインストールされていない
EWWW Image Optimizer uses jpegtran, optipng, pngout, pngquant, gifsicle, and cwebp. You are missing: jpegtran, optipng, gifsicle. Please install via the Settings Page or the Installation Instructions.
はてなダイアリーのXMLをパースしてCSV形式で出力しWordPressにインポートする
目的
はてなダイアリーに書いた記事を、はてな記法のままWordPressにインポートする
やりかた
- ダイアリーの管理画面から「はてなダイアリー形式」のxmlをエクスポート
- xmlをパースしてCSVに変換
- WordPressプラグイン「Really Simple CSV Importer」を使ってインポート