Submit Search
Upload
イマドキのWebアプリの作り方
•
6 likes
•
7,019 views
Katsumi Honda
Follow
Technology
Report
Share
Report
Share
1 of 39
Download now
Download to read offline
Recommended
Flex入門
Flex入門
Shinjiro Watanabe
About Titanium Mobile
About Titanium Mobile
Issei Nakamura
Android学ぶを君へ。生き抜くためのナレッジ共有
Android学ぶを君へ。生き抜くためのナレッジ共有
Shinobu Okano
開発を効率的に進めるられるまでの道程
開発を効率的に進めるられるまでの道程
Takao Sumitomo
2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」
Takashi Endo
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
Masataka Sato
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術
vaccho
Webエンジニアのためのandroidアプリ開発
Webエンジニアのためのandroidアプリ開発
Soudai Sone
Recommended
Flex入門
Flex入門
Shinjiro Watanabe
About Titanium Mobile
About Titanium Mobile
Issei Nakamura
Android学ぶを君へ。生き抜くためのナレッジ共有
Android学ぶを君へ。生き抜くためのナレッジ共有
Shinobu Okano
開発を効率的に進めるられるまでの道程
開発を効率的に進めるられるまでの道程
Takao Sumitomo
2014年メディア工房勉強会 第3章「Webアプリ制作」
2014年メディア工房勉強会 第3章「Webアプリ制作」
Takashi Endo
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
1ヶ月で作り切る!スタートアップのための Rails 爆速開発術 (20170306)
Masataka Sato
iPhone/Android アプリをまとめて省エネ開発する技術
iPhone/Android アプリをまとめて省エネ開発する技術
vaccho
Webエンジニアのためのandroidアプリ開発
Webエンジニアのためのandroidアプリ開発
Soudai Sone
Androidの会のご紹介
Androidの会のご紹介
高見 知英
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
Masaru Gushiken
JXUGC 13 東京 はじめに
JXUGC 13 東京 はじめに
Yoshito Tabuchi
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
Masaru Gushiken
Facebookおばかアプリ on Azure開発のポイント、Windows Phone アプリ開発 by シグマコンサルティング菅原さん
Facebookおばかアプリ on Azure開発のポイント、Windows Phone アプリ開発 by シグマコンサルティング菅原さん
atmarkit
2015/02/14 FirefoxOSハンズオン@関西
2015/02/14 FirefoxOSハンズオン@関西
Jun Iida
少しずつ手厚くして不具合や仕様漏れを防ぐために
少しずつ手厚くして不具合や仕様漏れを防ぐために
Fumiya Sakai
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
20120316 designerworkshoppublished
20120316 designerworkshoppublished
Yoichiro Sakurai
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について
yohei iwakura
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
Alternative WebView
Alternative WebView
Shigeki Yamato
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
Hiroki Toyokawa
ヨーマンおじさんと戯れる会
ヨーマンおじさんと戯れる会
Katsumi Honda
Web制作者がandriodのcddを読んでみた version1.1
Web制作者がandriodのcddを読んでみた version1.1
Masakazu Muraoka
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
アシアル株式会社
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
PhoneGap勉強会 in 熊本
PhoneGap勉強会 in 熊本
Suguru Murakami
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
Masakazu Muraoka
More Related Content
What's hot
Androidの会のご紹介
Androidの会のご紹介
高見 知英
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
Masaru Gushiken
JXUGC 13 東京 はじめに
JXUGC 13 東京 はじめに
Yoshito Tabuchi
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
Masaru Gushiken
Facebookおばかアプリ on Azure開発のポイント、Windows Phone アプリ開発 by シグマコンサルティング菅原さん
Facebookおばかアプリ on Azure開発のポイント、Windows Phone アプリ開発 by シグマコンサルティング菅原さん
atmarkit
2015/02/14 FirefoxOSハンズオン@関西
2015/02/14 FirefoxOSハンズオン@関西
Jun Iida
少しずつ手厚くして不具合や仕様漏れを防ぐために
少しずつ手厚くして不具合や仕様漏れを防ぐために
Fumiya Sakai
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
What's hot
(8)
Androidの会のご紹介
Androidの会のご紹介
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
あなたも出来る!webエンジニアがSwiftでリリースするためにやったこと
JXUGC 13 東京 はじめに
JXUGC 13 東京 はじめに
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
Yahoo!アフィリエイトソン最優秀賞者に学ぶ Swift講座
Facebookおばかアプリ on Azure開発のポイント、Windows Phone アプリ開発 by シグマコンサルティング菅原さん
Facebookおばかアプリ on Azure開発のポイント、Windows Phone アプリ開発 by シグマコンサルティング菅原さん
2015/02/14 FirefoxOSハンズオン@関西
2015/02/14 FirefoxOSハンズオン@関西
少しずつ手厚くして不具合や仕様漏れを防ぐために
少しずつ手厚くして不具合や仕様漏れを防ぐために
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Similar to イマドキのWebアプリの作り方
20120316 designerworkshoppublished
20120316 designerworkshoppublished
Yoichiro Sakurai
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
Yoichiro Sakurai
香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について
yohei iwakura
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Masakazu Muraoka
Alternative WebView
Alternative WebView
Shigeki Yamato
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
Masakazu Muraoka
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
Takashi Okamoto
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
Hiroki Toyokawa
ヨーマンおじさんと戯れる会
ヨーマンおじさんと戯れる会
Katsumi Honda
Web制作者がandriodのcddを読んでみた version1.1
Web制作者がandriodのcddを読んでみた version1.1
Masakazu Muraoka
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
アシアル株式会社
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
PhoneGap勉強会 in 熊本
PhoneGap勉強会 in 熊本
Suguru Murakami
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
Masakazu Muraoka
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
Megumi Otani(Czenhe)
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
Masakazu Muraoka
iOSアプリ制作ツールアプリビルダーを支える技術
iOSアプリ制作ツールアプリビルダーを支える技術
Tomoki Hasegawa
20131214 wtm62
20131214 wtm62
Shinya Sato
Fiddler 使ってますか?
Fiddler 使ってますか?
Joni
Webサービスの企画書 準備を楽しむ計画アプリ
Webサービスの企画書 準備を楽しむ計画アプリ
Reimi Kuramochi Chiba
Similar to イマドキのWebアプリの作り方
(20)
20120316 designerworkshoppublished
20120316 designerworkshoppublished
20120413 nestakabaneworkshop
20120413 nestakabaneworkshop
香川支部キックオフ 香川支部について
香川支部キックオフ 香川支部について
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Web屋という仕事のこれから Web動向からWeb屋に必要な技術を考えてみる
Alternative WebView
Alternative WebView
みなさんがHtml5をやらなくていい3つの理由
みなさんがHtml5をやらなくていい3つの理由
PhoneGapでWebアプリをスマホアプリ化
PhoneGapでWebアプリをスマホアプリ化
プロ文.com 勉強会 Phase 1
プロ文.com 勉強会 Phase 1
ヨーマンおじさんと戯れる会
ヨーマンおじさんと戯れる会
Web制作者がandriodのcddを読んでみた version1.1
Web制作者がandriodのcddを読んでみた version1.1
Html5/JSモバイルアプリ最前線
Html5/JSモバイルアプリ最前線
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
PhoneGap勉強会 in 熊本
PhoneGap勉強会 in 熊本
Web制作者がandriodのcddを読んでみた
Web制作者がandriodのcddを読んでみた
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
iOSアプリ開発のためのSwiftビギナーズ勉強会 第6回 @Co-Edo
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
iOSアプリ制作ツールアプリビルダーを支える技術
iOSアプリ制作ツールアプリビルダーを支える技術
20131214 wtm62
20131214 wtm62
Fiddler 使ってますか?
Fiddler 使ってますか?
Webサービスの企画書 準備を楽しむ計画アプリ
Webサービスの企画書 準備を楽しむ計画アプリ
More from Katsumi Honda
Ionicアプリのデータ管理
Ionicアプリのデータ管理
Katsumi Honda
Angularで新サービス作って学んだこととか
Angularで新サービス作って学んだこととか
Katsumi Honda
1粒で6度おいしい(かもしれない) Ionicのススメ
1粒で6度おいしい(かもしれない) Ionicのススメ
Katsumi Honda
Meteor intro-2015-rev1- 日本語バージョン
Meteor intro-2015-rev1- 日本語バージョン
Katsumi Honda
はじめてのMeteor
はじめてのMeteor
Katsumi Honda
Mobile Backend Starterを使ってサクサクアプリ開発
Mobile Backend Starterを使ってサクサクアプリ開発
Katsumi Honda
はじめてのPython
はじめてのPython
Katsumi Honda
はじめてのPython - 開発環境の準備 for Mac
はじめてのPython - 開発環境の準備 for Mac
Katsumi Honda
はじめてのPython - 開発環境の準備 for Windows
はじめてのPython - 開発環境の準備 for Windows
Katsumi Honda
冬だからAndroid再入門
冬だからAndroid再入門
Katsumi Honda
Osc2012 appinventor のその後
Osc2012 appinventor のその後
Katsumi Honda
秋だからEclipse再入門
秋だからEclipse再入門
Katsumi Honda
夏だからJava再入門
夏だからJava再入門
Katsumi Honda
OSC2011 Androidハンズオン
OSC2011 Androidハンズオン
Katsumi Honda
雲から機器へ伝達させる為の枠組み
雲から機器へ伝達させる為の枠組み
Katsumi Honda
激安Androidタブレットを買ってみた
激安Androidタブレットを買ってみた
Katsumi Honda
はじめてのAndroid開発
はじめてのAndroid開発
Katsumi Honda
More from Katsumi Honda
(17)
Ionicアプリのデータ管理
Ionicアプリのデータ管理
Angularで新サービス作って学んだこととか
Angularで新サービス作って学んだこととか
1粒で6度おいしい(かもしれない) Ionicのススメ
1粒で6度おいしい(かもしれない) Ionicのススメ
Meteor intro-2015-rev1- 日本語バージョン
Meteor intro-2015-rev1- 日本語バージョン
はじめてのMeteor
はじめてのMeteor
Mobile Backend Starterを使ってサクサクアプリ開発
Mobile Backend Starterを使ってサクサクアプリ開発
はじめてのPython
はじめてのPython
はじめてのPython - 開発環境の準備 for Mac
はじめてのPython - 開発環境の準備 for Mac
はじめてのPython - 開発環境の準備 for Windows
はじめてのPython - 開発環境の準備 for Windows
冬だからAndroid再入門
冬だからAndroid再入門
Osc2012 appinventor のその後
Osc2012 appinventor のその後
秋だからEclipse再入門
秋だからEclipse再入門
夏だからJava再入門
夏だからJava再入門
OSC2011 Androidハンズオン
OSC2011 Androidハンズオン
雲から機器へ伝達させる為の枠組み
雲から機器へ伝達させる為の枠組み
激安Androidタブレットを買ってみた
激安Androidタブレットを買ってみた
はじめてのAndroid開発
はじめてのAndroid開発
Recently uploaded
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Atomu Hidaka
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
Shota Ito
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
sugiuralab
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
sugiuralab
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
osamut
Recently uploaded
(7)
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
プレイマットのパターン生成支援ツール
プレイマットのパターン生成支援ツール
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
プレイマットのパターン生成支援ツールの評価
プレイマットのパターン生成支援ツールの評価
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
イマドキのWebアプリの作り方
1.
イマドキのWEBアプリの 作り方 日本Androidの会 大分支部 本田 克己
2.
日本Androidの会 大分支部 2010年2月6日に設立 Androidアプリ開発の勉強会などをやっています http://goo.gl/VKyYN http://groups.google.com/group/android-group-japan-oita Facebookページなんかもあったりします。 http://goo.gl/vKmlc https://www.facebook.com/android.oita
3.
4.
ここ数年、AndroidやiPhoneのアプリ開発ばかりし ていたらWeb界隈がすごいことになっていました! まだまだ勉強中なので、間違っている部分とか ツッコミお願いします。
5.
Web開発の今と昔
6.
WEBアプリ WEBページ ≠ おことわり
7.
WEBサーバ 初期のCGI プログラム データファイル キリ番ゲットした人は記念カキコお願いします!
8.
WEB+DB WEBサーバ プログラム DBサーバ データベース
9.
APサーバ? WEBサーバ プログラム DBサーバ データベース ストアド プロシージャ ストアドプロシージャでHTML生成してたり
10.
APサーバ WEBサーバ プログラム DBサーバ ページ テンプレート データベース ストアド プロシージャ
11.
MVCモデル2 APサーバ コントローラ DBサーバ ビュー (ページ テンプレート) モデル データベース ストアド プロシージャ
12.
ORマッピング APサーバ コントローラ DBサーバ データベース ビュー (ページ テンプレート) モデル O R マ ッ パ ー
13.
Webサービス / マッシュアップ WEBサーバ コントローラ ビュー (ページ テンプレート) モデル 外部Webサーバ WEBサービス DBサーバ データベース
14.
ケータイ対応 WEBサーバ パソコン用 プログラム ケータイ用 プログラム DBサーバ や WEBサービス
15.
AJAX WEBサーバ WEBページ生成 プログラム DBサーバ や WEBサービス AJAX用 プログラム XMLとか JSON ブラウザ JavaScript プログラム HTML
16.
アプリのバックエンド WEBサーバ DBサーバ や WEBサービス アプリ連携用 プログラム XMLとか JSON スマートフォン アプリ コントローラ ビュー モデル
17.
WEBアプリ WEBサーバ DBサーバ や WEBサービス アプリ連携用 プログラムXMLとか JSON ブラウザ JavaScript コントローラ ビュー モデル
18.
現在ありがちな WEBサーバ Webページ生成 プログラム DBサーバ や WEBサービス アプリ連携用 プログラム AJAX用 プログラム スマートフォン ネイティブ アプリ WEBアプリ パソコン デスクトップ アプリ WEBアプリ
19.
これから WEBサーバ DBサーバ や WEBサービス アプリ連携用 プログラム HTML JavaScript スマートフォン ネイティブ アプリ WEBアプリ パソコン デスクトップ アプリ WEBアプリ
20.
BAAS(Backend As A
Service) https://developers.google.com/appengine/docs/java/endpoints/ Basic Endpoints architectureより引用
21.
Web開発の重点: サーバ→クライアント Webアプリの開発 = JavaScript 膨れ上がるJavaScriptコード
22.
WEBブラウザ 初期?のWebアプリ 肥大化するJavaScript DOM
23.
このままじゃコントロール できません!
24.
JavaScriptでMVC
25.
有名どころ http://backbonejs.org/ http://angularjs.org/ http://emberjs.com/ http://knockoutjs.com/
26.
Backbone.js Backbone Router Backbone View Backbone Model データソース (database、WebAPI) DOM リクエスト Backbone Collection DOM(HTML)の更新 DOMイベント モデルの更新 データの同期(sync) モデルイベント オブザーバパターンを基本とする本来のMVC
27.
MVCモデル2 フロントコントローラ コントローラー モデル データソース リクエスト ビューレスポンス MVCとMVCモデル2は別物
28.
コンパイラ?
29.
JavaScriptにコンパイルする JavaScriptをより簡素に、効率よく記述できる コードブロックを{}じゃなくて、インデントで構成する Pythonと一緒に使うと気持ちいい JavaScriptに静的型付けの機能を加える。 変数の型が気になって夜も眠れない人にオススメ JavaScriptに変わるプログラミング言語として開発 ブラウザで直接実行できるようになるのが理想像 とりあえずJavaScriptにコンパイルして実行 http://coffeescript.org/ http://www.typescriptlang.org/ https://www.dartlang.org/
30.
CSSにコンパイルする CSSで使えない変数や、セレクタのネスト・継承、 ミックスイン等の機能が使える。 HAMLという書式を使う コードブロックを{}じゃなくてインデントで構成する Pythonと一緒に使うと気持ちいいhttp://sass-lang.com/ SCSS HAMLの書式が変態すぎてついていけません! という人が多かったのか、SASSをよりCSSチックに 記述できる。(機能的にはSASSと同じ) SCSSと同じような感じですが、違いが分かってません。 誰か教えてください。 http://sass-lang.com/ http://lesscss.org/
31.
必要なJavaScriptファイルを色々とダウンロード CoffeeScript変更してコンパイル SASSを変更してコンパイル やること増えて大変なんですけど・・・
32.
助けて!◯◯マン
33.
34.
YEOMAN http://yeoman.io/
35.
プロジェクトのひな形 を生成 GRUNTやBOWERの設定を やってくれる http://bower.io/http://gruntjs.com/ コンパイルやテスト等 のタスクを実行 ファイルを修正する と、自動的にコンパイ ルしてページのリロー ドとかやってくれる 依存関係の管理を行な う。プロジェクトに必 要なファイルを、自動 的にダウンロードして くれたりする
36.
勉強しないといけないことが沢山あります! ということで
37.
第20回Android勉強会を開催します http://atnd.org/events/43355
38.
予告 さらに
39.
2013年11月2,3,4日 由布院 で 温泉合宿 場所は由布院にある、日本文理大学の研修施設です。 http://atnd.org/events/43357 お子様連れも大歓迎!
Download now