facebookページにおけるiframeのスクロールバーを消す方法

最近facebookページ関連の仕事が多いわけですが、facebookページにおけるiframeのスクロールバーを消す方法を備忘録的に投稿しておきます。
facebookページでiframeを表示する場合、横幅520px縦幅800pxで固定となっています。


このままだとスクロールバーが出たままで見た目よろしくないので、縦幅をページの長さに合わせて自動的に拡張します。
iframeで表示するHTMLのbodyの最初に以下を記述して下さい。

More »


facebookpage-designs.com オープンしました!

facebookpage-designs.comというウェブサイトを個人的にオープンさせました。
​facebookページデザインのアーカイブサイトとなっています。



記事は随時更新していきます。主に英語と日本語のfacebookページを紹介しています。
国内外問わず紹介していきますのでfacebookページに興味​あるウェブ業界の方は参考にしてみて下さい。

よろしくお願いします!


今後はTitanium Studioで開発を。

Titanium Stuidioというのが最近リリースされました。これは、Titanium Platformの統合開発環境(IDE)です。

Titanium Studioでは、コード補完、Git連携をサポートしたエディタ、プロジェクトの管理、シミュレータや実機でのアプリの実行などができます。要はこれ1つでTitaniumの開発が全部できまっせ、というツールです。インストールからシミュレータでの実行までを紹介します。

ここからダウンロードしてください。 無料(Community)と有料(Indie, Professional)があるらしく違いは以下です。

  • Titanium Community(無料) –  iOSとAndroidに対応したTitanium mobile SDKと、Titanium Studioで、モバイルデバイスのデバッグを除く全ての機能が使えます。
  • Titanium Indie(有料) – Titanium Studio Premium (モバイルデバッグサポート), Titanium Mobile, あなたのアプリをクラウド対応にするTitanium+Plusモジュール、Titanium Mobile Webなどの新ソフトウエアに対する早期アクセス
  • Titanium Professional(有料) –上記のIndieの全てに加えて、Appcelerator helpdesk professionalsを使い問題解決を行うことができます。

有料で一番安いIndieでも月額49$です。高いっす。。。という訳で、CommunityをDLします。
ユーザ登録を済ませると、DLできるようになります。

More »


Aptanaをmacに導入し、Titanium Mobileのjavascriptを効率よくコーディングする

macでjavascriptを編集する必要があったので、コーディング環境を整えてみました。
そう、Titanium Mobileでiphone/androidのハイブリット開発をするためです。

現バージョンでは、android用がまだ実用的じゃなかったり、結局 iphone用とandroid用に用意するコードがあったりするらしいのですが、やはりjavascriptのみでネイティブアプリが両方作れてしまうというのは魅力的ですし、未来を感じます。

なんで、開発環境だけは整えておこうかと。
Titanium Mobileのセットアップ方法紹介は別の機会にするとして、IDEとしてAptanaを導入し、Titanium Mobileのコード補完をしてくれるエディタの用意までを紹介します。

More »


眠っていたiphone 3GSをiOS5 betaにしてみる

開発者向けにはiOS5 betaが提供されてる訳なんですが、今使ってるiphone4をiOS5 betaにしてしまうとアプリが動かないとか色々めんどくさそうなので、やめとこうかと。が、家に眠ってるiphone 3GSがあることを思い出し早速iOS5 betaにアップデートしてみました。

iOS Dev CenterでiOS5 betaをDLし、Xcodeのorganizerからアップデート。リストアする必要があったみたいで、一旦データが消えるらしい。バックアップから復元できるらしいが、消えたらイヤなんで、使ってないiphone 3GSでよかったよかった。iTunesでアップデートをやる方法もあるらしく、その場合はoptionキーを押しながらリストアをクリックすると、ファイルを選択できるのでiOS5 betaのファイルを選択するみたいです。

以下キャプチャーをペタペタはります。


iCloudの設定画面が出てきますのでセットアップします。使ってるApple IDを入れました。

More »