Enviar búsqueda
Cargar
実際のウェブページコーディング
•
3 recomendaciones
•
933 vistas
ourmaninjapan
Seguir
Tecnología
Denunciar
Compartir
Denunciar
Compartir
1 de 14
Descargar ahora
Descargar para leer sin conexión
Recomendados
Html:css
Html:css
Yuuki Tazawa
【Word press】記事一覧ページを作成する方法
【Word press】記事一覧ページを作成する方法
H S
Ripps BootCamp 02
Ripps BootCamp 02
Shintaro Fujiwara
Doctypeという黒魔術の話
Doctypeという黒魔術の話
亮 門屋
Web programming introduction
Web programming introduction
colun
フロンエンドトレンドについて話そう
フロンエンドトレンドについて話そう
Atushi Sugiyama
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Chrome拡張機能の作りかた
Chrome拡張機能の作りかた
aozou99
Recomendados
Html:css
Html:css
Yuuki Tazawa
【Word press】記事一覧ページを作成する方法
【Word press】記事一覧ページを作成する方法
H S
Ripps BootCamp 02
Ripps BootCamp 02
Shintaro Fujiwara
Doctypeという黒魔術の話
Doctypeという黒魔術の話
亮 門屋
Web programming introduction
Web programming introduction
colun
フロンエンドトレンドについて話そう
フロンエンドトレンドについて話そう
Atushi Sugiyama
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
Chrome拡張機能の作りかた
Chrome拡張機能の作りかた
aozou99
JQuery入門
JQuery入門
sayoko miura
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
141115 making web site
141115 making web site
Himi Sato
Html講習会資料
Html講習会資料
竹島 泉
HTML
HTML
Jun Chiba
.インストールをやってみよう
.インストールをやってみよう
ohotech
Java script
Java script
sayoko miura
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
Atsushi Tadokoro
HTML5での制作、いつから始める?
HTML5での制作、いつから始める?
Fuminori Mori
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
【フロントエンド勉強会】 フロントエンド基礎知識
【フロントエンド勉強会】 フロントエンド基礎知識
Sota Takahashi
WordPress を使いこなそう
WordPress を使いこなそう
Wataru OKAMOTO
HTMLのアウトラインを意識しよう
HTMLのアウトラインを意識しよう
shigetoshi komatsu
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Mignon Style
20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson
Six Apart
nanocのhelper 利用実例
nanocのhelper 利用実例
Go Maeda
Implementation patterns
Implementation patterns
Tatsuya Maki
Language toolを使ってみる
Language toolを使ってみる
Takatsugu Nokubi
再帰、漸化式、差分方程式とアルゴリズム Gx#20
再帰、漸化式、差分方程式とアルゴリズム Gx#20
鉄次 尾形
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Takashi Uemura
Detroit Programming City
Detroit Programming City
Koichi ITO
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Go Maeda
Más contenido relacionado
La actualidad más candente
JQuery入門
JQuery入門
sayoko miura
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
Hideki MACHIDA
141115 making web site
141115 making web site
Himi Sato
Html講習会資料
Html講習会資料
竹島 泉
HTML
HTML
Jun Chiba
.インストールをやってみよう
.インストールをやってみよう
ohotech
Java script
Java script
sayoko miura
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
Atsushi Tadokoro
HTML5での制作、いつから始める?
HTML5での制作、いつから始める?
Fuminori Mori
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
Atsushi Tadokoro
【フロントエンド勉強会】 フロントエンド基礎知識
【フロントエンド勉強会】 フロントエンド基礎知識
Sota Takahashi
WordPress を使いこなそう
WordPress を使いこなそう
Wataru OKAMOTO
HTMLのアウトラインを意識しよう
HTMLのアウトラインを意識しよう
shigetoshi komatsu
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
Mignon Style
20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson
Six Apart
nanocのhelper 利用実例
nanocのhelper 利用実例
Go Maeda
La actualidad más candente
(16)
JQuery入門
JQuery入門
いちばん簡単なconcrete5テーマ
いちばん簡単なconcrete5テーマ
141115 making web site
141115 making web site
Html講習会資料
Html講習会資料
HTML
HTML
.インストールをやってみよう
.インストールをやってみよう
Java script
Java script
情報編集 (web) 第2回:HTML入門
情報編集 (web) 第2回:HTML入門
HTML5での制作、いつから始める?
HTML5での制作、いつから始める?
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
メディア芸術基礎 II 第11回:HTML5実践 表現のための様々なJavaScriptライブラリ
【フロントエンド勉強会】 フロントエンド基礎知識
【フロントエンド勉強会】 フロントエンド基礎知識
WordPress を使いこなそう
WordPress を使いこなそう
HTMLのアウトラインを意識しよう
HTMLのアウトラインを意識しよう
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
ズルいLT 〜はじめてのライトニングトーク〜 / WP-D Week
20160720 okubo mt_cloud_handson
20160720 okubo mt_cloud_handson
nanocのhelper 利用実例
nanocのhelper 利用実例
Destacado
Implementation patterns
Implementation patterns
Tatsuya Maki
Language toolを使ってみる
Language toolを使ってみる
Takatsugu Nokubi
再帰、漸化式、差分方程式とアルゴリズム Gx#20
再帰、漸化式、差分方程式とアルゴリズム Gx#20
鉄次 尾形
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Takashi Uemura
Detroit Programming City
Detroit Programming City
Koichi ITO
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Go Maeda
Destacado
(6)
Implementation patterns
Implementation patterns
Language toolを使ってみる
Language toolを使ってみる
再帰、漸化式、差分方程式とアルゴリズム Gx#20
再帰、漸化式、差分方程式とアルゴリズム Gx#20
WordPress 多言語化プラグインqTranslateの紹介
WordPress 多言語化プラグインqTranslateの紹介
Detroit Programming City
Detroit Programming City
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Git・Mercurial両対応 リポジトリ管理ツール「Kallithea」
Más de ourmaninjapan
テレビのウェブ開発:その1
テレビのウェブ開発:その1
ourmaninjapan
テレビのウェブ開発:その2
テレビのウェブ開発:その2
ourmaninjapan
テレビのウェブ開発:その3
テレビのウェブ開発:その3
ourmaninjapan
Developing for TV
Developing for TV
ourmaninjapan
HTML5概要、コードサンプル
HTML5概要、コードサンプル
ourmaninjapan
The status of living HTML (highlights)
The status of living HTML (highlights)
ourmaninjapan
How to read W3C specs
How to read W3C specs
ourmaninjapan
HTML5: APIの活用事例 と 今後の広がり
HTML5: APIの活用事例 と 今後の広がり
ourmaninjapan
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
ourmaninjapan
Web payments
Web payments
ourmaninjapan
testharness.js の基礎
testharness.js の基礎
ourmaninjapan
W3C Widgets、どこが面白い?
W3C Widgets、どこが面白い?
ourmaninjapan
W3C Widgets: Why should I care?
W3C Widgets: Why should I care?
ourmaninjapan
Widgets in theory and in practice
Widgets in theory and in practice
ourmaninjapan
Mobile web development without developing a mobile site
Mobile web development without developing a mobile site
ourmaninjapan
HTML5: New capabilities, new markup
HTML5: New capabilities, new markup
ourmaninjapan
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
ourmaninjapan
スマートTVへの アプローチと制作
スマートTVへの アプローチと制作
ourmaninjapan
「Network Service Discovery API ができました!」 と言われた時
「Network Service Discovery API ができました!」 と言われた時
ourmaninjapan
Presentation Skills
Presentation Skills
ourmaninjapan
Más de ourmaninjapan
(20)
テレビのウェブ開発:その1
テレビのウェブ開発:その1
テレビのウェブ開発:その2
テレビのウェブ開発:その2
テレビのウェブ開発:その3
テレビのウェブ開発:その3
Developing for TV
Developing for TV
HTML5概要、コードサンプル
HTML5概要、コードサンプル
The status of living HTML (highlights)
The status of living HTML (highlights)
How to read W3C specs
How to read W3C specs
HTML5: APIの活用事例 と 今後の広がり
HTML5: APIの活用事例 と 今後の広がり
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
HTML5とデバイスの連携: 良いところ、悪いところ、未来のこと
Web payments
Web payments
testharness.js の基礎
testharness.js の基礎
W3C Widgets、どこが面白い?
W3C Widgets、どこが面白い?
W3C Widgets: Why should I care?
W3C Widgets: Why should I care?
Widgets in theory and in practice
Widgets in theory and in practice
Mobile web development without developing a mobile site
Mobile web development without developing a mobile site
HTML5: New capabilities, new markup
HTML5: New capabilities, new markup
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
small 画面でも、 BIG 画面でも、 今すぐ使えるレスポンシブ活用術
スマートTVへの アプローチと制作
スマートTVへの アプローチと制作
「Network Service Discovery API ができました!」 と言われた時
「Network Service Discovery API ができました!」 と言われた時
Presentation Skills
Presentation Skills
Último
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
Atomu Hidaka
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
osamut
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
iPride Co., Ltd.
UPWARD_share_company_information_20240415.pdf
UPWARD_share_company_information_20240415.pdf
furutsuka
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
Shota Ito
Último
(9)
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
新人研修のまとめ 2024/04/12の勉強会で発表されたものです。
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
IoT in the era of generative AI, Thanks IoT ALGYAN.pptx
20240412_HCCJP での Windows Server 2025 Active Directory
20240412_HCCJP での Windows Server 2025 Active Directory
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
Amazon SES を勉強してみる その12024/04/12の勉強会で発表されたものです。
UPWARD_share_company_information_20240415.pdf
UPWARD_share_company_information_20240415.pdf
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
PHP-Conference-Odawara-2024-04-000000000
PHP-Conference-Odawara-2024-04-000000000
実際のウェブページコーディング
1.
実際のウェブページコーディング (ま、殆どJavaScriptですが)
Daniel Davis (@ourmaninjapan)
2.
● ●
僕が使うコーディングワークフロー – (DOMを利用すると超便利!) ● エラーの防止と扱い ● ブラウザの開発ツールを活かそう!
3.
僕が使うコーディングワークフロー ●
4.
5.
テンプレート →
6.
<!DOCTYPE html> <html lang="ja"> <head> <meta
charset="utf-8"> <style>CSSはここ</style> <script>JavaScriptはここ</script> <title>HTMLファイルのテンプレート</title> </head> <body> <h1>HTMLファイルのテンプレート</h1> </body> </html>
7.
テンプレート →
← 事例
8.
エラーの防止と扱い ●
9.
●
1. 論理的なブロック →
10.
2. 分かりやすいコメント ●
「なに」ではなく「なぜ」
11.
3. 統一性が重要
● 例えばスペース、インデント、”など ●
12.
●
4. 変数、関数、DOMの名付け ● zoom_level ● is_set ● makePattern() ● doZoom() ● setPencil() ● getAge() ● btn_search ● lbl_search
13.
5. コードを美しく ●
14.
ブラウザの開発ツールを活かそう! ●
(エラーコンソール、Opera Dragonfly)
Descargar ahora