法人のお客様Schooをご利用になるには、JavaScriptの設定を有効にしてください。本授業では、私が昨年のゴールデンウイークに作った、シンプルなメモ帳WEBアプリ「wri.pe」をどうやって作っていったのかを解説します。普段、プログラマとして仕事をしていると、企画やデザイナーの人と組んで分担して作業しますが、個人サービスでは全てを一人で行う必要があります。これらを一人で行うために全体をどうデザインするか、についてお話しするので、みなさんのWEBサービス企画の参考になればと思います。私が昨年のゴールデンウイークに作った、シンプルなメモ帳WEBアプリ「wri.pe」をどうやって作っていったのかを解説します。第1回目の今回は、サービスを作る動機・設計・デザインについてお話しします。1年ほど、個人としてWebサービスを作っていなかったので、個人的に欲しいと思っていたアプリを、新しい事を試しつつ作る事にしました。今回の授業ではメモ帳アプリを1週間で完成させることを目標に、アプリの企画を立てる方法、時間の割り振りの仕方から、ページのデザインを考えるところまでを解説します。普段、プログラマとして仕事をしていると、企画やデザイナーの人と組んで分担して作業しますが、個人サービスでは全てを一人で行う必要があります。これらを一人で行うために全体をどうデザインするか、についてお話しするので、みなさんのWEBサービス企画の参考になればと思います。自己紹介&アジェンダ02:42wri.peってなに?02:36wri.peを作る動機04:17風呂グラミングでPCを水没させたとしたら04:40日常の煩雑なメモを整理したくなった04:20メモアプリに欲しい機能とは?02:00サービス設計02:59技術選択にあたっての基準03:26デザイン03:05参考となるデザインがある、dribbble05:00印象に残らないサイトに手を加える03:57まとめ03:38Q:無料のサービスの場合は、サーバー代等の費用はどうまかないますか?01:02Q:コードを書く前に設計図は書きますか?00:57Q:デザインとプログラムではどっちから先に始めたのですか?00:37Q:「wri.pe」の名前の由来は何ですか?01:09Q:ブックマークのアプリ気になります。私が昨年のゴールデンウイークに作った、シンプルなメモ帳Webアプリ「wri.pe」をどうやって作っていったのかを解説します。第2回目の今回は、【開発編】です。wri.peは、メモを取得、保存するためのAPIを提供するサーバ部と、ユーザインタフェースを提供するHTML5で書かれたクライアント部の二つから構成されています。Railsを使い、全部で500行程度で構成されており、PHPなどRails以外の言語/フレームワークを使っても手軽に実装出来るサイズになっています。クライアント側は、HTML5の機能を積極的に使い、軽快に動く事を第一に考えています。wri.peで一番評価されているのは、この軽快な動作によるものです。Storageなどを積極的に使い、ブラウザながらネイティブの様な操作感を提供しています。本授業では、これらのサーバ・クライアント側の開発についてコードを示しながら解説します。私が昨年のゴールデンウイークに作った、シンプルなメモ帳Webアプリ「wri.pe」をどうやって作っていったのかを解説します。第3回目の今回は、【リリース編】です。前回作ったコードを実装し、ユーザーに使っていただくためのリリース作業を行います。リリースの前には、各種OS/ブラウザを行いたいのですが、一人で、色々な環境でテストをするのは大変です。そこで、Seleniumというブラウザを用いた自動テストツールを使い、多様な環境でwri.peのテストを自動的に行う環境を構築します。RailsをサポートしたPaaSの「Heroku」を使っています。Herokuは、一般的なRailsの実行環境以外に、全文検索や監視、統計情報などをアドオンとして提供しており、これを駆使することで、サーバ管理者が居なくても24時間、安定してサービスを提供することができます。本授業では、リリースにあたって行った上記、についてを解説できればと思います。workerのスケールアウトはどのように判断しますか?01:04Q:初心者が簡単にWebサービス開発できるRailsのチュートリアル入門書があれば紹介してください。00:41Q:アクセス負荷の話が少しありましたが、レスポンスタイムの計測などはしましたか?00:39Q:テストではOSやブラウザ毎のテストも全て走るようにしているのでしょうか?03:11Q:オープンソースにするとソースにバグがあった時に悪意のあるハッキングなどされないか怖い気がしてしまうのですが、そのあたりは如何でしょうか。私が昨年のゴールデンウイークに作った、シンプルなメモ帳Webアプリ「wri.pe」をどうやって作っていったのかを解説します。第4回目の今回は、【リリース後の広め方・継続できる目標の立て方・改善編】です。私が「wri.pe」をリリースした後には、多くの人に使って貰うために広報活動を行う事にしました。広報活動も、仕事であれば社内のPR部門の人が行ってくれるのですが、今回は一人で行いました。News、ブログ、ソーシャルメディアを駆使する方法を解説します。リリースした後も、継続的にバージョンアップを行っていますが、機能を増やすことよりアプリの世界観を壊さないことを第一にしています。「世界観が大切だと考えている理由」についても、ここで解説します。「wri.pe」は現在では1万を越えるユーザーに利用していただき、ネット上には多くのレビューやご意見をいただいています。ここから、私が「wri.pe」を1人で作り、広める活動の中で得たものや、サービスを自作するべき理由についても、振り返って考えてみたいと思います。海外編03:15記事を書いてくれそうな記者に交渉する04:57英語のSNSでの注意点03:23まとめ04:06Q:アイデアを人に話して、アイデアをとられたらどうしたらよいですか?01:09Q:tokyoドメイン使いたいですか?00:57Q:どうしてschooに登壇しようと決められたのでしょうか。閉じる資料をダウンロードするには資料パスワードの設定が必要です。資料パスワードを設定する閉じる資料のダウンロードは1日10件、1ヶ月100件までです。Reserved.スクーについてご意見をお聞かせくださいありがとうございました!いただいたご意見はスクー教務課にて確認し、今後の運営に役立てさせていただきます。個々のご意見にはご返信しておりませんので予めご了承ください。招待したあなたには2枚、招待されたお友達には1枚、録画授業が受けられる「チケット」をプレゼントします。IDで登録メールアドレスまたはパスワードが違います。ログインできない方は「よくある質問」をご確認下さい。