IT仕事

facebookアプリに初挑戦

投稿日:

そろそろ、手を付けないとやばいかもと、重い腰をあげることにした。

まずは早速、ディベロッパー登録でつまずいた。
登録するには携帯メール(docomoなどのキャリアメール)が必要なのだが、自分はPHSしか持っていない。
試しにGmailをタイプしてみたのだが、やはり認証でエラーになる。
諦めかけたところで、会社所有のiPad(3Gモデル)のメールアドレスを使ってみたら、うまくいった。

アプリの作成は、基本的に、前半は、こちらのやり方通りにやって、うまくいった。
ページタブアプリ(iframe)の作成とFacebookページへの追加方法|Webpark
しかし後半「Secure Page Tab URL」は必須入力とあったが、自分が試したときには未入力でOKだった。
また、「作ったページタブアプリをFacebookページに表示」の部分は、上記ページに記述されたやり方だと、うまくいかなかった。
facebookアプリは進化のスピードが速いと聞いていたけど、今回の私のケースもそれに漏れず、先人たちの知識を100%真似してとは行かないようだ。

アプリのページへの埋め込みは、こちらを参考に、
Facebookページのタブにアプリを追加できない方へ : 異聞録 @ikko
リンクのキー部分を書き換えてリンク先のページを開くと、うまくいった。
最終的に、リンクはこんな感じに。
https://www.facebook.com/add.php?api_key=xxxxx&pages=1

また、「Page Tab Width」は810pxでOKで、特に幅狭にしなくてもよかった。

一旦アプリを登録すると、左メニューに「開発者」が表示されて、アプリに直接アクセスできるようになった。この後変更があっても、ここから修正できるみたい。

ちなみに、新しいfacebbokページを作りたいときには、どうすればよいか、これまたわからなかったのだが、
http://www.facebook.com/pages/create.php
に、直接リンクすると最初の画面が出ると、こちらのページに書いてあった。
2/5 Facebookページの作り方(基礎編) [フェイスブック(Facebook)の使い方] All About
実際、その通りだった。

まあ、こんな感じで、最初のアプリを作るまでに、Google先生を手がかりに予備知識を蓄え、さらに前に進んで度々の知識ガソリン補給で、1時間ほどで、何とか。

ここまでは、意外と簡単だったなあ。

けど、今後少しでも難しいことをしようとすると、一気に制作スピードが減速するだろうなあ。わからないことが多すぎて。

以上、備忘録。

-IT仕事

執筆者:

関連記事

JQueryでカレンダー入力機能(先日の続き)

・現在はテキストボックスをクリックしたら表示されるカレンダー。それをクリックせずとも出しっぱなしにしたものも一つ欲しい。クリック版も残す。 ・「在庫僅少」「注文不可」をわかりやすく表示したい。管理画面 …

no image

Photoshopで画像半分をぼかす(グラデーションで半透明に)する

よく忘れる(というか覚えられない)ので、備忘録。 1.画像を開く。またはレイヤーを選択。 2.レイヤー下の「ベクトルマスクを追加」ボタンをクリック 3.半身をグラデーションにしたい範囲をドラッグで選択 …

no image

Amazonツール注文情報取得シートでListOrderで想定しない値エラー

会社では商品をAmazonでセラーとして販売している。 宅急便の伝票を作るときに注文情報(ListOrders)をExcelでCSVで出力できないかなあと、何かのツールを探していて、以下にたどり着いた …

no image

教育訓練給付制度

おや? 久々にITCの公式HPを見ると、こんな記述が。 「ITコーディネータ補資格認定用ケース研修は、2005年度より、厚生労働省教育訓練給付制度の対象講座になっておりません」 私が受験した2年前は、 …

PhotoshopElementsでWebデザイナーが作ったようなキレイなボタンを作るには

PSPについては、 思わず押してみたくなる、いとも簡単なボタンの作り方 | 楽してプロっぽいデザイン | Forty-N-FiveBlog など、Web上にいろいろ解説があるけども、Elementsに …