トップTech総研トップスキルとキャリア技術豆知識mixi、Facebookで活用できるアプリ自動生成機能を紹介7mixi、Facebookで活用できるアプリ自動生成機能を紹介Webアプリ開発初心者が効率よく学ぶことができるのがサンプルコードを書き写したり、編集したりする“サンプルコード勉強法”。撮影/佐藤聡)作成日:12.12.27ラクラクアプリ開発できる、サンプルコード勉強法とはこんにちは、ミクシィの鈴木理恵子です。Webアプリ開発のポイントを初心者の方でもわかりやすいように、ゆる~くお話する本連載。前回までのiframeに関する記事が若干難しくなってしまったので、今回は気分を変えて気楽な内容にします!私はIT系女子の集まりに参加することが多いのですが、そこでこれから開発を学びたいというディレクターやデザイナーのみなさんから「最初はどのようにして勉強すればいいの?」という質問をよくいただきます。これに対しいつも私は「まずは教材のサンプルコードをそのまま書いてみて、動いたら一部分を編集して......を繰り返すのがいいよ」と答えています。この“サンプルコード勉強法”(※開発者はよく“写経”と呼びます)は非常に地味ですが、ベテラン開発者も納得の勉強法と思います。開発経験がない人だけでなく、アプリ開発者が新しい技術を習得する場合も、“サンプルコード勉強法”を行うことが多いのです。mixiやFacebookなどのSNSと連携するWebアプリ開発に挑戦する場合にも、もちろん“サンプルコード勉強法”は効果的です。うまくいかないなぁ、どこが間違っているんだろう......」と、困ってしまうことはありませんか?プログラミングのキャリアが長い人であっても、新しい技術に挑戦するときはどうしても時間がかかります。APIに興味があって試しに開発を始めてみたものの、APIにたどり着く前にほかの箇所で詰まってしまい、次第にテンションが下がって開発を止めてしまったということもあるかもしれません(涙)。実は、この問題は解決できます。この機能を利用すると実際に動作するアプリとそのソースコードが手に入るので、すぐに効率よく“サンプルコード勉強法”を行うことができるのです!mixiとFacebookのいずれもWeb画面から3つ程度アプリ情報を入力するだけ、5分でアプリが手に入ります。このアプリはHerokuというクラウドサービス上に生成されます。Herokuは内部でGitというソースコードのバージョン管理システムを利用しているので、ソースコードを手元にダウンロードして編集をし、再度アップロードすることでアプリの動作を変えることができます。アプリはmixiまたはFacebookのアカウントを使って操作し、友人のサムネイル画像一覧を画面に表示したり、友人にメッセージを送ったり、つぶやいたりできます。これはSNSが公開しているAPIをアプリのプログラムがたたいて実現しています。このソースコードを参考にして、自分のアプリにソーシャルな機能を追加することも簡単です。SNS連携の自動生成機能を使って簡単にアプリ開発!mixiとFacebookが生成するアプリをそれぞれ簡単にご紹介します。Start」という名前で提供しています。Rubyのアプリで、mixiアプリ・mixiページアプリそれぞれの用途に合わせたAPIが多く実装されています。Facebook実装済みのAPIの数が少ないのですが、4つの言語のアプリが提供されています。ちなみにこのアプリは、本連載の第1回~第3回で取り上げたOAuthや、第4回~第6回で取り上げたiframe内アプリでのセッション管理の方法が組み込まれていますので、実際に動作を確認しながらそれらの仕組みを学ぶこともできます。年末年始のコーディングのお供に、ぜひご活用ください。コアプロダクト開発G所属。青春時代はギター制作に明け暮れていたが、一転、IT業界に転身しプログラマとなる。API等のアプリプラットフォーム開発を担当。鈴木理恵子のアプリ開発ビギナー向け講座ミクシィ鈴木理恵子が、アプリ初心者の方向けに、聞きたくても聞けないアプリ開発の初歩的なノウハウや失敗回避法などを伝授します。前回ご紹介した「mixi、Facebookで活用できるアプリ自動生成機能」。Dataというクラウドサービスを利用し、アプリ開発初心者でも大量のデータを高速かつ簡単にデータ...ミクシィ鈴木理恵子mixiWebアプリデータ解析...ミクシィ鈴木理恵子の“アプリ開発ビギナー向け講座”アプリデータ解析ができるおすすめクラウドサービスアプリ開発で欠かせないのがデータ解析。開発者を悩ませるiframe内表示Webアプリ問題。前回はその現状についてお伝えしましたが、今回はiframe内Web...ミクシィ鈴木理恵子mixiWebアプリスマートフォン...ミクシィ鈴木理恵子の“アプリ開発ビギナー向け講座”開発者を悩ませるiframe内表示Webアプリ問題とは?フレーム内に小さなブラウザのようにWebページを表示してくれる「iframe」。在籍中に転職活動をする場合、今の会社にバレないようこっそり慎重に進めたいもの。Tech総研リクルートグループサイトへ。