タッチーのすべての投稿

タチバナアライブシステム株式会社代表取締役の橘貴督（たちばなたかよし）です。 2010年10月に独立し、タチバナアライブシステム株式会社を2011年1月に設立しました。私が45歳の時です。趣味はゴルフで、最近興味のあることはMac、iPhone、iPad等のApple製品です。Androidにも興味がありますが現在は所持していません。また、最近ダイエットでウォーキングを始めました。目標体重は65kgです。このブログは会社の資産になればと思い始めました。週1回を目標に記事をアップしていきたいと思っています。

Wordpress

WordPressでYouTube動画埋め込みのレスポンシブ(スマホ)対応

2014年2月23日タッチー 1件のコメント

YouTube動画をホームページやブログに投稿することが多いと思います。
WordPressにはoEmbed機能があり、YouTubeのURLを貼り付けるだけで動画の貼り付けが出来ます。

しかし、この時ホームページのスマホ対応している場合は、横幅が固定されて画像のみ大きく表示されることになります。

そこで、動画埋め込みのレスポンシブ対応方法をご紹介します。

続きを読む WordPressでYouTube動画埋め込みのレスポンシブ(スマホ)対応 →

ツール

スマホサイトの表示確認・テストは《Mobilizer》で決まり！

2014年2月16日タッチーコメントする

スマホサイトの表示確認・テストは、やってますか？
自分が持っているスマホでは簡単に確認できますが、iPhoneを持っている方がAndroid系スマホでの確認はなかなかできませんよね。

そこで、活躍するのがスマホ用のシミュレータです。今回は、私が最近愛用しているAir製のシミュレータである「Mobilizer」をご紹介します。

「Mobilizer」って何？

まずは、このビデオを見てみてください。

色んな種類のスマホでホームページの表示が確認できます。私は、ローカル環境でスマホ用サイトの表示確認・テストに使用しています。

Mobilizerからダウンロードすることができます。
Airアプリなので動作にはAdobeAirが必要です。

「Mobilizer」のスマホの種類

確認できるスマホの種類は、以下の7機種です。

iPhone 4
iPhone 5
Samsung Galaxy S3
Nokia Lumia 920
Palm Pre
Blackberry Storm
HTC Evo

「Mobilizer」の使い方

Mobilizerの使い方は、とってもシンプルです。まずは、Mobilizerを起動します。
すると、下記の初期画面が表示されます。

次に「Phones」というリンクの様な文字部分をクリックすると、起動するスマホのメニューが表示されます。

次に「URL」部分に表示したいアドレスを入力して「Enter」キーを押すとスマホ画面にサイトが表示されます。
表示している全てのスマホのサイトが表示されます。

スマホの上部で右クリックするとメニューが表示されます。

プラグイン

Jetpack タイルギャラリーの使い方

2014年2月9日タッチー 1件のコメント

WordPressの純正プラグイン、Jetpackは非常に多機能で使えるプラグインです。
そんなJetpackの中からタイルギャラリーの機能を紹介します。
続きを読む Jetpack タイルギャラリーの使い方 →

ツール

画像(jpeg)の圧縮 JPEGmini vs ImageOptim(比較)

2014年2月8日タッチーコメントする

先日はPNGの強力な圧縮ツール「TinyPNG」を取り上げましたが、今回はJPEGの圧縮ツールを紹介したいと思います。
Mac版とWindows版の両方がある「JPEGmini」と「ImageOptim」の比較を行います。
続きを読む画像(jpeg)の圧縮 JPEGmini vs ImageOptim(比較) →