Submit Search
Upload
How tomakemodernwebservice d2
•
Download as PPTX, PDF
•
1 like
•
49 views
Shinsuke Matsuda
Follow
歴史から学ぶ、モダンなウェブサービスの構築手法
Read less
Read more
Engineering
Report
Share
Report
Share
1 of 14
Download now
Recommended
インターネットサービスの作り方 歴史から学ぶ、webサービスの作り方
Howtomakewebservice days2
Howtomakewebservice days2
Shinsuke Matsuda
梅キャンIoT勉強会でのCHIRIMEN for Raspberry Pi 3のご紹介です
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
Takagi Koichi
10/11 HTML5飯にて
すごいぞ FileSystem API
すごいぞ FileSystem API
Kohei Kawasaki
lispmeetup #56 Common lispによるwebスクレイピング技法
Lispmeetup #56 Common lispによるwebスクレイピング技法
Lispmeetup #56 Common lispによるwebスクレイピング技法
Satoshi imai
About HTTP 社内向け勉強会のスライドです。
HTTP入門
HTTP入門
Sota Sugiura
2014.06.14 htmldayに開催しました「ソフト道場Presents HTML5プロフェッショナル認定資格 特別対策セミナー」での講演資料です。
Webページが表示されるまで
Webページが表示されるまで
Masataka Suzuki
Web of
はじめてのWeb of Things
はじめてのWeb of Things
Saki Homma
2011 PHPカンファレンス関西 懇親会LT
2011 PHPカンファレンス関西 懇親会LT
Takako Miyagawa
Recommended
インターネットサービスの作り方 歴史から学ぶ、webサービスの作り方
Howtomakewebservice days2
Howtomakewebservice days2
Shinsuke Matsuda
梅キャンIoT勉強会でのCHIRIMEN for Raspberry Pi 3のご紹介です
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
【第7回梅キャンIoT勉強会】らずぱいのブラウザ上でIoTプロトタイピングできちゃう話 ~CHIRIMEN for Raspberry Pi 3のご紹介~
Takagi Koichi
10/11 HTML5飯にて
すごいぞ FileSystem API
すごいぞ FileSystem API
Kohei Kawasaki
lispmeetup #56 Common lispによるwebスクレイピング技法
Lispmeetup #56 Common lispによるwebスクレイピング技法
Lispmeetup #56 Common lispによるwebスクレイピング技法
Satoshi imai
About HTTP 社内向け勉強会のスライドです。
HTTP入門
HTTP入門
Sota Sugiura
2014.06.14 htmldayに開催しました「ソフト道場Presents HTML5プロフェッショナル認定資格 特別対策セミナー」での講演資料です。
Webページが表示されるまで
Webページが表示されるまで
Masataka Suzuki
Web of
はじめてのWeb of Things
はじめてのWeb of Things
Saki Homma
2011 PHPカンファレンス関西 懇親会LT
2011 PHPカンファレンス関西 懇親会LT
Takako Miyagawa
2019年12⽉2⽇(⽉) 第1回 関⻄Lychee Redmineユーザー会 古野電気(株) IT部 デジタルソリューション課 課⻑ ⽥村 進司様
とあるメーカーのRedmine活用事例
とあるメーカーのRedmine活用事例
agileware_jp
2015/1/25 HTML5カンファンレンスの講演資料
はじめてのWeb of Things
はじめてのWeb of Things
Saki Homma
This is Basic HTML Introduction for Designers, Coders.
Basic HTML Introduction
Basic HTML Introduction
Minoru Hayakawa
Rubyで作るtwitter風webアプリケーション
Rubyで作るtwitter風webアプリケーション
Naoto Hori
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Masashi Shinbara
Webアーキテクチャ入門スライド。HTML/CSS/JavaScriptなど。
Webプログラミング入門
Webプログラミング入門
Tsuyoshi Kiryu
Web入門スライド
Webプログラミング入門
Webプログラミング入門
SI TEAM
スタートアップテック vol2
Lt20190129
Lt20190129
Shinichiro Takezaki
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
Masakazu Muraoka
ElectronとVue3(TypeScript)でマークダウンエディタを自作した話
Electronで作るおれおれマークダウンエディタ
Electronで作るおれおれマークダウンエディタ
yuosaka
BPStudy 2018/7/25
Bpstudy20180725
Bpstudy20180725
Shinichiro Takezaki
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
2012/10/26 Un-Conference
PIC RoR Heroku
PIC RoR Heroku
mgwsuzuki
Electronでマークダウンエディタを自作した話
Electronで作るおれおれマークダウンエディタ2
Electronで作るおれおれマークダウンエディタ2
yuosaka
ゆるべん Webアプリ開発概要 20130127
ゆるべん Webアプリ開発概要 20130127
Y
2012-03-10 九州GTUG in 鹿児島でのHTML5&Google Chromeについての発表
2012: A Web Odyssey
2012: A Web Odyssey
Fuminori Mori
他システムとの連携開発事例に見る Movable Type の可能性
他システムとの連携開発事例に見る Movable Type の可能性
cocokoko
WebRTC Conference 2015 ( http://webrtcconference.jp/ )での発表資料。 Web of ThingsとInternet of Thingsの関係や、WebRTCなどWebプロトコルの進化に伴う、WoTの可能性の拡大について事例を含め紹介しています。
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性
Kensaku Komatsu
「ぎゅ〜っと濃縮、HTML5」と「Attractive HTML5」セッションの二本立て
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
Sensibleを試してみた@FxOSコードリーディングミートアップ#16
Sensibleを試してみた@FxOSコードリーディングミートアップ#16
Sensibleを試してみた@FxOSコードリーディングミートアップ#16
Hayato Hiratori
More Related Content
Similar to How tomakemodernwebservice d2
2019年12⽉2⽇(⽉) 第1回 関⻄Lychee Redmineユーザー会 古野電気(株) IT部 デジタルソリューション課 課⻑ ⽥村 進司様
とあるメーカーのRedmine活用事例
とあるメーカーのRedmine活用事例
agileware_jp
2015/1/25 HTML5カンファンレンスの講演資料
はじめてのWeb of Things
はじめてのWeb of Things
Saki Homma
This is Basic HTML Introduction for Designers, Coders.
Basic HTML Introduction
Basic HTML Introduction
Minoru Hayakawa
Rubyで作るtwitter風webアプリケーション
Rubyで作るtwitter風webアプリケーション
Naoto Hori
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Masashi Shinbara
Webアーキテクチャ入門スライド。HTML/CSS/JavaScriptなど。
Webプログラミング入門
Webプログラミング入門
Tsuyoshi Kiryu
Web入門スライド
Webプログラミング入門
Webプログラミング入門
SI TEAM
スタートアップテック vol2
Lt20190129
Lt20190129
Shinichiro Takezaki
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
Masakazu Muraoka
ElectronとVue3(TypeScript)でマークダウンエディタを自作した話
Electronで作るおれおれマークダウンエディタ
Electronで作るおれおれマークダウンエディタ
yuosaka
BPStudy 2018/7/25
Bpstudy20180725
Bpstudy20180725
Shinichiro Takezaki
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
2012/10/26 Un-Conference
PIC RoR Heroku
PIC RoR Heroku
mgwsuzuki
Electronでマークダウンエディタを自作した話
Electronで作るおれおれマークダウンエディタ2
Electronで作るおれおれマークダウンエディタ2
yuosaka
ゆるべん Webアプリ開発概要 20130127
ゆるべん Webアプリ開発概要 20130127
Y
2012-03-10 九州GTUG in 鹿児島でのHTML5&Google Chromeについての発表
2012: A Web Odyssey
2012: A Web Odyssey
Fuminori Mori
他システムとの連携開発事例に見る Movable Type の可能性
他システムとの連携開発事例に見る Movable Type の可能性
cocokoko
WebRTC Conference 2015 ( http://webrtcconference.jp/ )での発表資料。 Web of ThingsとInternet of Thingsの関係や、WebRTCなどWebプロトコルの進化に伴う、WoTの可能性の拡大について事例を含め紹介しています。
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性
Kensaku Komatsu
「ぎゅ〜っと濃縮、HTML5」と「Attractive HTML5」セッションの二本立て
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sho Ito
Sensibleを試してみた@FxOSコードリーディングミートアップ#16
Sensibleを試してみた@FxOSコードリーディングミートアップ#16
Sensibleを試してみた@FxOSコードリーディングミートアップ#16
Hayato Hiratori
Similar to How tomakemodernwebservice d2
(20)
とあるメーカーのRedmine活用事例
とあるメーカーのRedmine活用事例
はじめてのWeb of Things
はじめてのWeb of Things
Basic HTML Introduction
Basic HTML Introduction
Rubyで作るtwitter風webアプリケーション
Rubyで作るtwitter風webアプリケーション
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webプログラミング入門
Webプログラミング入門
Webプログラミング入門
Webプログラミング入門
Lt20190129
Lt20190129
HTML5時代のwebクリエイターに必要なこと
HTML5時代のwebクリエイターに必要なこと
Electronで作るおれおれマークダウンエディタ
Electronで作るおれおれマークダウンエディタ
Bpstudy20180725
Bpstudy20180725
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
PIC RoR Heroku
PIC RoR Heroku
Electronで作るおれおれマークダウンエディタ2
Electronで作るおれおれマークダウンエディタ2
ゆるべん Webアプリ開発概要 20130127
ゆるべん Webアプリ開発概要 20130127
2012: A Web Odyssey
2012: A Web Odyssey
他システムとの連携開発事例に見る Movable Type の可能性
他システムとの連携開発事例に見る Movable Type の可能性
Web of Thingsの現状とWebRTC活用の可能性
Web of Thingsの現状とWebRTC活用の可能性
Concentrated HTML5 & Attractive HTML5
Concentrated HTML5 & Attractive HTML5
Sensibleを試してみた@FxOSコードリーディングミートアップ#16
Sensibleを試してみた@FxOSコードリーディングミートアップ#16
How tomakemodernwebservice d2
1.
インターネットの歴史から学ぶ ウェブサービスの作り方 ~ 2日目 ~ 株式会社X-HACK
2.
前回の復習 • コンピュータは、データを0と1だけで表現する(二進法) • マシン語、コンパイラ •
コンピュータの五大要素(入力、制御、演算、記憶、出力) • インターネットの誕生 • URL,HTTP,HTML,WWW • 生みの親、ティム・バーナーズ=リー • HTMLの基礎 • コマンドラインでファイル操作をやってみる • Gitとは、Githubとは? • テキストエディタ Atomの紹介 • テキストエディタでHTMLを書いてみよう • JavaScriptを書いてみよう
3.
webサーバーとは何か? • インターネットのその先
4.
ブラウザとは何か? • ブラウザは何をしているソフトウェア?
5.
HTMLのおさらい • HTML/CSS/JavaScriptの関係性 • head部、body部、metaタグ •
文字コード、文字化けさせてみよう
6.
複雑なHTMLを見やすく • インデントをつける • 部品化する •
https://code- life.hatenablog.com/entry/2015/10/27/222803
7.
文字コード • 文字コードの標準化 • UTF-8
8.
CSSフレームワーク • bootstrap、materialUI、OnsenUI、など • デファクトスタンダード •
部品を組み合わせる
9.
Atomの凄い機能 • bootstrap4のプラグイン紹介 • https://atom.io/packages/atom-beautify •
https://atom.io/packages/atom-bootstrap4
10.
テンプレートを使う • bootstrap4のテンプレートデザイン • https://startbootstrap.com/template- overviews/creative/ •
https://github.com/BlackrockDigital/startbootstr ap-creative
11.
サーバーを立てる • webサーバーは自分で用意できる
12.
Heroku • 様々なクラウドサービス • AWS、GCP、Microsoft
Azure、IBM Cloud サクラサーバー、X Server、自前で用意 etc ..
13.
何はともあれ動かす • heroke CLI https://devcenter.heroku.com/articles/heroku- cli •
node.js https://devcenter.heroku.com/articles/getting- started-with-nodejs
14.
bootstrap4 tutorial • 自習用の資料 •
https://www.w3schools.com/bootstrap4/bootstr ap_get_started.asp
Download now