Webカテゴリーの記事一覧

jquery.qrcode.js を使用して生成したQRコードをPNG画像として保存する

Web

jquery.qrcode.jsとは

jquery.qrcode.js
http://jeromeetienne.github.io/jquery-qrcode/

  • QRコードを生成するjQueryプラグイン
  • 画像は生成されず、tableタグまたはcanvasタグで描画することができる。
  • ソースはGitHubで公開されている。

使用手順

  1. GitHubから jquery.qrcode.min.js をダウンロードし、jQuery本体よりあとで読み込む
  2. HTML側に描画スペースを用意
  3. 用意した要素に対してjQueryスクリプトを記述

Read More

YouTubeのサムネイル画像をクリックしたら埋め込みiframeを読み込むjQuery

Web

やりたいこと

  • 余計なデータ通信を発生させないために、YouTube動画のサムネイルをタップ・クリックしたときにだけ、埋め込み動画のiframeを読み込ませる。
  • 16:9のレスポンシブ対応をする。
  • サムネイル画像と埋め込みiframeで表示位置がズレないようにする。

サンプル

Read More

EWWW Image Optimizerを有効化するとエラーが出るときの対処法

Web

症状

  • 管理画面 > プラグイン から「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.

Read More

はてなダイアリーのXMLをパースしてCSV形式で出力しWordPressにインポートする

Web

目的

はてなダイアリーに書いた記事を、はてな記法のままWordPressにインポートする

やりかた

  1. ダイアリーの管理画面から「はてなダイアリー形式」のxmlをエクスポート
  2. xmlをパースしてCSVに変換
  3. WordPressプラグイン「Really Simple CSV Importer」を使ってインポート

Read More