SlideShare a Scribd company logo
1 of 60
Download to read offline
非エンジニア向け
HTML勉強会
株式会社ベーシック
社内勉強会
そのいち
● @kkkyouhei
● 広告配信サーバとかゲームアプリの裏の人
● RailsとかCakePHPをメインに触ります
たまにiOSとかAndroid
自己紹介
本日のアジェンダ
1. インターネットの仕組みを知る
Googleが表示されるまで何が起こってる?
2. プログラミング言語について知る
PHPとかRubyとかJavaScriptって何が違うの?
3. ウェブサイトを公開するために必要なもの
とりあえずブログでも公開してみる?
1. Googleが表示されるまで何が起こってる?
Googleが表示されるまで何が起こってる?
Googleが表示されるまで何が起こってる?
これもHTML
Googleが表示されるまで何が起こってる?
Googleが表示されるまで何が起こってる?
ブラウザにgoogle.co.jpと入力して
表示されているHTMLは天からの授かりものではない
Googleが表示されるまで何が起こってる?
URLを入力すると何が起こっているのか
Googleが表示されるまで何が起こってる?
ブラウザ
google.co.jpってどこに
見に行けばいい?
ルートDNSサーバ
プロバイダの
DNSサーバ
google.co.jp
DNSサーバ
co
DNSサーバ
jp
DNSサーバ
ne
Googleが表示されるまで何が起こってる?
ブラウザ
ルートDNSサーバ
プロバイダの
DNSサーバ
DNSサーバ
co
DNSサーバ
jp
google.co.jp
google.co.jpは知らないけどこ
の人なら知ってるかもよ
ne
DNSサーバ
Googleが表示されるまで何が起こってる?
ブラウザ
ルートDNSサーバ
プロバイダの
DNSサーバ
DNSサーバ
co
DNSサーバ
jp
google.co.jp
jpなら知ってるよ
ne
DNSサーバ
Googleが表示されるまで何が起こってる?
ブラウザ
ルートDNSサーバ
プロバイダの
DNSサーバ
DNSサーバ
co
DNSサーバ
jp
google.co.jp
coなら知ってるよ
ne
DNSサーバ
Googleが表示されるまで何が起こってる?
ブラウザ
ルートDNSサーバ
プロバイダの
DNSサーバ
DNSサーバ
co
DNSサーバ
jp
google.co.jp
googleはここ見に
行けばいいよ
ne
DNSサーバ
Googleが表示されるまで何が起こってる?
ブラウザ
ルートDNSサーバ
プロバイダの
DNSサーバ
DNSサーバ
co
DNSサーバ
jp
google.co.jp
ne
DNSサーバ
HTMLファイルください!
Googleが表示されるまで何が起こってる?
ブラウザ
ルートDNSサーバ
プロバイダの
DNSサーバ
DNSサーバ
co
DNSサーバ
jp
google.co.jp
ne
DNSサーバ
Googleが表示されるまで何が起こってる?
2. PHPとかRubyとかJavaScriptって何が違うの?
PHPとかRubyとかJavaScriptって何が違うの?
動いている場所が違います!!!!1
PHPとかRubyとかJavaScriptって何が違うの?
PHPとかRubyはサーバ
JavaScriptとかjQueryはブラウザで動作
PHPとかRubyとかJavaScriptって何が違うの?
まずはPHP Rubyから
PHPとかRubyとかJavaScriptって何が違うの?
時をさかのぼること199X年
PHPとかRubyとかJavaScriptって何が違うの?
時をさかのぼること199X年
PHPとかRubyとかJavaScriptって何が違うの?
PHPとかRubyとかJavaScriptって何が違うの?
これらの遺産はどれも静的なサイトたち
PHPとかRubyとかJavaScriptって何が違うの?
PHPやRubyが生まれてどのようにサイトが変わったか
PHPとかRubyとかJavaScriptって何が違うの?
PHPとかRubyとかJavaScriptって何が違うの?
どれも動的なサイトばかり
PHPとかRubyとかJavaScriptって何が違うの?
静的と動的の違い
PHPとかRubyとかJavaScriptって何が違うの?
ブラウザ
静的
example.co.jp
<html>
<head>
</head>
<body>
<p>Hello World</p>
</body>
</html>
top.html
top.htmlください
top.htmlだよ
Hello World
PHPとかRubyとかJavaScriptって何が違うの?
ブラウザ
静的
example.co.jp
<html>
<head>
</head>
<body>
<p>Hello World</p>
</body>
</html>
top.html
top.htmlください
top.htmlだよ
Hello World
PHPとかRubyとかJavaScriptって何が違うの?
ブラウザ
静的
example.co.jp
<html>
<head>
</head>
<body>
<p>Hello World</p>
</body>
</html>
top.html
top.htmlください
top.htmlだよ
Hello World
PHPとかRubyとかJavaScriptって何が違うの?
アクセスして来た誰もが同じHTMLを閲覧
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
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
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から名前を取得
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に入っている
文字列を出力
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
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とか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を返す事が出来る
PHPとかRubyとかJavaScriptって何が違うの?
JavaScript
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
こんにちわ!
ここではまだ何もしない
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
こんにちわ!
ここではまだ何もしない
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
こんにちわ!
ここではまだ何もしない
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
こんにちわ!
ここではまだ何もしない
PHPとかRubyとかJavaScriptって何が違うの?
PHPとかRubyとかJavaScriptって何が違うの?
ブラウザ上で動作するのでリロードすること
なく値の整合性がチェックできる
そのためユーザビリティの向上が図れる
PHPとかRubyとかJavaScriptって何が違うの?
ただしブラウザ上で動作するということは
ウェブサイトを閲覧している人からも
JavaScriptのコードを変更できるので過信
は禁物
3. Webサイトを公開するために必要なもの
Webサイトを公開するために必要なもの
ブログを作りたい人へ
Webサイトを公開するために必要なもの
悪いことは言わないHomeUpやライブドアブログを
利用したほうがいいですよ・・・
サーバを用意したりドメイン取ったり
結構めんどくさい
Webサイトを公開するために必要なもの
ちょびっとカスタマイズするときはHTMLやCSSの
知識が必要なので勉強しましょう
Webサイトを公開するために必要なもの
Webサイトを公開するために必要なもの
それでも唯一無二のブログを作りたい人へ
1. レンタルサーバ
ペパボとかが良さげ
2. 独自ドメイン
レンタルサーバによって無料だったりする
3. WordPress
1から全て作るのは時間がいくらあっても足りない
人生は短いので便利なものは使おう
4. やる気と根気
やってると飽きるのでとにかく諦めない
Webサイトを公開するために必要なもの
Webサイトを公開するために必要なもの
世界で一つしかない自分のウェブサイトを作りたい人へ
Webサイトを公開するために必要なもの
正気ですか!!!???
1. レンタルサーバ
レンタルサーバによって使えないフレームワーク(3)が
あったりするので注意
2. 独自ドメイン
レンタルサーバによって無料だったりする
3. CakePHPやRails
静的なポートフォリオサイトだったら HTML CSS だけでもOK
ユーザ登録とか情報を貯めておく必要のあるサービスであれば
必須
4. 超やる気と超根気
やってると飽きるのでとにかく諦めない
Webサイトを公開するために必要なもの
やる気があれば誰でもできます
さあ始めましょう
ご静聴ありがとうございました

