Suche senden
Hochladen
非エンジニア向けHTML勉強会その1
•
10 gefällt mir
•
9,181 views
Karino Kyohei
Folgen
非エンジニア向けHTML勉強会その1
Weniger lesen
Mehr lesen
Technologie
Diashow-Anzeige
Melden
Teilen
Diashow-Anzeige
Melden
Teilen
1 von 60
Jetzt herunterladen
Downloaden Sie, um offline zu lesen
Empfohlen
スマホフロントエンド最速化手法
スマホフロントエンド最速化手法
zaru sakuraba
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
松田 千尋
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Kitani Kimiya
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
Empfohlen
スマホフロントエンド最速化手法
スマホフロントエンド最速化手法
zaru sakuraba
Yeomanではじめる爆速webアプリ開発
Yeomanではじめる爆速webアプリ開発
Masakazu Muraoka
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
業務アプリケーションにおけるモダンWeb開発の現状ーHTML5開発って簡単なの?
Fumio SAGAWA
今から始めよう!WordPressで作る女子ウケ★スマホサイト
今から始めよう!WordPressで作る女子ウケ★スマホサイト
rie05
BuddyPressで街のポータルサイトを作ろう
BuddyPressで街のポータルサイトを作ろう
松田 千尋
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
WordCamp Kansai 2015 ハンズオン - 踏み出してみよう!翻訳の第一歩 #wck2015
Kitani Kimiya
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
簡単!低コスト!楽しい!レスポンシブ デザイン ディレクション
Yuji Nojima
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
エンジニアの為のWordPress入門 〜WordPressはWebAppプラットフォームです〜
Yuji Nojima
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
Yuji Nojima
HTML5 のお話
HTML5 のお話
tomo_masakura
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Yoshiki Kojima
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura
Rails templateで開発の初速を上げよう
Rails templateで開発の初速を上げよう
豊明 尾古
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
Mizuho Sakamaki
BootstrapとRailsで、 高速にWebサイトを作ってみた
BootstrapとRailsで、 高速にWebサイトを作ってみた
BeMarble
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
ssuser224b06
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
Naoki Yamada
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
Masakazu Muraoka
WordCamp Kansai GPL study
WordCamp Kansai GPL study
YAT blog
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
Toshio Ehara
WEBページを表示するまで
WEBページを表示するまで
Shoichi Kakizaki
少し未来のコードレビュー
少し未来のコードレビュー
zaru sakuraba
Weitere ähnliche Inhalte
Was ist angesagt?
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
climbFrog
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
Yuji Nojima
HTML5 のお話
HTML5 のお話
tomo_masakura
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Yoshiki Kojima
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
Hidetaka Okamoto
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
Hidetaka Okamoto
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
Yoshinori Kobayashi
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
Hidetaka Okamoto
HTML5 アプリ開発
HTML5 アプリ開発
tomo_masakura
Rails templateで開発の初速を上げよう
Rails templateで開発の初速を上げよう
豊明 尾古
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
Go Imai
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
Mizuho Sakamaki
BootstrapとRailsで、 高速にWebサイトを作ってみた
BootstrapとRailsで、 高速にWebサイトを作ってみた
BeMarble
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
Yuji Nojima
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
Fumio SAGAWA
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
ssuser224b06
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
Naoki Yamada
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
Masakazu Muraoka
WordCamp Kansai GPL study
WordCamp Kansai GPL study
YAT blog
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
Toshio Ehara
Was ist angesagt?
(20)
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
HTML5 のお話
HTML5 のお話
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
HTML5 アプリ開発
HTML5 アプリ開発
Rails templateで開発の初速を上げよう
Rails templateで開発の初速を上げよう
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
BootstrapとRailsで、 高速にWebサイトを作ってみた
BootstrapとRailsで、 高速にWebサイトを作ってみた
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
WordCamp Kansai GPL study
WordCamp Kansai GPL study
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
Andere mochten auch
WEBページを表示するまで
WEBページを表示するまで
Shoichi Kakizaki
少し未来のコードレビュー
少し未来のコードレビュー
zaru sakuraba
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへ
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへ
Tomohiro Yamasaki
初心者のためのキャラクターの描き方のコツ 入門編
初心者のためのキャラクターの描き方のコツ 入門編
shinta rock
正規表現勉強会
正規表現勉強会
zaru sakuraba
アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話
shinta rock
ワクワク電子工作
ワクワク電子工作
Shoichi Kakizaki
今さらながらRSpecに入門してみた
今さらながらRSpecに入門してみた
zaru sakuraba
エンジニアでもできる⁉︎それっぽいデザイン
エンジニアでもできる⁉︎それっぽいデザイン
shinta rock
ほんわかSwift勉強資料
ほんわかSwift勉強資料
kouhei kawamata
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Saori Matsui
Web勉強会(HTML+CSS+JS入門の入門)
Web勉強会(HTML+CSS+JS入門の入門)
Noriaki UCHIYAMA
最速HTML勉強会
最速HTML勉強会
Chisa Youzaka
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
Tsutomu Sogitani
HTML仕様書を読んでみよう
HTML仕様書を読んでみよう
Saeki Tominaga
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
「MakeLeaps」請求書の作成、管理、郵送
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
MOCKS | Yuta Morishige
どうしてプレゼン研究会を始めたのか
どうしてプレゼン研究会を始めたのか
Masahito Zembutsu
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
Atsushi Tadokoro
メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門
Atsushi Tadokoro
Andere mochten auch
(20)
WEBページを表示するまで
WEBページを表示するまで
少し未来のコードレビュー
少し未来のコードレビュー
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへ
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへ
初心者のためのキャラクターの描き方のコツ 入門編
初心者のためのキャラクターの描き方のコツ 入門編
正規表現勉強会
正規表現勉強会
アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話
ワクワク電子工作
ワクワク電子工作
今さらながらRSpecに入門してみた
今さらながらRSpecに入門してみた
エンジニアでもできる⁉︎それっぽいデザイン
エンジニアでもできる⁉︎それっぽいデザイン
ほんわかSwift勉強資料
ほんわかSwift勉強資料
0528 kanntigai ui_ux
0528 kanntigai ui_ux
Web勉強会(HTML+CSS+JS入門の入門)
Web勉強会(HTML+CSS+JS入門の入門)
最速HTML勉強会
最速HTML勉強会
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
HTML仕様書を読んでみよう
HTML仕様書を読んでみよう
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
どうしてプレゼン研究会を始めたのか
どうしてプレゼン研究会を始めたのか
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門
Ähnlich wie 非エンジニア向けHTML勉強会その1
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
Yusuke Hirano
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
Yusuke Hirano
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
DIVE INTO CODE Corp.
Rubykaigi2010
Rubykaigi2010
masaki yamada
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
Monaca
``完璧に理解した``WEB の裏側の仕組み.pptx
``完璧に理解した``WEB の裏側の仕組み.pptx
Ryo Higashigawa
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
Mitsuo Kawashima
Google+APIをさわってみる。
Google+APIをさわってみる。
Hiroyuki Nozaki
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
Masakazu Muraoka
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
Akihiko Kigure
Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版
Shumpei Shiraishi
初めてのHtml5 20120612
初めてのHtml5 20120612
yohei iwakura
記事には書けなかったHTML5の話
記事には書けなかったHTML5の話
Shumpei Shiraishi
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
DIVE INTO CODE Corp.
フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界
Kenjiro Kubota
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
Takashi Endo
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
Masakazu Muraoka
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
Masataka Kono
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
Akihiro Sugiyama
PHPカンファレンス2012 最先端web開発 - 公開用
PHPカンファレンス2012 最先端web開発 - 公開用
ha1t
Ähnlich wie 非エンジニア向けHTML勉強会その1
(20)
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
Rubykaigi2010
Rubykaigi2010
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
``完璧に理解した``WEB の裏側の仕組み.pptx
``完璧に理解した``WEB の裏側の仕組み.pptx
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
Google+APIをさわってみる。
Google+APIをさわってみる。
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版
初めてのHtml5 20120612
初めてのHtml5 20120612
記事には書けなかったHTML5の話
記事には書けなかったHTML5の話
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
PHPカンファレンス2012 最先端web開発 - 公開用
PHPカンファレンス2012 最先端web開発 - 公開用
Kürzlich hochgeladen
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Kürzlich hochgeladen
(11)
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
非エンジニア向けHTML勉強会その1
1.
非エンジニア向け HTML勉強会 株式会社ベーシック 社内勉強会 そのいち
2.
● @kkkyouhei ● 広告配信サーバとかゲームアプリの裏の人 ●
RailsとかCakePHPをメインに触ります たまにiOSとかAndroid 自己紹介
3.
本日のアジェンダ 1. インターネットの仕組みを知る Googleが表示されるまで何が起こってる? 2. プログラミング言語について知る PHPとかRubyとかJavaScriptって何が違うの? 3.
ウェブサイトを公開するために必要なもの とりあえずブログでも公開してみる?
4.
1. Googleが表示されるまで何が起こってる?
5.
Googleが表示されるまで何が起こってる?
6.
Googleが表示されるまで何が起こってる? これもHTML
7.
Googleが表示されるまで何が起こってる?
8.
Googleが表示されるまで何が起こってる? ブラウザにgoogle.co.jpと入力して 表示されているHTMLは天からの授かりものではない
9.
Googleが表示されるまで何が起こってる? URLを入力すると何が起こっているのか
10.
Googleが表示されるまで何が起こってる? ブラウザ google.co.jpってどこに 見に行けばいい? ルートDNSサーバ プロバイダの DNSサーバ google.co.jp DNSサーバ co DNSサーバ jp DNSサーバ ne
11.
Googleが表示されるまで何が起こってる? ブラウザ ルートDNSサーバ プロバイダの DNSサーバ DNSサーバ co DNSサーバ jp google.co.jp google.co.jpは知らないけどこ の人なら知ってるかもよ ne DNSサーバ
12.
Googleが表示されるまで何が起こってる? ブラウザ ルートDNSサーバ プロバイダの DNSサーバ DNSサーバ co DNSサーバ jp google.co.jp jpなら知ってるよ ne DNSサーバ
13.
Googleが表示されるまで何が起こってる? ブラウザ ルートDNSサーバ プロバイダの DNSサーバ DNSサーバ co DNSサーバ jp google.co.jp coなら知ってるよ ne DNSサーバ
14.
Googleが表示されるまで何が起こってる? ブラウザ ルートDNSサーバ プロバイダの DNSサーバ DNSサーバ co DNSサーバ jp google.co.jp googleはここ見に 行けばいいよ ne DNSサーバ
15.
Googleが表示されるまで何が起こってる? ブラウザ ルートDNSサーバ プロバイダの DNSサーバ DNSサーバ co DNSサーバ jp google.co.jp ne DNSサーバ HTMLファイルください!
16.
Googleが表示されるまで何が起こってる? ブラウザ ルートDNSサーバ プロバイダの DNSサーバ DNSサーバ co DNSサーバ jp google.co.jp ne DNSサーバ
17.
Googleが表示されるまで何が起こってる?
18.
2. PHPとかRubyとかJavaScriptって何が違うの?
19.
PHPとかRubyとかJavaScriptって何が違うの? 動いている場所が違います!!!!1
20.
PHPとかRubyとかJavaScriptって何が違うの? PHPとかRubyはサーバ JavaScriptとかjQueryはブラウザで動作
21.
PHPとかRubyとかJavaScriptって何が違うの? まずはPHP Rubyから
22.
PHPとかRubyとかJavaScriptって何が違うの? 時をさかのぼること199X年
23.
PHPとかRubyとかJavaScriptって何が違うの? 時をさかのぼること199X年
24.
PHPとかRubyとかJavaScriptって何が違うの?
25.
PHPとかRubyとかJavaScriptって何が違うの? これらの遺産はどれも静的なサイトたち
26.
PHPとかRubyとかJavaScriptって何が違うの? PHPやRubyが生まれてどのようにサイトが変わったか
27.
PHPとかRubyとかJavaScriptって何が違うの?
28.
PHPとかRubyとかJavaScriptって何が違うの? どれも動的なサイトばかり
29.
PHPとかRubyとかJavaScriptって何が違うの? 静的と動的の違い
30.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 静的 example.co.jp <html> <head> </head> <body> <p>Hello World</p> </body> </html> top.html top.htmlください top.htmlだよ Hello World
31.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 静的 example.co.jp <html> <head> </head> <body> <p>Hello World</p> </body> </html> top.html top.htmlください top.htmlだよ Hello World
32.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 静的 example.co.jp <html> <head> </head> <body> <p>Hello World</p> </body> </html> top.html top.htmlください top.htmlだよ Hello World
33.
PHPとかRubyとかJavaScriptって何が違うの? アクセスして来た誰もが同じHTMLを閲覧
34.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 動的 example.co.jp <?php $name = DBから名前を取得 ?> <html> <head> </head> <body> <p> Hello
<?php echo $name ?> </p> </body> </html> top.html top.htmlください top.htmlだよ Hello kkyouhei DataBase HTMLではなくPHPのタグなの でPHPが処理する部分 kkyouhei
35.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 動的 example.co.jp <?php $name = DBから名前を取得 ?> <html> <head> </head> <body> <p> Hello
<?php echo $name ?> </p> </body> </html> top.html top.htmlください top.htmlだよ Hello kkyouhei HTMLではなくPHPのタグなの でPHPが処理する部分 DataBase kkyouhei
36.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 動的 example.co.jp <?php $name = DBから名前を取得 ?> <html> <head> </head> <body> <p> Hello
<?php echo $name ?> </p> </body> </html> top.html top.htmlください top.htmlだよ Hello kkyouhei DataBase kkyouhei アクセスしたユーザに応じて DBから名前を取得
37.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 動的 example.co.jp <?php $name = DBから名前を取得 ?> <html> <head> </head> <body> <p> Hello
<?php echo $name ?> </p> </body> </html> top.html top.htmlください top.htmlだよ Hello kkyouhei DataBase kkyouhei $nameに入っている 文字列を出力
38.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 動的 example.co.jp <html> <head> </head> <body> <p> Hello kkyouhei </p> </body> </html> top.html top.htmlください top.htmlだよ Hello kkyouhei DataBase kkyouhei 最終的にブラウザに 返されるHTML
39.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 動的 example.co.jp <html> <head> </head> <body> <p> Hello kkyouhei </p> </body> </html> top.html top.htmlください top.htmlだよ Hello kkyouhei DataBase kkyouhei
40.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ 動的 example.co.jp <html> <head> </head> <body> <p> Hello kkyouhei </p> </body> </html> top.html top.htmlください top.htmlだよ Hello kkyouhei DataBase kkyouhei PHPやRubyはサーバサイドで 動作する言語であり、 アクセスして来たユーザに応じて異 なるHTMLを返す事が出来る
41.
PHPとかRubyとかJavaScriptって何が違うの? JavaScript
42.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ example.co.jp <html> <head> <script> alert(“こんにちわ!”); </script> </head> <body> <p>Hello World</p> </body> </html> top.html top.htmlください top.htmlだよ Hello
World こんにちわ! ここではまだ何もしない
43.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ example.co.jp <html> <head> <script> alert(“こんにちわ!”); </script> </head> <body> <p>Hello World</p> </body> </html> top.html top.htmlください top.htmlだよ Hello
World こんにちわ! ここではまだ何もしない
44.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ example.co.jp <html> <head> <script> alert(“こんにちわ!”); </script> </head> <body> <p>Hello World</p> </body> </html> top.html top.htmlください top.htmlだよ Hello
World こんにちわ! ここではまだ何もしない
45.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ example.co.jp <html> <head> <script> alert(“こんにちわ!”); </script> </head> <body> <p>Hello World</p> </body> </html> top.html top.htmlください top.htmlだよ Hello
World こんにちわ! ここではまだ何もしない
46.
PHPとかRubyとかJavaScriptって何が違うの?
47.
PHPとかRubyとかJavaScriptって何が違うの? ブラウザ上で動作するのでリロードすること なく値の整合性がチェックできる そのためユーザビリティの向上が図れる
48.
PHPとかRubyとかJavaScriptって何が違うの? ただしブラウザ上で動作するということは ウェブサイトを閲覧している人からも JavaScriptのコードを変更できるので過信 は禁物
49.
3. Webサイトを公開するために必要なもの
50.
Webサイトを公開するために必要なもの ブログを作りたい人へ
51.
Webサイトを公開するために必要なもの 悪いことは言わないHomeUpやライブドアブログを 利用したほうがいいですよ・・・
52.
サーバを用意したりドメイン取ったり 結構めんどくさい Webサイトを公開するために必要なもの
53.
ちょびっとカスタマイズするときはHTMLやCSSの 知識が必要なので勉強しましょう Webサイトを公開するために必要なもの
54.
Webサイトを公開するために必要なもの それでも唯一無二のブログを作りたい人へ
55.
1. レンタルサーバ ペパボとかが良さげ 2. 独自ドメイン レンタルサーバによって無料だったりする 3.
WordPress 1から全て作るのは時間がいくらあっても足りない 人生は短いので便利なものは使おう 4. やる気と根気 やってると飽きるのでとにかく諦めない Webサイトを公開するために必要なもの
56.
Webサイトを公開するために必要なもの 世界で一つしかない自分のウェブサイトを作りたい人へ
57.
Webサイトを公開するために必要なもの 正気ですか!!!???
58.
1. レンタルサーバ レンタルサーバによって使えないフレームワーク(3)が あったりするので注意 2. 独自ドメイン レンタルサーバによって無料だったりする 3.
CakePHPやRails 静的なポートフォリオサイトだったら HTML CSS だけでもOK ユーザ登録とか情報を貯めておく必要のあるサービスであれば 必須 4. 超やる気と超根気 やってると飽きるのでとにかく諦めない Webサイトを公開するために必要なもの
59.
やる気があれば誰でもできます さあ始めましょう
60.
ご静聴ありがとうございました
Jetzt herunterladen