全くの初心者が独学でWeb制作できるようになるまでの効率の良い勉強の進め方
独学でWebデザインやコーディングなどのWeb制作スキルを身に付けたい方向けのノウハウを紹介します。 Web制作のテクニックを学ぶ方法は、 研修やセミナーで学ぶ方法 スクールに通って学ぶ方法 お金をかけずWebサイトや本を参考に学ぶ方法 の3つに大別できます。 しかし、研修やセミナーは開催地が都市部に偏っていますし、スクールに通うのは経済的な負担が大きいのも事実です。 そこでおすすめしたいのが自宅で学ぶ独学です。 筆者自身も全くの初心者の状態から独学でWeb制作のスキルを身に付けて今はそれをもとに仕事をしています。 独学中には勉強方法としての反省点や手ごたえを感じたことも多いです。 そこで、今回は筆者がWeb制作を独学する中で分かった、独学による効率の良い勉強方法についてお話しします。何から勉強をはじめていいのか分からなかった人の指針になるかと思います。 リアルなお話をしますが、独学ではじ
フロントエンドの勉強としてGitHub PagesでダメWebサイトを公開してみました - こまぶろ
はじめに 記念すべき最初の「実装してみた」記事です。 GitHub & フロントエンド初心者がこんなもの↓を作りました、という話です。 こまど GitHub Pages 目次 はじめに 目次 はじめての「実装してみた」 技術の勉強が捗らない！ フロントエンドの勉強をしよう はじめてのGitHub Pages 「GitHub Pagesがあるじゃん」と思った GitHub Pagesに公開してみた はじめてじゃないJavaScriptとHTML & CSS JavaScriptを書いてみた HTML & CSSも（久しぶりに）書いてみた はじめてのJSフレームワーク Vue.jsをやってみることにした Vue.jsを使ってみた はじめてのGitHub Issue 写経したはずなのにバグが出た Issueを書いてみた おわりに はじめての「実装してみた」 技術の勉強が捗らない！ 技術ブログのつ
Front-End Developer Handbook 2018 - Learn the entire JavaScript, CSS and HTML development practice!
AVAILABLE NOW: Front-End Developer Handbook 2019 Front-End Developer Handbook 2018 Written by Cody Lindley Sponsored by Frontend Masters, advancing your skills with in-depth, modern front-end engineering courses This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and wha
何者にもなれなかった
フロントエンドエンジニアにもデザイナーにもなれなかった。 HTML/CSSはリファレンスなしで書けるし、WAI-ARIAを用いたアクセシブルなコーディングもできる。 CSS設計を意識して保守性を大切にしたコードを書いているし、CSSアニメーションでインタラクションも操作できる。 SVGを一から書く方法やいくつものブレイクポイントを持ったページのコーディングスキルも身につけた。 Gitでバージョン管理をしたり、モジュールバンドラーやタスクランナーでscssのコンパイルやリントを通したりする能力も得た。 インプットが大好きで、毎日毎日様々なWebに関する知識を頭に詰め込んだ。 だけどJavaScriptは書けない。 JQueryをコピペして簡単なDOM操作を行うのが限界だった。 然しながら、昨今のフロントエンドエンジニアはJavaScriptが書けて当たり前だし、 各種JSフレームワークやWe
フロントエンドが嫌い
ウェブフロントエンドの技術の進歩と興亡の速度には目を見張るものがある。 browserifyが生まれ、Gruntが生まれ、Gulpが生まれた。 そしてその全てが死んだ。 Webpack, Babel, Flow, 今栄えている技術だってそのうちに死ぬだろう。Reactだって例外ではない。 一部はもう死につつあるし、少し前にあれだけ持て囃されたTypeScriptも今や消えつつある。Coffeeは全エンジニアから嫌われた。 そんな万華鏡のように目まぐるしく変わる情勢に追い付かんと研鑽を続ける者等がいる。アーリーアダプターを自称し最新技術のケツを追いかけQiitaにクソを垂れ流す彼らこそ我らがイケイケウェブフロントエンジニアである。 最新技術に目を凝らし、やれ新たなこれイケてるだの古臭いあれはイケてないだのと宣いチュートリアル記事を量産する彼らであるが、彼らの存在は決して無駄ではなく、生まれた
JavaScriptをめぐるパラレルワールド 〜Webデザイナーから見た今どきのフロントエンド事情〜｜dwango creators' blog（ドワンゴクリエイターズブログ）
どうも、ほそだです。ゴールデンウィークも終わり、暖かい空気を感じる季節になりました。 さてちょっと前に、こんな記事が話題になっていました。 You Don’t Need jQuery – Qiita （旧題：もうjQueryは必要ない） 元々は海外の方が書かれたものを日本語訳してくださったものですが、あらかた網羅されていて感服しました。実は今回、これと全く同じようなことをこのブログのネタにしようと考えていたのですが（jQueryでやってたことをjQueryを使わずにやってみた的な）、締切間近になってさあ書くぞってタイミングでここまで完璧なものを先に出されちゃったので、こりゃ勝てねえと泣く泣く断念したのですよね。。 それで急遽新たにネタを考えなきゃいけなくなったのですが、これに対するネット上での反応がけっこう興味深いなと思って見ていました。 「もうjQueryは必要ない」に関するみんなの反応
JavaScript書けない人間が1年間でフロントエンドエンジニアになった話 - DMM.comラボ デザイナーズブログ
こんにちは、デザイン部所属の石橋です。 今はデザイナーをやりつつフロントエンドエンジニアをさせてもらってます。 そんな自分は2014年の5月にDMM.comラボへ来たんですが、入社時のスペックを以下に記します。 入社時のぼく HTML出来ます！（ただし<section>の使い方はぼんやり） CSS出来ます！（ただしスタイリングだけで設計は出来ない） jQuery出来ます！（ただし既存プラグイン実装に限る） おや…？ 「（フロントエンドってなんだろう…）」 「（JavaScriptとjQueryって何が違うんだろう…）」 やばい。 当時はいわゆる「コーディングがちょっとだけ得意なWebデザイナー」でした。 シンデレラストーリー プロローグ 弊社では一部のデザイナーも結構ガリガリとコーディングをするのですが、 入社時にまわりの能力の高さにちょっと本気で「ヤベェ所に来てしまった…」感がありました
<!--:JA-->「デザイナーもJavaScript覚えるべきだよ」について<!--:-->
Web やアプリのデザイナーか「技術にしばられないでデザインを考えていく」コミュニティ。 月1回の定例MTGと年に数回のデザイン中心ハッカソンなどをしています。 先日、Facebookでぼやりとつぶやいたのですが、「デザイナーもJavaScript覚えるべきだよ」ということについて、思うことを素直に書いてみます。 2012年12月8日に開催されたCSS Nite in OSAKA, Vol.34でわたしは微力ながら第二会場の進行をしていました。 この日のセッション内容については、これからのWeb系の仕事まわりでは、なんとなく各専門家はいても、WebならWeb系全般の一般教養みたいなのはおさえておかないと、実際仕事につながらないよねーみたいな雰囲気でした。 たしかにそうなんです。 でも思うのは、「デザイナーもJavaScript覚えるべきだよ」と軽々しく言うのはちょっと違うと思うのです
典型的なJavaScripter3+1種類と、それぞれの勉強法。 | Ginpen.com
一口にJSerといっても、色々な分野の人がいます。あなたはどんなJSerになりたいですか？ 方向性により学ぶべき事も変わってきます。目標を明確にしましょう。 というわけで、独断と偏見……というか主に偏見で三種類にまとめてみました。 追記: 「勉強法」とかタイトルに付けておきながら勉強法に触れてませんでしたので「勉強範囲」に修正しました。ひー。 三種類 アニメーションを作る人 アプリを作る人 サーバ側を作る人 基本的にプログラマ視点です。コーダー視点も最後に。 では、それぞれ見てみましょう。 アニメーションを作る人 Flashの代わりにJavaScriptやCSSを使う人。Flasherさんがシフトしてくる位置。 発注側が想定するJavaScripter。最近の携帯ゲームで需要がある。 お仕事 JSだけでなくCSSや画像を駆使して画面を描く。 UIだけならいなくても困る事はないけれど、UXま
Post by @hamalog
僕の本の方は、jQueryの基礎 → jQueryを使ったサンプルを見ながらJavaScript, jQueryを理解するという流れですが、ほかちゃん本の方は、スライドショーのプログラムを一つ、じっくり解説しながら、JavaScriptの基本文法を解説するという感じです。 この本をおすすめしたい人は、まぁ、タイトルもそうなんですが、JavaScriptをちょっとちゃんと勉強しようかなーと思っている人です。既に他の言語を習得している人であれば、サイ本なりなんなり、JavaScriptを事細かに解説している書籍を手にとっても、読み進めていけるでしょうが、そうでない人にとっては、そのような詳細な解説書を読むのは、結構厳しいと思います。しかし、仕事でjQueryなりなんなりを使う機会は増えてきたし、でもJavaScriptをどうやって勉強したらいいかわからないし・・・と思っている人には、この本がベ
A Baseline for Front-End Developers
12 Apr 2012 edit I wrote a README the other day for a project that I'm hoping other developers will look at and learn from, and as I was writing it, I realized that it was the sort of thing that might have intimidated the hell out of me a couple of years ago, what with its casual mentions of Node, npm, Homebrew, git, tests, and development and production builds. Once upon a time, editing files, te
ドットインストールとjsdo.itでプログラミングを学ぼう！
.installで学んで、jsdoitで書く！ プログラミング学習サイト「ドットインストール」にハマっています！ やはり動画というのはテキストだけの解説よりはるかに解りやすいですね。なにより、１回の動画が約３分ぐらいで区切られているので、テンポ良くサクサク進められます。ちなみに、いままでプログラミングをまったく行ったことが無いという方には、「HTML講座」→「CSS講座」→「JavaScript講座」と進めていくのがオススメです。 「プログラミングを始めよう！」と思った際の一番のハードルは”最初の１行を書き始める”ことなので、開発環境をそろえるのに時間がかかるようだと、それだけでモチベーションが萎んでしまうことが多々あったりします。 （ダウンロードにものすご～く時間の掛かる統合開発環境とか orz ） HTML + CSS + JavaScript はブラウザとエディタ(メモ帳でも可)さえ
高まるJavaScriptの重要性 | metaphase Column | 株式会社メタフェイズ
こんにちは、北島です。 今回は少し技術的な話を。 ここ2年ほどHTMLコーダーのスキルセットとしてJavaScriptの重要性が高まってきています。 かつては一部のコーダーやプログラマが書けていれば十分であったはずのJavaScriptが今やマークアップエンジニアやHTMLコーダーでもかなり重要視されるようになってきています。 なぜ、JavaScriptの重要性が高まってきたのでしょうか。 一つはjQuery、prototype.jsに代表されるJavaScriptライブラリの普及にあると思います。 これらのJavaScriptライブラリを使うことで、クリックでメニューがなめらかに開閉したり、スライドショーのように写真が横に流れるようなアニメーションなど、本来であれば複雑な記述が必要とされるスクリプトもより簡単でわかりやすく記述できるようになりました。 これによりJavaScrip
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
yoshiko
実践しながらjQueryを学べるオンライン学習サイト・Try jQuery - かちびと.net
株式会社イープレス｜ホームページ制作、印刷物制作｜愛媛県松山市
CSS 20 stunning examples of CSS 3D transforms