daiyamas blog

オンライン学習サイトでは、コーディングスキルは身につかない！ コーディングを学ぶ際に、prpgateやドットインストールから始める方は多いと思います。これらのオンライン学習サイトは「始めやすく、継続しやすい」教材というのが好評な理由のひとつ...

HTMLメールは、メールクライントによって記述したスタイル通りに表示されないケースが多々発生します。そのため、事前にテスト配信をおこなって表示を確認し、不具合の修正を重ねていく必要があります。

「HTMLメールを効率よく作成する手順」をまとめましたので、これからHTMLメールを作成する機会がある皆さんと共有できればと思い、まとめてみました。

Webに関する学習方法をお伝えしていくにあたって、実践的な内容であればデザインもコーディングも同時進行的に進めていくのが正解です。 しかし、ここでは「独学・格安」を前提に「Webコーディング」のスキルを身に着けていく方法をお伝えしています。

オンライン学習でhtml、cssの学習を行ったものの、cssのスキルが「自分で書けるレベル」にまったく届きません。 htmlファイルにタグを打ってテキストを流し込んだ後、どういうスタイルを当てればいいか？を思い浮かぶことができませんでした。 そこで始めたのが、デベロッパーツールで答えをあらかじめ見てしまう手法です。

エディタの中には文字コードを自動判別してくれる拡張機能を持ったエディタもありますが、うまく動作しないこともあります。というわけで現在はVisual Code Studio、Atom、サクラエディタを使い分けています。

オンライン学習や教本でしっかり学んだつもりの私は、いわゆるWebサイトのコーディング模写にトライしてみることにしました。

「基本を身につけたいのか」「応用力を身に着けたいのか」目的を明確にして教本を探そう！ 教本のサンプルコード「書き取り」練習に最適。自分が書いたコードが実際に動いた時の達成感はたまらない。 書いたコードが動かないとやる気も失せる。テキスト比較ツールを活用しよう。 教本のサンプルページをひたすらトレースしよう。コードを書くことになることが大切。

約3ヶ月間、プロゲートのHTML＆CSS初級、中級編を3周まわしてひたすら学習してみました。では次は、何の教材を使って学習するか？ 私が選んだのは、プロゲートと同様に巷で評判のドットインストールです。

Webディレクション業務には携わっていたものの、コーディング知識はなし。CMSの管理画面でページ改廃を行えるレベル。諸事情により退職したことをきっかけに、コーディングを独学で学ぶことにしました。