![正方形のプロフィール画像さんとプロフィール画像を開きますさん](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"><rect fill-opacity="0"/></svg>)
受講数22,000人突破！卒業生の実績は『東京フリーランス』で検索
![正方形のプロフィール画像](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48"><rect fill-opacity="0"/></svg>)
Sass
JavaScript (jQuery)
---------最低限-----------
命名規則(BEM)
gulp
git
Wordpress
--必要とされる事が多い--
ejs
-------あったら良い------
埋め込みGoogle Formの見た目を自由にカスタマイズする方法
Google Formってサイトの雰囲気を損なうため使えないこともありましたが、自由にカスタマイズできるようですね。
設置が楽なので、Google Formを使えると非常にありがたい。
LPサイトを仕事でコーディングするために覚えておきたいjQueryやCSSの構成要素を21個！
haniwaman.com/lp-coding/![画像](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="301" height="360"><rect fill-opacity="0"/></svg>)
![画像](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="279" height="360"><rect fill-opacity="0"/></svg>)
でも、自分でLP作れた時は感動するし自信にもなるので頑張りましょう
jQueryの勉強でオススメの本
Progateでは教えてくれない基礎的なことから、実際によく使用される機能のコード解説もしてあります。
この本を見ながら案件を進めたりしていて、jQueryの理解に非常にお世話になった本です。![画像](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="680" height="510"><rect fill-opacity="0"/></svg>)
＜ 契約書で気をつけたいポイント
契約書はフリーランスにとって非常に重要なモノです。
契約書の中身はすべて重要ですが、特に気を付けたいポイントを紹介します
どの仕事でも契約書は絶対結ぶようにしましょう
#デイトラ![画像](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="360" height="360"><rect fill-opacity="0"/></svg>)
Webliker：webliker.info
サルワカ ：saruwakakun.com
基礎部分がしっかり書いてあるので、困ったらまずこのサイトを見返して見てください
・HTMLとCSSってどんな言語？
・30DAYSトライアルってどんな学習カリキュラム？
・30DAYSトライアルが終わったら何ができるの？
・効率的な勉強法
tokyofreelance.jp/howto-study-ht
hoverした時にズームするやつとか、backgroundの色変えるやつとかすぐにできる
もっと早く知りたかった、、、
ianlunn.github.io/Hover/#effects
“フリーランスコーダーに必要なスキル”
ここまで勉強しておけば、営業した時にスキルを理由に足切りされることはあまりないです。
必要なスキルと勉強方法をまとめたので、ぜひご覧ください！
twitter.com/i/moments/1169コーダーとして信頼されるための、納品前チェック１５項目
納品前にチェックすべき項目と使うツールが綺麗にまとまっています。
実案件をやるときには上記チェック項目は確認すべきなので、独学の時からチェックの癖をつけときましょう！
メンターはデイトラ完走後、制作会社でバリバリ実務経験を積んでる現役マークアップエンジニア4名
デイトラ経験者なので技術的な質問に加えて進め方の相談も可能です
費用は月額6000円のみ！必ず完走して人生変えよう
CSS Peek
HTMLのクラスをcommandを押しながらホバーすると、
そのクラスのCSSを修正できたり、CSSファイルの該当場所に飛べたりします。
結構便利なのでオススメ
かなりのボリュームがありますが、最後まで目を通した方がいいです。
CSSで気をつけるべきことが全て詰まっています
hashimotosan.hatenablog.jp/entry/2019/05/
この機能でモバイルサイトのテストを簡単にしちゃいましょう
＜かおるさん
#デイトラ #業務ハックSassを学ぶ時に参考にするもの
Progateとはにわまんさんのブログを読み終わった後は、下記の記事も読みましょう。
Sassについての勉強は大体この記事でOKです。![画像](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="288" height="360"><rect fill-opacity="0"/></svg>)
皆様のおかげでデイトラが
2022年度のベンチャー100に選ばれました
これからも皆様に愛され、そして
『だれもがITスキルを学べ可能性を拡げられる環境を創る』
ために尽力していきますので、何卒よろしくお願い申し上げます
ネット上では一番詳しく羅列的に解説していると思います
Sassを始めたときにこの資料を見つけたかった
やさしいSassり方初心者必見！プログラミングの独学を成功に導く具体的な学習方法を徹底解説！
プログラミングは、なんとなく教材を進めていくだけだと挫折しやすいので、しっかり環境や意識を整える必要があります
これからプログラミングを始める人は読んでみてください！
tokyofreelance.jp/how-to-learn/
同じ教材を復習するより
違う解説で理解できる時がある
知識が増える
何が頻出するのかわかる
などのメリットがあります
例えば、Progateでわからない部分はdotinstallを見るとか
『知っているだけで差がつく デザイナーの現場力』
450人以上が参加予約し、大好評だった
デザイナー現場の実態を解説したウェビナーのアーカイブを無料公開しました
見逃してしまった人
復習したい人
などぜひ![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="200"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="480" height="271"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="680" height="357"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="315"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="680" height="356"><rect fill-opacity="0"/></svg>)
![モバイルサイトのテストに使用できるいくつかのモデルを備えた、コンピューター上の非常にリアルなスマートフォンシミュレーター。 iPhone 15、Galaxy S22、iphone5など](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="240" height="164"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="900" height="301"><rect fill-opacity="0"/></svg>)
![](data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="679" height="461"><rect fill-opacity="0"/></svg>)