Clik here to view.
HTML5のcanvas要素の描画コンテキストをgetElementById()の代わりにjQueryで取得する
HTML5のcanvas要素の描画コンテキストを、getElementById()の代わりにjQueryで取得する方法です。jQueryな方はタイトルだけで記事の主旨がお分かりと思いますので読み飛ばしてください（笑）。 １．canvas要素の描画コンテキストとは...
View ArticleClik here to view.
CSS3スタンダード・デザインガイド
CSS3本の紹介です。以前マイナビ様より献本頂いたもので、紹介ができていなかったので遅ればせながら紹介させていただきます。 CSS3 スタンダード・デザインガイドposted with amazlet at 12.01.07エ・ビスコム・テック・ラボ 毎日コミュニケーションズ Amazon.co.jp で詳細を見る...
View ArticleClik here to view.
Movable Typeのテンプレート編集画面でシンタックスハイライトを無効にする「InvalidateCodeMirrorプラグイン」バージョンアップ
Movable Typeのテンプレート編集画面でシンタックスハイライトを無効にする「InvalidateCodeMirrorプラグイン」をバージョンアップしました。 １．プラグインの機能 下のスクリーンショットのように、テンプレート編集画面のシンタックスハイライト（Codemirror）を無効にします。 Movable Type 5.1テンプレート編集画面（プラグイン適用前） Movable...
View ArticleClik here to view.
1ページのPDFファイルを2ページに分割する方法
1ページのPDFファイルを2ページに分割する方法を紹介します。ここではAdobe Acrobatを利用しています。PrimoPDFやFoxit J-Readerなどでもページ分割可能なようなので、それらについては別途紹介したいと思います。...
View ArticleClik here to view.
HTML5のcanvasを使ったお絵かきツール詳説
HTML5のcanvasを使ったお絵かきツールを勉強がてら作ってみました。下記の画像リンクをクリックすればサンプルページにジャンプします。 サンプル 以下、サンプルのHTMLとJavaScript（jQuery）を使って、canvasのお絵かきツールについて解説します。...
View ArticleClik here to view.
onsubmitイベントと「return false」を組み合わせてsubmitを中断する方法
onsubmitイベントと「return false」を組み合わせてsubmitを適切に中断する方法を紹介します。 １．onsubmitイベントとは onsubmitイベントは、フォームの送信ボタン（type属性がsubmitのボタン）がクリックされた時に発生するイベントです。 <form method="post" action="foo.cgi"...
View ArticleClik here to view.
Movable Typeの記事編集画面に登録アイテムを表示する「ShowAssetImage」プラグイン
Movable Typeの記事編集画面に登録アイテムを表示する「ShowAssetImage」プラグインを公開します。 １．機能 ブログ記事・ウェブページ編集画面の右下にある「アイテム」エリアで画像を登録した場合、保存後はファイル名にカーソルをあてないと画像が表示されませんが、プラグイン適用後は画像をダイレクトに表示します（保存後のみ）。 プラグイン適用前...
View ArticleClik here to view.
リターン（Enterキー）でフォームを送信しない方法
フォームのテキスト入力中にうっかりリターン（Enterキー）を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多いのではないかと思います。 ということで、リターン（Enterキー）でフォームを送信しないようにする方法を紹介します。この記事の投稿時点でのGoogle Chrome・Firefoxの最新版とIE9で同じ動作になることを確認しています。...
View ArticleClik here to view.
標準HTML5タグリファレンス
HTML5書籍の紹介です。著者の藤本さんよりアスキー・メディアワークス様経由で献本いただきました。ありがとうございました。 標準HTML5タグリファレンス (WEB PROFESSIONAL)posted with amazlet at 12.01.21藤本壱 アスキー・メディアワークス Amazon.co.jp で詳細を見る...
View ArticleClik here to view.
100万人から教わったウェブサービスの極意 ～「モバツイ」開発1268日の知恵と視点
「モバツイ」の開発に関わる書籍の紹介です。著者の藤川真一さん（えふしんさん）から技術評論者様経由で献本いただきました。ありがとうございました。 100万人から教わったウェブサービスの極意 ～「モバツイ」開発1268日の知恵と視点posted with amazlet at 12.01.21藤川 真一 技術評論社 (2012-01-04)Amazon.co.jp で詳細を見る...
View ArticleClik here to view.
Facebook OGPの「og:locale」について
Facebook OGP（Open Graph Protocol）をブログやウェブサイトに設定されている方は多いと思いますが、2011年の後半に「og:locale」というパラメータが途中で追加されています。すでに修正されている方も多いと思いますが、本エントリーで紹介しておきます。 １．「og:locale」とは Facebookのオープングラフ（Open...
View ArticleClik here to view.
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法を紹介します。 １．問題点 フォームの値をリセット（クリア）する場合、通常はtype属性が「reset」のボタンですべてクリアできます。<input type="file" />の値も同様にリセットされます。 HTML <form id="bar"...
View ArticleClik here to view.
WordPressのカテゴリーリストに新着マークを表示する「wp_list_categories_with_newmarkプラグイン」
WordPressのカテゴリーリストに新着マークを表示する「wp_list_categories_with_newmarkプラグイン」を公開します。以前コメントでご要望を頂いていたものです。 １．機能 カテゴリーリストの該当カテゴリーに新着記事がある場合、「New!!」などの新着表示を行います。新着マークに画像を表示させることもできます。...
View ArticleClik here to view.
Movable Typeのテーマにウェブページを利用できる「PageImExporterプラグイン」バージョンアップ（カスタムフィールド対応）
Movable Typeのテーマにウェブページを利用できる「PageImExporterプラグイン」をバージョンアップしました。 １．変更点 カスタムフィールドの定義自体はMTのデフォルト機能でエクスポート・インポートができますが、ウェブページに入力したカスタムフィールドデータについてはエクスポート・インポートができませんでした。...
View ArticleClik here to view.
FacebookのOGPをチェックする方法
すでにご存知の方も多いと思いますが、FacebookのOGP（Open Graph Protocol）がウェブサイトのページ上に適正に設定されていることをチェックする方法を紹介します。 １．OGP（Open Graph Protocol）とは OGPとは、ソーシャルグラフ内で任意のウェブページを表現するための情報を提供する技術で、次のようなmeta要素を指します。 <meta...
View ArticleClik here to view.
自販機レベルまで温める／冷やすことができる1本用ドリンク・クーラー＆ヒーター「MOBICOOL D03AC/DC」
節電のためか職場が異様に寒く、せめて買ってきた温かい缶コーヒーを温めようと思い購入しました（節電に貢献できなくてすいません）。 MOBICOOL(モビクール) 冷・温蔵ドリンクカンクーラー ホワイト D03AC/DCposted with amazlet at 12.01.27MOBICOOL(モビクール) Amazon.co.jp で詳細を見る...
View ArticleClik here to view.
Movable Type 5でお気に入りリストが作れる「Linklistプラグイン」バージョンアップ
Movable Type 5.1でお気に入りリストが作れる「Linklistプラグイン」をバージョンアップしました。 １．機能 このプラグインを利用すれば、次のようなリンクリストを簡単に作ることができます。 リンクはリンク作成画面から登録します。 登録したリンクは、MT5.1のリスティングフレームワークを利用して管理できます。 ２．修正点...
View ArticleClik here to view.
HTML5のWebsocketを使ってチャットする
HTML5のWebsocket（Node.js+Socket.IO）を使って、チャットが行えるサンプルを作ってみました。Node.js+Socket.IOについては、下記のエントリーを参照してください。 Windows+Node.js+Socket.IO 環境を作ったのは自分のPCのためリアルでお見せできないのが残念ですが、動画をキャプチャしたのでそちらでご確認ください。 １．サンプル動画...
View ArticleClik here to view.
インストール不要なスクリーンキャスト（動画キャプチャ）サービス「Screencast-O-Matic」
インストール不要なスクリーンキャスト（動画キャプチャ）サービス「Screencast-O-Matic」を紹介します。 Screencast-O-Matic...
View ArticleClik here to view.
Movable Typeのプラグインをまとめて有効・無効にできる「MultiPluginSwitcherプラグイン」
Movable Typeのプラグインをまとめて有効・無効にできる「MultiPluginSwitcherプラグイン」を公開します。 １．背景 デフォルトのプラグイン設定画面（システム管理画面）では、プラグインを有効・無効にする機能として、 個別指定 一括指定 の2種類が用意されています（下）。 個別指定用のボタン 一括指定のボタン...
View Article