Enviar pesquisa
Carregar
JS初心者だけど3ヶ月でこんだけ書けるようになりました
•
16 gostaram
•
20,405 visualizações
Miki Yokouchi
Seguir
2015/12/8 Meguro.es #1で発表したLTの資料です http://meguroes.connpass.com/event/21510/
Leia menos
Leia mais
Engenharia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 38
Baixar agora
Baixar para ler offline
Recomendados
MVCフレームワークとの付き合い方
MVCフレームワークとの付き合い方
Kazuki Shibata
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
Tumblrのカスタマイズで作るWebサイト〜苦戦したポイントTOP5〜@Creators MeetUp #27
Tumblrのカスタマイズで作るWebサイト〜苦戦したポイントTOP5〜@Creators MeetUp #27
Erina Takei
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapを使ってみよう
Bootstrapを使ってみよう
Kawaji Masaki
コメントビューア Nway
コメントビューア Nway
jz5 MATSUE
Visual Studio 2017 事はじめ
Visual Studio 2017 事はじめ
Hideaki Aoyagi
現代的ウェブデザイン学習
現代的ウェブデザイン学習
Takenaka Kiyohiro
Recomendados
MVCフレームワークとの付き合い方
MVCフレームワークとの付き合い方
Kazuki Shibata
Let's make quickly mock up by bootstrap.
Let's make quickly mock up by bootstrap.
matsuohideaki
Tumblrのカスタマイズで作るWebサイト〜苦戦したポイントTOP5〜@Creators MeetUp #27
Tumblrのカスタマイズで作るWebサイト〜苦戦したポイントTOP5〜@Creators MeetUp #27
Erina Takei
最近知ったBootstrapの注意点
最近知ったBootstrapの注意点
Kawaji Masaki
Bootstrapを使ってみよう
Bootstrapを使ってみよう
Kawaji Masaki
コメントビューア Nway
コメントビューア Nway
jz5 MATSUE
Visual Studio 2017 事はじめ
Visual Studio 2017 事はじめ
Hideaki Aoyagi
現代的ウェブデザイン学習
現代的ウェブデザイン学習
Takenaka Kiyohiro
サルでもわかる プラグイン作成入門
サルでもわかる プラグイン作成入門
Takumi Sato
レスポンシブ対応 をサポートするプラグイン
レスポンシブ対応 をサポートするプラグイン
Kawaji Masaki
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
典子 松本
簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介
Kawaji Masaki
MetroStyleAppsさわってみた わんくま
MetroStyleAppsさわってみた わんくま
c-mitsuba
WinUI 3.0 Preview 1を触ってみた(.NETラボ2020年6月登壇資料)
WinUI 3.0 Preview 1を触ってみた(.NETラボ2020年6月登壇資料)
Makoto Nishimura
concrete5バージョン8リリースパーティ「テーマを作ろう」
concrete5バージョン8リリースパーティ「テーマを作ろう」
Yuma Tahara
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Seiko Kuchida
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
Unicast Inc.
Bootstrap
Bootstrap
kenji goto
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
schoowebcampus
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
Horiguchi Seito
ワードプレスって、何? はじめは苦戦するかもしれないけれど、ちょっとずつでも理解すれば、アクションゲームよりもかんたんだよ
ワードプレスって、何? はじめは苦戦するかもしれないけれど、ちょっとずつでも理解すれば、アクションゲームよりもかんたんだよ
緑川 広岐
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
典子 松本
Lightweight CMS
Lightweight CMS
温 小久保
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
WordPressカスタム三兄弟、concrete5ならこう作る。
WordPressカスタム三兄弟、concrete5ならこう作る。
ねこみみ 隊長
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
典子 松本
ReactでCMSを作ったときにハマったこと
ReactでCMSを作ったときにハマったこと
kazuki matsumura
2018年に於ける HTML の役割(概要編)
2018年に於ける HTML の役割(概要編)
UX Ojisan
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
Hideki Akiba
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
Hideki Akiba
Mais conteúdo relacionado
Mais procurados
サルでもわかる プラグイン作成入門
サルでもわかる プラグイン作成入門
Takumi Sato
レスポンシブ対応 をサポートするプラグイン
レスポンシブ対応 をサポートするプラグイン
Kawaji Masaki
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
典子 松本
簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介
Kawaji Masaki
MetroStyleAppsさわってみた わんくま
MetroStyleAppsさわってみた わんくま
c-mitsuba
WinUI 3.0 Preview 1を触ってみた(.NETラボ2020年6月登壇資料)
WinUI 3.0 Preview 1を触ってみた(.NETラボ2020年6月登壇資料)
Makoto Nishimura
concrete5バージョン8リリースパーティ「テーマを作ろう」
concrete5バージョン8リリースパーティ「テーマを作ろう」
Yuma Tahara
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
Seiko Kuchida
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
Unicast Inc.
Bootstrap
Bootstrap
kenji goto
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
schoowebcampus
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
Horiguchi Seito
ワードプレスって、何? はじめは苦戦するかもしれないけれど、ちょっとずつでも理解すれば、アクションゲームよりもかんたんだよ
ワードプレスって、何? はじめは苦戦するかもしれないけれど、ちょっとずつでも理解すれば、アクションゲームよりもかんたんだよ
緑川 広岐
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
典子 松本
Lightweight CMS
Lightweight CMS
温 小久保
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
Seiko Kuchida
WordPressカスタム三兄弟、concrete5ならこう作る。
WordPressカスタム三兄弟、concrete5ならこう作る。
ねこみみ 隊長
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
典子 松本
Mais procurados
(18)
サルでもわかる プラグイン作成入門
サルでもわかる プラグイン作成入門
レスポンシブ対応 をサポートするプラグイン
レスポンシブ対応 をサポートするプラグイン
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
インフラ知識ゼロの「デザイナー」でもOK!Microsoft Azureの便利機能をWeb制作的に活かしてみた話
簡単なプラグインの管理方法とプラグインのご紹介
簡単なプラグインの管理方法とプラグインのご紹介
MetroStyleAppsさわってみた わんくま
MetroStyleAppsさわってみた わんくま
WinUI 3.0 Preview 1を触ってみた(.NETラボ2020年6月登壇資料)
WinUI 3.0 Preview 1を触ってみた(.NETラボ2020年6月登壇資料)
concrete5バージョン8リリースパーティ「テーマを作ろう」
concrete5バージョン8リリースパーティ「テーマを作ろう」
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
日本のCMSの今。特徴とプロジェクトから考える、次のCMS選び:本編
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
ユニキャストワークショップ2013 はじめてのWebプログラミング#1 ~WordPressからはじめよう~
Bootstrap
Bootstrap
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
非ウェブデザイナーも知っておきたいデベロッパーツールの使い方(応用編 知っておきたい機能と応用) 先生:池田 祐太郎
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
最近、実務に導入してみたフロントエンドの技術8つの良かった点と反省点
ワードプレスって、何? はじめは苦戦するかもしれないけれど、ちょっとずつでも理解すれば、アクションゲームよりもかんたんだよ
ワードプレスって、何? はじめは苦戦するかもしれないけれど、ちょっとずつでも理解すれば、アクションゲームよりもかんたんだよ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Webデザイナーの私がMicrosoft Azureを使うようになったワケ
Lightweight CMS
Lightweight CMS
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
SaCSS vol.79「CMSがらみのサイトの受発注で確認すべきこと」
WordPressカスタム三兄弟、concrete5ならこう作る。
WordPressカスタム三兄弟、concrete5ならこう作る。
Web制作的SendGridのススメ SendGridで色々やってみた話
Web制作的SendGridのススメ SendGridで色々やってみた話
Semelhante a JS初心者だけど3ヶ月でこんだけ書けるようになりました
ReactでCMSを作ったときにハマったこと
ReactでCMSを作ったときにハマったこと
kazuki matsumura
2018年に於ける HTML の役割(概要編)
2018年に於ける HTML の役割(概要編)
UX Ojisan
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
Hideki Akiba
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
Hideki Akiba
CCC Design Session
CCC Design Session
Mako Mizuno
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
Keisuke Imura
UX Sketch vol.1 事業とUXデザイン
UX Sketch vol.1 事業とUXデザイン
Saori Baba
事業とUXデザイン
事業とUXデザイン
Recruit Technologies
Google Home, Amazon Echo, LINE Clova クロス開発& Azure Durable Funcitons で時間のかかる処理...
Google Home, Amazon Echo, LINE Clova クロス開発& Azure Durable Funcitons で時間のかかる処理...
Madoka Chiyoda
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
Taiki Kawakami
DevLOVE現場甲子園 UXDのススメ
DevLOVE現場甲子園 UXDのススメ
DevLOVE
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Seiko Kuchida
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
Mayumi Narisawa
UXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フロー
c-mitsuba
1112 nuxt
1112 nuxt
卓馬 三浦卓馬
UIは「習うより慣れろ」
UIは「習うより慣れろ」
tomo tsubota
アクセシビリティを考えたalt属性を自動生成してみよう!
アクセシビリティを考えたalt属性を自動生成してみよう!
典子 松本
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
Yoshinori Kobayashi
グロース施策でもUX活動を絶やさないために。UXとアジャイルの交差点と、他職種混合チームの今後
グロース施策でもUX活動を絶やさないために。UXとアジャイルの交差点と、他職種混合チームの今後
Tomoko Nishina
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Miho Yamamori
Semelhante a JS初心者だけど3ヶ月でこんだけ書けるようになりました
(20)
ReactでCMSを作ったときにハマったこと
ReactでCMSを作ったときにハマったこと
2018年に於ける HTML の役割(概要編)
2018年に於ける HTML の役割(概要編)
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
CCC Design Session
CCC Design Session
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
フリー3ヶ月目で思う、2年後稼げるWebデザイナー像
UX Sketch vol.1 事業とUXデザイン
UX Sketch vol.1 事業とUXデザイン
事業とUXデザイン
事業とUXデザイン
Google Home, Amazon Echo, LINE Clova クロス開発& Azure Durable Funcitons で時間のかかる処理...
Google Home, Amazon Echo, LINE Clova クロス開発& Azure Durable Funcitons で時間のかかる処理...
UIデザイナー最終防衛マニュアル
UIデザイナー最終防衛マニュアル
DevLOVE現場甲子園 UXDのススメ
DevLOVE現場甲子園 UXDのススメ
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
Web制作の幅が広がる! プロジェクトの傾向から考える、 2つ目•3つ目のCMS選び
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
デザイナーがXcodeを使って 開発効率をUPさせた 5つのエピソード + 現場エンジニアのコメント付き
UXDD MVVM Store Apps 蜜葉式開発フロー
UXDD MVVM Store Apps 蜜葉式開発フロー
1112 nuxt
1112 nuxt
UIは「習うより慣れろ」
UIは「習うより慣れろ」
アクセシビリティを考えたalt属性を自動生成してみよう!
アクセシビリティを考えたalt属性を自動生成してみよう!
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
プログラミングの学習方法 | How To Learn The Programming 14.05.31 WP-D Fes #02 Interviews ...
グロース施策でもUX活動を絶やさないために。UXとアジャイルの交差点と、他職種混合チームの今後
グロース施策でもUX活動を絶やさないために。UXとアジャイルの交差点と、他職種混合チームの今後
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
Webとスマホとデザインと - 地方から広がるつながるデザイナーのお仕事 -
JS初心者だけど3ヶ月でこんだけ書けるようになりました
1.
ノンプログラマー・UXUI デザイナーな JS 初心者だけど 3ヶ月でこんだけ書けるようになりました Miki
Yokouchi | twitter@kswmch 01@kswmch
2.
02@kswmch 軽く自己紹介
3.
03@kswmch twitter@kswmch 前職は某 R 者で社でアプリデザインを主にやってました 弁護士ドットコムで UXUI
デザイナーやってます WEB デザイナー歴 1.5 年 HTML と CSS 書き始めて 1.5 年
4.
このあいだこんな記事でバズりました 04@kswmch
5.
3 ヶ月 JS
を勉強して ... 本題に入りますが 05@kswmch
6.
こんな問題も解けなかった私が ... 次の画像のようなポップアップダイアログに 「Hello JavaScript」と出力しなさい。 06@kswmch
7.
こんなメモ帳アプリをつくれるようになりました (追加・保存・削除・マーカー・フラグがつけれらる) 07@kswmch
8.
実際勉強したこと 08@kswmch
9.
var/if 文 /for/function/dom
操作 /jQuery って何? / 戻り値 / 引数 / 配列 /localStorage JS の基礎を勉強しただけ! 09@kswmch
10.
実際に勉強した時間 10@kswmch
11.
週 1(5h)×8 回
+ 学校 土日にぼちぼち 家での復習とか 11@kswmch
12.
一般的な社会人が 土日で勉強できるレベル 12@kswmch
13.
作っていたときの苦労話2点 初心者だから覚えてる 13@kswmch
14.
関数が全然理解できなかった ひとつめ 14@kswmch
15.
こうやって教えてもらって 理解できました 15@kswmch
16.
関数を呼ぶっていうのは、キャバ嬢を指名するものでね ※イメージです 16@kswmch
17.
引数と返した結果を例えるなら .... キャバ嬢にプレゼントを渡すとき
... ありがとうという言葉だけ ... GODIVA のチョコを渡す 体で返してくれた! マンションをあげる ※イメージです 17@kswmch
18.
わかるようになった 意味がわからんから詳しく!って方は懇親会で話しかけてください w 18@kswmch
19.
ふたつめ マーカーの機能をつけるとき どうすればいいのか悩んだ ... 19@kswmch
20.
つけたり外したりする機能をつけたい 20@kswmch
21.
textarea で span
タグを書いて JS をゴリゴリかいて実装する? 21@kswmch
22.
既存のライブラリー使ってみる? 22@kswmch
23.
時間もないし 今回はサクッとつくりたい!! 23@kswmch
24.
こんなのありました ... 指定した iframe
をテキストエディタみたいに編集できる機能です! ※iframe 以外でもつかえるみたいです 24@kswmch
25.
デザインモードをオンにして ... 25@kswmch
26.
onclick に処理を書くだけ 26@kswmch
27.
とりあえず b タグをつけはずしはできた 27@kswmch
28.
CSS が当たらない でも iframe
だから 28@kswmch
29.
JS で無理やり iframe
内に link タグを突っ込みました 29@kswmch
30.
できた! 30@kswmch
31.
JS を勉強してみて思ったこと 最後になりますが 31@kswmch
32.
わかりやすいゴールがあったから モチベーションが続いた! メモ帳アプリをつくるという 32@kswmch
33.
用語だけだとよくわからなくって モチーベーション下がっちゃうけど わかりやすい例え話があることで 楽しく理解できるようになった! 33@kswmch
34.
わかりやすいって大事! あらためて ... 34@kswmch
35.
「第三引数に入れて」とか「普通にやってくれればいいよ」とか デザイナーにいってませんか? 35@kswmch
36.
そんなわかりずらいこと言っても やる気なくすだけですからー! 36@kswmch
37.
私の JS 道は続く
... 37@kswmch
38.
twitter でも気軽に絡んでくださいね @kswmch ご静聴ありがとうございました 38@kswmch
Baixar agora