More Related Content

What's hot

Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶclimbFrog
 
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!Yuji Nojima
 
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよプロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよYoshiki Kojima
 
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオンWord pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオンHidetaka Okamoto
 
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオンWordBench京都版 _sハンズオン
WordBench京都版 _sハンズオンHidetaka Okamoto
 
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015Yoshinori Kobayashi
 
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門Hidetaka Okamoto
 
HTML5 アプリ開発
HTML5 アプリ開発HTML5 アプリ開発
HTML5 アプリ開発tomo_masakura
 
Rails templateで開発の初速を上げよう
Rails templateで開発の初速を上げようRails templateで開発の初速を上げよう
Rails templateで開発の初速を上げよう豊明 尾古
 
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshareWord camposaka imaigo_slideshare
Word camposaka imaigo_slideshareGo Imai
 
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWorkSPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWorkMizuho Sakamaki
 
BootstrapとRailsで、 高速にWebサイトを作ってみた
BootstrapとRailsで、 高速にWebサイトを作ってみたBootstrapとRailsで、 高速にWebサイトを作ってみた
BootstrapとRailsで、 高速にWebサイトを作ってみたBeMarble
 
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみたWordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみたYuji Nojima
 
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門Fumio SAGAWA
 
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜ssuser224b06
 
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情我が家のフロントエンド開発事情
我が家のフロントエンド開発事情Naoki Yamada
 
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況 Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況 Masakazu Muraoka
 
