コーディングの練習ならこれやってみて!コーディング練習用XDデータを出してるよ!

 

こんにちは!ちづみ です!

私は今、web制作で生計を立てながら、国内外をノマドしながら生きています。

自分自身の学習してきた経験を生かし、これからコーディングを学習してウェブ制作で稼ぎたい人が楽しく、明確にステップを踏めるようにコーディング練習用のXDデータをnoteにて出しています。

※2019年10月現在販売数500部を突破いたしました!

 

XDの特徴

このnoteの内容はXDのデータからのコーディングを行うものです。なぜXDかという理由は以下の通りです。

コーディングしやすい

テキストのコピーやカラーコードのコピーがワンクリックで完了します。

pxの数値の取得もとてもわかりやすく簡単なので、コーディングがとてもしやすいのがXDの特徴です。

 

url形式なのでXDを持っていなくてもデータが見れる

webデザインで主流のadobeのIllustratorやPhotoshopはデータを確認するにはソフトを持つ必要がありますが、XDの場合はurlでデータを共有することができるので、ネット環境があれば大丈夫です。

XD自体が無料ではありますが、持っていなくてもコーディングデータがみれるのは大きな利点です。

 

コーディングの練習ならこれやってみて!(入門編)について

一番優しい難易度です。Progateのhtmlコースをやっていればできる難易度とは思います。

入門編はこんな感じです

ボリュームもそんな多くないので、気軽に始められると思います!

 

 

コーディングの練習ならこれやってみて!(初級編)について

初級編のデザインはこんな感じです!(2019年10月30日リニューアルしました)

 

基準としてはProgateのhtml、cssが終わった方ならググりながらできるレベルです。

 

 

 

コーディングの練習ならこれやってみて!(中級編)について

中級編はこんな感じです。

初級編が終わった方ならできそうなくらいのデザインを意識して作りましたが、結構やりがいのあるデザインです。

 

このnoteのメリット

メリット
  • ポートフォリオに掲載できる
  • ちょうどいい難易度のものに取り組むことができる

ステップを確実にふみつつ、実務に繋げられるようなnoteですので、興味があればぜひご活用ください!