ども!おるずです。今日はWeb業界で知らない人は居ない(?)初心者向けプログラミング学習サイト「ドットインストール」についてご紹介します。
あまりに有名で紹介しているブログさんも多々あることですし、本記事では集客目的でブログやサイトを運用している方にオススメの内容を中心にご紹介します。特に「HTMLやCSSの仕組みくらいはちょっと覚えておきたい!」「自分でカスタマイズができるようになりたい!」という方には最適かと。
ドットインストール
http://dotinstall.com
3分動画でマスター!「ドットインストール」とは?
「ドットインストール」は、IDEA*IDEAの百式さんが運営されているWebサービスです。簡単に言えば「様々なプログラミングスキルをレッスン動画を見ながら学べる」サイトです。
一番の特徴は、レッスン(講座)の動画が細かく分かれている点。だいたい1動画3分くらい。例えば「HTML入門」講座だと、全24回なので3分動画が24本あるという形です。
僕もいくつかやってみたのですが、この3分というのがちょうど良いんですよね。短いので気軽に再生できるし、でも実際やり始めると「あ、次もやっとこ・・」とドンドン次へ進みたくなります(笑)
ブログ集客にも使えそうなレッスンは?
僕は常々、「ブログやWebサイトを運用するなら、多少のHTMLやCSSの知識(というか仕組み)を知っておくだけでも、結構やれる幅が広がりますよー!」と言っておるのですが、最初の取っ掛かりとして「ドットインストール」のようなサイトは、ぜひ活用してもらいたいです。
本買ってガッツリ勉強するぜ!とまでのモチベーションが無くても良いですし、動画を見ながら実際に手を動かして学べるので「お、できた!」という実感もあるので、結構楽しく取り組めると思います。
「ドットインストール」ではWeb系からスマホアプリ系まで、プログラミング全般を扱っていらっしゃるので・・ここでは、ブログやWebサイトを運用していくにあたって役に立ちそうなレッスンをいくつかご紹介。全部やっても数時間で終わるので、一気にやってみても面白いかと思います!
1. HTML/CSS
HTMLとCSSは、覚えておくと色んな場面で役立ちます。実際にHTML/CSSを書いてブログデザインをカスタマイズする時にも使えますし、そうでなくても例えばWordPressで記事を書いている際に「今書いている内容がどんなHTMLで出力されるのか?」が分かっていると、より表現の幅も広がります。
以下のレッスンで、基本的なHTMLタグやCSSについて是非覚えてみてください。
2. CSS3
上のCSSをマスターしたら、是非CSS3も学んでみましょう。CSS3はCSSの拡張版で、CSSには無い命令がたくさんあります。
基本的なHTML/CSSは理解していないと混乱してしまうので、上のレッスンがひと通り終わってから挑戦を。
3. jQuery
jQueryはWebサイトに動的な仕掛けをする際、よく用いられます。アニメーションとか。厳密に言えばjQueryはJavaScriptというプログラミング言語を使いやすくしたものなんですが、色んな場面で使われるのでコチラから覚えちゃった方が良いかもしれない。
「アニメーションとか難しそうだし、別に覚えなくても良いかな〜」と思った、そこのアナタ。実はこのjQuery、ブログカスタマイズだとかなり活躍するんですよね(笑)
無料ブログ(アメブロとか?)などHTML部分を直接いじれないサービスでも、jQueryの「HTML要素追加」機能を使えばより柔軟なカスタマイズが可能に。ヘッダー下のメニューを追加したり、各記事の最後に定型文を自動挿入したり、と使い方は無限大。
カスタマイズ方法はネットで調べれば貼付用のコードもたくさんありますが、仕組みだけでも知っておくと色々と応用が効きますよー。
4. WordPress
独自ブログ=WordPressで作る、の流れは鉄板ですが、「ドットインストール」のWordPressレッスンはゼロからWordPressテーマを作っていくスタイルです。まずHTMLでひと通りページを作って、それを分割してPHPファイル化して・・という手順。
なので「既存のWordPressテーマをカスタマイズしたい」と思っている方にはちょっとハードルが高いかもしれません。HTML/CSSでWebサイトを作れるようになったので、それをWordPress化したい!という方は、WordPressテーマの仕組みが分かって良いと思います。
まとめ
というわけで、ブログやWebサイトを運営している方にも役立ちそうな「ドットインストール」のレッスンをご紹介しました。
僕も余裕ができたら、アプリ開発系のレッスンなどもやってみたいですー。