WordCamp Kansai GPL study
WordCamp Kansai GPL studyWordCamp Kansai GPL study
WordCamp Kansai GPL studyYAT blog
 
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発についてBACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発についてToshio Ehara
 

What's hot (20)

Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶWord press初心者が 基本アーキテクチャを ざっくりと学ぶ
Word press初心者が 基本アーキテクチャを ざっくりと学ぶ
 
WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!WordPressプラグイン Jetpack って何だ?!
WordPressプラグイン Jetpack って何だ?!
 
HTML5 のお話
HTML5 のお話HTML5 のお話
HTML5 のお話
 
プロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよプロトタイピングでしあわせになろうよ
プロトタイピングでしあわせになろうよ
 
Word pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオンWord pressはじめの一歩 テーマ作成ハンズオン
Word pressはじめの一歩 テーマ作成ハンズオン
 
WordBench京都版 _sハンズオン
WordBench京都版 _sハンズオンWordBench京都版 _sハンズオン
WordBench京都版 _sハンズオン
 
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
愛があれば発信できる!WordPressで作る焼き鳥ポータルサイト~公式テーマ・プラグインと子テーマの活用~|WordCamp Tokyo 2015
 
_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門_s + bootstrapで始めるWordPressテーマ開発入門
_s + bootstrapで始めるWordPressテーマ開発入門
 
HTML5 アプリ開発
HTML5 アプリ開発HTML5 アプリ開発
HTML5 アプリ開発
 
Rails templateで開発の初速を上げよう
Rails templateで開発の初速を上げようRails templateで開発の初速を上げよう
Rails templateで開発の初速を上げよう
 
Word camposaka imaigo_slideshare
Word camposaka imaigo_slideshareWord camposaka imaigo_slideshare
Word camposaka imaigo_slideshare
 
SPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWorkSPAに必要なJavaScriptFrameWork
SPAに必要なJavaScriptFrameWork
 
BootstrapとRailsで、 高速にWebサイトを作ってみた
BootstrapとRailsで、 高速にWebサイトを作ってみたBootstrapとRailsで、 高速にWebサイトを作ってみた
BootstrapとRailsで、 高速にWebサイトを作ってみた
 
WordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみたWordPress プラグイン Infinite Scroll を試してみた
WordPress プラグイン Infinite Scroll を試してみた
 
オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門オープンソースで始めるオフラインアプリケーション開発入門
オープンソースで始めるオフラインアプリケーション開発入門
 
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
要確認!貴方のWord pressは損をしている!? 〜読み込み速度の重要性について〜
 
我が家のフロントエンド開発事情
我が家のフロントエンド開発事情我が家のフロントエンド開発事情
我が家のフロントエンド開発事情
 
Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況 Android webブラウザのhtml5対応状況
Android webブラウザのhtml5対応状況
 
WordCamp Kansai GPL study
WordCamp Kansai GPL studyWordCamp Kansai GPL study
WordCamp Kansai GPL study
 
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発についてBACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
 

Viewers also liked

WEBページを表示するまで
WEBページを表示するまでWEBページを表示するまで
WEBページを表示するまでShoichi Kakizaki
 
少し未来のコードレビュー
少し未来のコードレビュー少し未来のコードレビュー
少し未来のコードレビューzaru sakuraba
 
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへ
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへアプリのテストを書かなければならないと分かっているけども、書けていない人たちへ
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへTomohiro Yamasaki
 
初心者のためのキャラクターの描き方のコツ 入門編
初心者のためのキャラクターの描き方のコツ 入門編初心者のためのキャラクターの描き方のコツ 入門編
初心者のためのキャラクターの描き方のコツ 入門編shinta rock
 
正規表現勉強会
正規表現勉強会正規表現勉強会
正規表現勉強会zaru sakuraba
 
アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話shinta rock
 
今さらながらRSpecに入門してみた
今さらながらRSpecに入門してみた今さらながらRSpecに入門してみた
今さらながらRSpecに入門してみたzaru sakuraba
 
エンジニアでもできる⁉︎それっぽいデザイン
エンジニアでもできる⁉︎それっぽいデザインエンジニアでもできる⁉︎それっぽいデザイン
エンジニアでもできる⁉︎それっぽいデザインshinta rock
 
