MTCafe Tokyoに参加しました
昨日行われた「MTCafe Tokyo」に参加してきました。 参加メンバーは20名ほど。最初に軽く全員の自己紹介を行ったあと、特にルールはなく、Movable Typeに関する情報交換の場となりました。 私はプラグインの簡単な仕組みの説明をしたり、WordPressからMovable Typeのインポートについて対応したりしてました。...
View ArticleAndroid端末(docomo Xperia Acro)でテザリングを行う方法
Android端末(docomo Xperia Acro)でテザリングしてみましたのでその手順を紹介します。Android端末であればどれも大体同じだと思います。 テザリング(Tethering)とは、スマホなどのモバイル端末をPCなどにつないでインターネットに常時接続させることです。 docomoのXperia...
View ArticleYouTube動画をHTML5で再生する方法(スロー・倍速が可能)
すでにご存知の方も多いと思いますが、YouTube動画をHTML5で再生する方法を紹介します。HTML5版はFlashと同等の再生が行えるだけでなく、スロー・倍速再生ができるようになります。 1.HTML5で再生できるようにする 細かい説明は後回しにして、HTML5で再生するための設定は「YouTube HTML5...
View ArticleMovable Typeのテーマにブログ記事を利用できる「EntryImExporterプラグイン」バージョンアップ
Movable Typeのテーマにブログ記事を利用できる「EntryExporterプラグイン」をバージョンアップしました。バージョンアップに伴い、プラグイン名も「EntryImExporterプラグイン」に変更しました。 1.変更点...
View ArticlejQuery lightBoxプラグインで拡大画像の幅・高さを制限する方法
拡大画像を表示するJavaScriptライブラリ「jQuery lightBoxプラグイン」で、拡大画像の幅・高さを制限する方法を紹介します。 jQuery lightBoxプラグインの使い方は、下記の公式サイトやネットの情報をご覧ください。 jQuery lightBox plugin 1.問題点 jQuery...
View ArticleFC2ブログテンプレートのtitle要素をカスタマイズする
FC2ブログテンプレートのtitle要素をカスタマイズする方法を紹介します。 1.完成例 このカスタマイズを行うことで、次のように、ページ別に異なるタイトルを表示できるようになります。 トップページ(「FC2ブログ」がブログ名) 記事ページ(「てすと」が記事タイトル) カテゴリーページ(「日記」がカテゴリ名) 月別ページ 検索結果ページ タグ検索結果ページ...
View Article新しくなった公式Twitterボタン(ツイートボタン)のデザインを修正する
Twitterのリニューアルに伴い、公式Twitterボタン(旧ツイートボタン)の機能とデザインが変更されたようです。Twitterボタン作成ページもリニューアルされています。 新しい作成ページでは、これまでの「リンクを共有する」ボタンの他に「ハッシュタグ」「フォロー」「@ツイート」が作れるようになりました。 Twitterボタン...
View Articleクロスバイク購入
突然ですがクロスバイクを購入しました。ということで日記エントリーです。 1.きっかけ 会社で「自転車に乗り始めて体重が減った」という人の話を聞き、私も運動不足解消の意味で、その話を聞いてから「自転車を購入しよう」と思いたちました。 ウォーキングも時々やっているのですが、どうせやるならもう少し楽しめる方がいいというのもありました。 2.自転車の種類...
View ArticlejQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します。 ThemeRoller こんな風にjQuery Mobileのデザインが簡単に出来上がります。リンクをクリックすれば同じデザインが表示された状態で「ThemeRoller」が起動します(2012/01/11頃まで)。...
View ArticleFacebookの「フィード購読ボタン」をウェブサイトに設置する
Facebookから新しいソーシャルプラグイン「フィード購読ボタン(Subscribe Button)」が2011年12月9日に公開されました。 Introducing the Subscribe Button for Websites 本エントリーでは、フィード購読ボタンの機能と設定方法について説明します。 1.フィード購読について...
View ArticleFacebookが2012年1月1日に予定している変更点について
Facebookが2012年1月1日に予定している変更点について、開発者ブログの以下の記事で告知がありました。その中からいくつかの項目について情報展開します。 Platform Updates: Operation Developer Love 1.FB.Data.* JavaScript SDK...
View ArticleFacebookページへのIFrameタブ追加方法が変更
Facebookの開発者ブログで、「2012年2月1日にすべてのアプリケーションのプロフィールページを削除します」というアナウンスがありました。 Removing App Profile Pages この関係で、2011年12月10日以降に新しく作成したアプリケーションについては、「アプリのプロフィールページを見る」というリンクが表示されなくなりました。...
View ArticleWordPressの「Wordbookerプラグイン」を使ったFacebookウォール投稿とタイトル・画像を自由に設定できるようにするためのカスタマイズ
WordPressでFacebookと連携させる「Wordbookerプラグイン」を使って、記事投稿と連動してFacebookページにウォール投稿を行う方法と、その際にタイトルと画像を自由に設定できるようにするためのカスタマイズを紹介します。 下のスクリーンショットの例では、「WordPressのTwenty Elevenテーマについて解説します。」という部分と本文左のTwenty...
View ArticleMovable Typeテーマ「フォトログ」バージョンアップ
当ブログで配布中のMovable Typeテーマ「フォトログ」をバージョンアップしました。 「フォトログ」テーマ(クリックすればサンプルページにジャンプします) 「フォトログ」は写真投稿用ブログ専用テーマで、jQueryとjQuery lightBoxプラグインで画像表示や画像拡大を行います。 1.変更点 画像拡大時の幅および高さを制限できるようにしました。 制限前の画像拡大時の表示...
View Article自転車用ライトに最適な「GENTOS(ジェントス) 閃 SG-355B」
クロスバイクの夜間走行用にライトを購入しました。肝心のクロスバイク本体はいつ紹介するんだ?という話はおいといて(笑)。 ネットで色々調べて、最も評判が良いと思われる「GENTOS(ジェントス) 閃 SG-355B」をAmazonで買いました。購入時の値段は、58%OFFの2315円でした。 GENTOS(ジェントス) 閃 355 【明るさ100ルーメン/実用点灯10時間】...
View ArticleFacebookページにIFrameタブを追加するツール
先日エントリーした「FacebookページへのIFrameタブ追加方法が変更」で紹介したとおり、IFrameタブをFacebookページに追加するには、次のようなURLを手動で起動しなければなりません。 https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL...
View ArticleMovable Type5.0のリスト画面をカスタムフィールドの値で絞り込める「AddCFQuickFilterプラグイン」
Movable Type5.0のブログ記事一覧などのリスト画面をカスタムフィールドの値で絞り込める「AddCFQuickFilterプラグイン」を公開します。 1.機能 Movable Type5.0の記事一覧画面の「絞込み」に、カスタムフィールドの項目を表示します。...
View ArticleFacebookバナーの作り方
Facebookには、Facebookのコンテンツをシェアするための「Facebookバナー」というものがあります。 Facebookバナー Facebookバナーには次の種類があります。 プロフィール用バナー 写真バナー 「いいね!」バナー Facebookページ用バナー ということでFacebookバナーの作り方を紹介します。作業はFacebookにログインした状態で行ってください。...
View ArticleFirefox10の新機能について
2011年12月20日、Firefox9が予定通りリリースされました。が、PCには早くもFirefox10(Aurora)のベータ版をインストールしてみました。 Firefox10では以下の改善が行われます。 アドオンのバージョン互換性を柔軟に判断 「進む」ボタンを無効時に非表示 HTML5ビデオでスナップショットの保存、統計データ表示が可能 Firefox Syncのセットアップが簡単に...
View ArticleCSSで3D画像を実現するサンプルいろいろ
昨日の「Firefox10の新機能について」でも紹介しましたが、CSS 3D Transformの機能を使えば、3D画像をCSS(とHTML)で実装できるようになります。 ということで、3D画像のサンプルを新旧織り交ぜていくつか紹介します。いずれもhacks.mozilla.orgに掲載されているもので、Google...
View Article