• はてなブックマークに追加
  • Yahoo!ブックマークに登録
ミクシィ鈴木理恵子の“アプリ開発ビギナー向け講座” Vol.
7
mixi、Facebookで活用できる
アプリ自動生成機能を紹介
Webアプリ開発初心者が効率よく学ぶことができるのがサンプルコードを書き写したり、編集したりする“サンプルコード勉強法”。今回はSNSと連携する自動生成機能など、お手軽な勉強法をご紹介します!
(取材・文/鈴木理恵子 総研スタッフ/宮みゆき 撮影/佐藤聡)作成日:12.12.27
ラクラクアプリ開発できる、サンプルコード勉強法とは

 こんにちは、ミクシィの鈴木理恵子です。Webアプリ開発のポイントを初心者の方でもわかりやすいように、ゆる〜くお話する本連載。前回までのiframeに関する記事が若干難しくなってしまったので、今回は気分を変えて気楽な内容にします!

 私はIT系女子の集まりに参加することが多いのですが、そこでこれから開発を学びたいというディレクターやデザイナーのみなさんから「最初はどのようにして勉強すればいいの?」という質問をよくいただきます。これに対しいつも私は「まずは教材のサンプルコードをそのまま書いてみて、動いたら一部分を編集して……を繰り返すのがいいよ」と答えています。この“サンプルコード勉強法”(※開発者はよく“写経”と呼びます)は非常に地味ですが、ベテラン開発者も納得の勉強法と思います。開発経験がない人だけでなく、アプリ開発者が新しい技術を習得する場合も、“サンプルコード勉強法”を行うことが多いのです。

 さて、mixiやFacebookなどのSNSと連携するWebアプリ開発に挑戦する場合にも、もちろん“サンプルコード勉強法”は効果的です。各社が公開している技術ドキュメントを読んで、そこにあるサンプルコードを書いてみて……「あれ? うまくいかないなぁ、どこが間違っているんだろう……」と、困ってしまうことはありませんか?

 プログラミングのキャリアが長い人であっても、新しい技術に挑戦するときはどうしても時間がかかります。APIに興味があって試しに開発を始めてみたものの、APIにたどり着く前にほかの箇所で詰まってしまい、次第にテンションが下がって開発を止めてしまったということもあるかもしれません(涙)。

効率よく“サンプルコード勉強法”ができるSNS連携の自動生成機能

 実は、この問題は解決できます。mixiとFacebookには、SNSと連携するWebアプリを自動で生成してくれる機能があるのをご存知ですか? この機能を利用すると実際に動作するアプリとそのソースコードが手に入るので、すぐに効率よく“サンプルコード勉強法”を行うことができるのです!

 mixiとFacebookのいずれもWeb画面から3つ程度アプリ情報を入力するだけ、5分でアプリが手に入ります。尚、このアプリはHerokuというクラウドサービス上に生成されます。Herokuは内部でGitというソースコードのバージョン管理システムを利用しているので、ソースコードを手元にダウンロードして編集をし、再度アップロードすることでアプリの動作を変えることができます。

 アプリはmixiまたはFacebookのアカウントを使って操作し、友人のサムネイル画像一覧を画面に表示したり、友人にメッセージを送ったり、つぶやいたりできます。これはSNSが公開しているAPIをアプリのプログラムがたたいて実現しています。このソースコードを参考にして、自分のアプリにソーシャルな機能を追加することも簡単です。

SNS連携の自動生成機能を使って簡単にアプリ開発!

 mixiとFacebookが生成するアプリをそれぞれ簡単にご紹介します。

■ mixi

 mixiはこの機能を「mixi API Quick Start」という名前で提供しています。Rubyのアプリで、mixiアプリ・mixiページアプリそれぞれの用途に合わせたAPIが多く実装されています。

<mixiページアプリ版>
言語 Ruby
実装済みAPI People API、Voice API、Calendar API、Message API、Photo API、Page APIなど
参考ドキュメント http://developer.mixi.co.jp/page-apps/api_quick_start/
<mixiアプリ版>
言語 Ruby
実装済みAPI People API、Persistence API、招待API、リクエストAPI、アクティビティAPI、mixiボイスAPIなど
参考ドキュメント http://developer.mixi.co.jp/appli/ns/api_quick_start/
■ Facebook

 実装済みのAPIの数が少ないのですが、4つの言語のアプリが提供されています。

言語 PHP、Ruby、Node.js、Python
実装済みAPI Friends、Photos、Post、Messageなど
参考ドキュメント http://developers.facebook.com/blog/post/558/

 いかがでしたでしょうか? ちなみにこのアプリは、本連載の第1回〜第3回で取り上げたOAuthや、第4回〜第6回で取り上げたiframe内アプリでのセッション管理の方法が組み込まれていますので、実際に動作を確認しながらそれらの仕組みを学ぶこともできます。年末年始のコーディングのお供に、ぜひご活用ください。