ほんわかSwift勉強資料
ほんわかSwift勉強資料ほんわかSwift勉強資料
ほんわかSwift勉強資料kouhei kawamata
 
0528 kanntigai ui_ux
0528 kanntigai ui_ux0528 kanntigai ui_ux
0528 kanntigai ui_uxSaori Matsui
 
Web勉強会(HTML+CSS+JS入門の入門)
Web勉強会(HTML+CSS+JS入門の入門)Web勉強会(HTML+CSS+JS入門の入門)
Web勉強会(HTML+CSS+JS入門の入門)Noriaki UCHIYAMA
 
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識Tsutomu Sogitani
 
HTML仕様書を読んでみよう
HTML仕様書を読んでみようHTML仕様書を読んでみよう
HTML仕様書を読んでみようSaeki Tominaga
 
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版MOCKS | Yuta Morishige
 
どうしてプレゼン研究会を始めたのか
どうしてプレゼン研究会を始めたのかどうしてプレゼン研究会を始めたのか
どうしてプレゼン研究会を始めたのかMasahito Zembutsu
 
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門Atsushi Tadokoro
 
メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門Atsushi Tadokoro
 

Viewers also liked (20)

WEBページを表示するまで
WEBページを表示するまでWEBページを表示するまで
WEBページを表示するまで
 
少し未来のコードレビュー
少し未来のコードレビュー少し未来のコードレビュー
少し未来のコードレビュー
 
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへ
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへアプリのテストを書かなければならないと分かっているけども、書けていない人たちへ
アプリのテストを書かなければならないと分かっているけども、書けていない人たちへ
 
初心者のためのキャラクターの描き方のコツ 入門編
初心者のためのキャラクターの描き方のコツ 入門編初心者のためのキャラクターの描き方のコツ 入門編
初心者のためのキャラクターの描き方のコツ 入門編
 
正規表現勉強会
正規表現勉強会正規表現勉強会
正規表現勉強会
 
アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話アプリデザインのお勉強 UI/UXのお話
アプリデザインのお勉強 UI/UXのお話
 
ワクワク電子工作
ワクワク電子工作ワクワク電子工作
ワクワク電子工作
 
今さらながらRSpecに入門してみた
今さらながらRSpecに入門してみた今さらながらRSpecに入門してみた
今さらながらRSpecに入門してみた
 
エンジニアでもできる⁉︎それっぽいデザイン
エンジニアでもできる⁉︎それっぽいデザインエンジニアでもできる⁉︎それっぽいデザイン
エンジニアでもできる⁉︎それっぽいデザイン
 
ほんわかSwift勉強資料
ほんわかSwift勉強資料ほんわかSwift勉強資料
ほんわかSwift勉強資料
 
0528 kanntigai ui_ux
0528 kanntigai ui_ux0528 kanntigai ui_ux
0528 kanntigai ui_ux
 
Web勉強会(HTML+CSS+JS入門の入門)
Web勉強会(HTML+CSS+JS入門の入門)Web勉強会(HTML+CSS+JS入門の入門)
Web勉強会(HTML+CSS+JS入門の入門)
 
最速HTML勉強会
最速HTML勉強会最速HTML勉強会
最速HTML勉強会
 
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
ビジネスマン必見!キレイな提案書を作るためのデザインの基礎知識
 
HTML仕様書を読んでみよう
HTML仕様書を読んでみようHTML仕様書を読んでみよう
HTML仕様書を読んでみよう
 
しょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedeeしょぼいプレゼンをパワポのせいにするな! by @jessedee
しょぼいプレゼンをパワポのせいにするな! by @jessedee
 
見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版見やすいプレゼン資料の作り方 - リニューアル増量版
見やすいプレゼン資料の作り方 - リニューアル増量版
 
どうしてプレゼン研究会を始めたのか
どうしてプレゼン研究会を始めたのかどうしてプレゼン研究会を始めたのか
どうしてプレゼン研究会を始めたのか
 
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
 
メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門メディア芸術基礎 Ⅰ 第2回 HTML入門
メディア芸術基礎 Ⅰ 第2回 HTML入門
 

Similar to 非エンジニア向けHTML勉強会その1

HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~Yusuke Hirano
 
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~Yusuke Hirano
 
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座DIVE INTO CODE Corp.
 
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情 はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情 Monaca
 
