高校生が語るwebアプリケーションの作り方

高校生が語る

Webアプリの

作り方

in Apple Store, Sapporo13年2月3日日曜日

高校生が語る

Webアプリの

作り方

こんにちは！

伊藤輝（いとうひかる）

と申します。

Twitter : @Hikaru_Itou13年2月3日日曜日

高校生が語る

Webアプリの

作り方

今日は

Webアプリケーションの

作り方についてお話します！

13年2月3日日曜日

高校生が語る

Webアプリの

作り方

Webアプリケーションって？


高校生が語る

Webアプリの

作り方

「Webの技術を使ったアプリ」



高校生が語る

Webアプリの

作り方

生活を便利にするモノ



高校生が語る

Webアプリの

作り方

ユーザーを楽しませるモノ



高校生が語る

Webアプリの

作り方

ユーザーにあたらしい


可能性を生み出すモノ


高校生が語る

Webアプリの

作り方

http://somox.net/

ソモックスみんなのネット上の名刺


http://somox.net

http://somox.net

高校生が語る

Webアプリの

作り方

SoMoX

Social Media Box


高校生が語る

Webアプリの

作り方

自分のソーシャルサービスの

プロフィールページが

アカウントをまとめた

超簡単に作れちゃうサービス！


高校生が語る

Webアプリの

作り方

代表

伊藤輝

[email protected]

080-XXXX-XXXX

Twitter : Hikaru_Itou

facebook : hikarui

Google+ :○○○○○○

mixi : ○○○○○○

GREE: ○○○○○○

LINE: ○○○○○○


mailto:[email protected]


高校生が語る

Webアプリの

作り方

代表

伊藤輝

[email protected]

080-XXXX-XXXX

SoMoX : Hikaru_ItoここだけでOK!




高校生が語る

Webアプリの

作り方

http://somox.net/Hikaru_Ito




高校生が語る

Webアプリの

作り方


高校生が語る

Webアプリの

作り方

「ネット上の名刺」


高校生が語る

Webアプリの

作り方

自分のTwitter、facebook、mixiなど

複数のサービスのアカウントを伝えたかったら

SoMoXのアカウントを伝えるだけでOK!


高校生が語る

Webアプリの

作り方

簡単ログイン機能


高校生が語る

Webアプリの

作り方

ユーザー検索機能


高校生が語る

Webアプリの

作り方

ブログパーツ


高校生が語る

Webアプリの

作り方

デザインも自由自在


高校生が語る

Webアプリの

作り方

14のWebサービスに対応


高校生が語る

Webアプリの

作り方

DEMO


高校生が語る

Webアプリの

作り方

Web製作は小5から


高校生が語る

Webアプリの

作り方

はじめはホームページビルダーで


高校生が語る

Webアプリの

作り方

自己紹介とゲーム攻略だけの

Webサイトでした。


高校生が語る

Webアプリの

作り方

ある日、掲示板をレンタルして

自分のWebサイトに導入


高校生が語る

Webアプリの

作り方

次の日から早速

クラス中に広めました。


高校生が語る

Webアプリの

作り方

学校や遊びから帰宅したあと

ネット上でみんなでやりとり。


高校生が語る

Webアプリの

作り方

新しい社会の領域


高校生が語る

Webアプリの

作り方

自分が作ったものを

使ってもらえる喜び


高校生が語る

Webアプリの

作り方

もっともっと

いろんなものをつくりたい


高校生が語る

Webアプリの

作り方

ものづくりの３大要素


高校生が語る

Webアプリの

作り方

発想力

実装力気持ち


高校生が語る

Webアプリの

作り方

発想力


？高校生が語る

Webアプリの

作り方

発想力

身の回りのモノに疑問をもつ



Webアプリの

作り方

発想力

なぜあの商品はヒットしたのか？



Webアプリの

作り方

発想力

「◯◯◯　ヒット　理由」で

検索して答え合わせ！


!高校生が語る

Webアプリの

作り方

発想力

少しでも何か思いついたら

すぐに書く！


!高校生が語る

Webアプリの

作り方

発想力

アイデアのメモには

iPhoneのアプリが大活躍！！


!高校生が語る

Webアプリの

作り方

発想力

アイデアは元々ある要素の

組み合わせ！


!高校生が語る

Webアプリの

作り方

発想力

アイデアはいつ飛んでくるか

わからないぞ！


高校生が語る

Webアプリの

作り方

実装力


高校生が語る

Webアプリの

作り方

実装力

Webアプリケーションを作るには

どのような技術が必要なのか？


高校生が語る

Webアプリの

作り方

実装力

プログラミングに関すること

HTML/CSSに関すること

サーバーに関すること


高校生が語る

Webアプリの

作り方

実装力

HTML/CSS

Webサイトのデザインを形にする


高校生が語る

Webアプリの

作り方

実装力

プログラミング

Webサイトに動的な動きを与える


高校生が語る

Webアプリの

作り方

実装力

Webサーバー

Webサイトをネットに公開する


高校生が語る

Webアプリの

作り方

実装力

僕は独学でした。


高校生が語る

Webアプリの

作り方

実装力

どうやって独学したのか？


高校生が語る

Webアプリの

作り方

実装力

インターネットを活用しよう！


高校生が語る

Webアプリの

作り方

実装力

実際に作りたいものを考えよう！


高校生が語る

Webアプリの

作り方

実装力いつ使うかわからない

文法や関数を覚える前に

実際に作りだそう！

わからなくなったら

調べればいい13年2月3日日曜日

高校生が語る

Webアプリの

作り方

実装力

僕がお世話になった

サイトを紹介します。


高校生が語る

Webアプリの

作り方

実装力

TAG index

HTML・CSSの基礎


高校生が語る

Webアプリの

作り方

実装力

ドットインストール

動画でプログラミング

学習ができる！


高校生が語る

Webアプリの

作り方

気持ち


♥高校生が語る

Webアプリの

作り方

気持ち

つくりたい！気持ちを大切に



Webアプリの

作り方

気持ち

自分がほしい！気持ちを大切に



Webアプリの

作り方

気持ち

好きじゃなきゃ熱くなれない！



Webアプリの

作り方

気持ち

試行錯誤を絶対するべき！


高校生が語る

Webアプリの

作り方

発想力

実装力気持ち


高校生が語る

Webアプリの

作り方

まとめ


高校生が語る

Webアプリの

作り方

Webアプリケーションは

まとめ

努力と気持ち次第で

高校生でも作れます。


高校生が語る

Webアプリの

作り方

そして、インターネットを

まとめ

通していろいろな人に

便利さや楽しさを

与えることができます。13年2月3日日曜日

高校生が語る

Webアプリの

作り方

僕はこれからも

まとめ

Webアプリケーションを通して

インターネットが社会に

どんな影響を与えられるか

考えていきます。13年2月3日日曜日

高校生が語る

Webアプリの

作り方

「自分がほしい！」

まとめ

「他の人に使ってほしい！」

を忘れずに。


高校生が語る

Webアプリの

作り方

これで終わります。

まとめ

ありがとうございました！


高校生が語るwebアプリケーションの作り方

Documents