鈴木 理恵子

株式会社ミクシィ 技術部 コアプロダクト開発G所属。
青春時代はギター制作に明け暮れていたが、一転、IT業界に転身しプログラマとなる。
業務アプリケーションシステムの開発を経て、現在はミクシィでmixi Graph API等のアプリプラットフォーム開発を担当。

  • はてなブックマークに追加
  • Yahoo!ブックマークに登録

このレポートに関連する求人情報です

株式会社MIXI/未経験歓迎/年間休日123日/【東証プライム上場企業】“心もつながるコミュニケーション”を様々な角度から創造し、成長を続けています

募集職種ゼロから成長できる!モンスターストライクのカスタマーサポート

  • 契約社員
  • 未経験者歓迎
仕事の概要
世界最大級のスマホゲームの運営を支えていく!ユーザーの“声”をもとにした改善企画に関わるチャ…
対象となる方
【20代が活躍中!第二新卒OK/経験・知識不問】 ★人柄や意欲を重視して採用を進めていきます!
勤務地
【転勤なし/「仙台駅」直結/U・Iターン歓迎】◎仙台CSセンター:宮城県仙台市青葉区中央1-…
年収例
あなたを求める企業がある!
まずはリクナビNEXTの「スカウト」でチャンスを掴もう!
スカウトに登録する

このレポートの連載バックナンバー

鈴木理恵子のアプリ開発ビギナー向け講座

ミクシィ鈴木理恵子が、アプリ初心者の方向けに、聞きたくても聞けないアプリ開発の初歩的なノウハウや失敗回避法などを伝授します。

鈴木理恵子のアプリ開発ビギナー向け講座

このレポートを読んだあなたにオススメします

ミクシィ鈴木理恵子の“アプリ開発ビギナー向け講座”

初心者でもわかる!アプリ開発に役立つHerokuの機能

鈴木理恵子のアプリ開発ビギナー向け講座前回ご紹介した「mixi、Facebookで活用できるアプリ自動生成機能」。どちらのアプリもHeroku上に自動生成…

初心者でもわかる!アプリ開発に役立つHerokuの機能

ミクシィ鈴木理恵子の“アプリ開発ビギナー向け講座”

Treasure Dataなら初心者も大量データ解析ができる!?

鈴木理恵子のアプリ開発ビギナー向け講座今回はTreasure Dataというクラウドサービスを利用し、アプリ開発初心者でも大量のデータを高速かつ簡単にデータ…

Treasure Dataなら初心者も大量データ解析ができる!?

ミクシィ鈴木理恵子の“アプリ開発ビギナー向け講座”

アプリデータ解析ができるおすすめクラウドサービス

鈴木理恵子のアプリ開発ビギナー向け講座アプリ開発で欠かせないのがデータ解析。今回はお手軽にアプリデータ解析ができるサービス「Google Analytics…

アプリデータ解析ができるおすすめクラウドサービス

ミクシィ鈴木理恵子の“アプリ開発ビギナー向け講座”

開発者のためのiframe内アプリのセッション管理方法

鈴木理恵子のアプリ開発ビギナー向け講座開発者を悩ませるiframe内表示Webアプリ問題。前回はその現状についてお伝えしましたが、今回はiframe内Web…

開発者のためのiframe内アプリのセッション管理方法

ミクシィ鈴木理恵子の“アプリ開発ビギナー向け講座”

開発者を悩ませるiframe内表示Webアプリ問題とは?

鈴木理恵子のアプリ開発ビギナー向け講座フレーム内に小さなブラウザのようにWebページを表示してくれる「iframe」。特別な技術は必要ないのに、さまざまな…

開発者を悩ませるiframe内表示Webアプリ問題とは?

応募者は「イケた!」と思ったのに……なぜ不採用?

スキルが高い人材でも「NG」を出した人事の証言

求人の募集要項にあるスキルは満たしていたのに、なぜか結果は不採用。そんな経験をした人も多いのでは? では、採用に至らな…

スキルが高い人材でも「NG」を出した人事の証言

この記事どうだった?

あなたのメッセージがTech総研に載るかも

あなたの評価は?をクリック!(必須)

あなたのご意見お待ちしております

こちらもお答えください!(必須)

歳(半角数字)
(全角6文字まで)
  • RSS配信
  • twitter Tech総研公式アカウント
  • スカウト登録でオファーを待とう!
スマートグリッド、EV/HV、半導体、太陽電池、環境・エネルギー…電気・電子技術者向け特設サイト

PAGE TOP