``完璧に理解した``WEB の裏側の仕組み.pptx
``完璧に理解した``WEB の裏側の仕組み.pptx``完璧に理解した``WEB の裏側の仕組み.pptx
``完璧に理解した``WEB の裏側の仕組み.pptxRyo Higashigawa
 
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろうMitsuo Kawashima
 
Google+APIをさわってみる。
Google+APIをさわってみる。Google+APIをさわってみる。
Google+APIをさわってみる。Hiroyuki Nozaki
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Masakazu Muraoka
 
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015Akihiko Kigure
 
Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版Shumpei Shiraishi
 
初めてのHtml5 20120612
初めてのHtml5 20120612初めてのHtml5 20120612
初めてのHtml5 20120612yohei iwakura
 
記事には書けなかったHTML5の話
記事には書けなかったHTML5の話記事には書けなかったHTML5の話
記事には書けなかったHTML5の話Shumpei Shiraishi
 
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする  ③3時間でアプリ公開!ゼロからのプログラミング講座アイデアを形にする  ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座DIVE INTO CODE Corp.
 
フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界Kenjiro Kubota
 
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」Takashi Endo
 
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイントスマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイントMasakazu Muraoka
 
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違いPHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違いMasataka Kono
 
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモhtml5とcss3実例紹介とデモ
html5とcss3実例紹介とデモAkihiro Sugiyama
 
PHPカンファレンス2012 最先端web開発 - 公開用
PHPカンファレンス2012   最先端web開発 - 公開用PHPカンファレンス2012   最先端web開発 - 公開用
PHPカンファレンス2012 最先端web開発 - 公開用ha1t
 

Similar to 非エンジニア向けHTML勉強会その1 (20)

HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
 
HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~HTML5 ~よくわからないけど言葉だけはよく聞きます~
HTML5 ~よくわからないけど言葉だけはよく聞きます~
 
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
【入門】3時間でアプリ公開!ゼロからのプログラミングRails講座
 
Rubykaigi2010
Rubykaigi2010Rubykaigi2010
Rubykaigi2010
 
はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情 はやわかりHTML5ハイブリッドアプリ開発事情
はやわかりHTML5ハイブリッドアプリ開発事情
 
``完璧に理解した``WEB の裏側の仕組み.pptx
``完璧に理解した``WEB の裏側の仕組み.pptx``完璧に理解した``WEB の裏側の仕組み.pptx
``完璧に理解した``WEB の裏側の仕組み.pptx
 
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
【ハンズオン】jQuery+HTML5 APIでスライドショーを作ろう
 
Google+APIをさわってみる。
Google+APIをさわってみる。Google+APIをさわってみる。
Google+APIをさわってみる。
 
Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方Html5時代のクリエイターのあり方
Html5時代のクリエイターのあり方
 
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
AWS Summit Tokyo IoT アイディアソン&ハッカソン 2015
 
Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版Web Components概要 2013/4/20 エフスタ!版
Web Components概要 2013/4/20 エフスタ!版
 
初めてのHtml5 20120612
初めてのHtml5 20120612初めてのHtml5 20120612
初めてのHtml5 20120612
 
記事には書けなかったHTML5の話
記事には書けなかったHTML5の話記事には書けなかったHTML5の話
記事には書けなかったHTML5の話
 
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする  ③3時間でアプリ公開!ゼロからのプログラミング講座アイデアを形にする  ③3時間でアプリ公開!ゼロからのプログラミング講座
アイデアを形にする ③3時間でアプリ公開!ゼロからのプログラミング講座
 
フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界フロントエンドエンジニアが知るべきFirebaseの世界
フロントエンドエンジニアが知るべきFirebaseの世界
 
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
2014年メディア工房勉強会 第1章「Webの仕組みとHTML5」
 
スマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイントスマートフォン開発の事例 Html5開発の導入ポイント
スマートフォン開発の事例 Html5開発の導入ポイント
 
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違いPHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
PHP開発からAndroid開発をするようになって学んだWebとモバイルの違い
 
html5とcss3実例紹介とデモ
html5とcss3実例紹介とデモhtml5とcss3実例紹介とデモ
html5とcss3実例紹介とデモ
 
PHPカンファレンス2012 最先端web開発 - 公開用
PHPカンファレンス2012   最先端web開発 - 公開用PHPカンファレンス2012   最先端web開発 - 公開用
PHPカンファレンス2012 最先端web開発 - 公開用
 

非エンジニア向けHTML勉強会その1