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仕事

執筆者:

関連記事

no image

Responsiveが超高速で作れるArtisteer最高

Webの高速制作ツールのArtisteerがResponsiveに対応しているのは知っていた。 けども、Wordpressでウィジェットとして追加したブロックの一つ一つについて、モバイルで表示したくな …

no image

Pythonでpipを実行してpyautoguiをインストールしてみた

以下のブログにあることをやってみたくて、 (python3.6)pyAutoGuiでアプリを操作するプログラムを作ってみた – 楽するプログラマ 以下のような、おまじないで。 C:\Use …

Amazonへ出品している商品の、商品名だけを一括で変更したいときの手順

1.以下のページを参考に、出品レポートをダウンロード。商品名を一括で変更・編集する方法 – Amazon出品サービス / 出品に関する一般的な質問 – Amazonセラーフォー …

no image

まだやってる、IT講師。

今日はWordでPOPを作るセミナー。 いわゆる「おばちゃん」相手。 楽しい。 なかに、とても入力が苦手な人が一人、「産業会館」という字を、「惨状会館」と入力して、しかしどう直してよいか分からなくて悩 …

no image

FileMaker Pro 12 での汎用カウントアップボタンの作り方

前日に続き、調子に乗ってFileMaker Pro 12ネタ。 フィールド名を名前で設定[Get ( スクリプト引数 );GetField(Get ( スクリプト引数 ))+1] のようなスクリプトを …