くるしば | ソフトバンクよりReact本発売中

レベル別にさまざまなサイトを作ってコーディングを学べる「Codejump」がすごい HTMlL/CSSのみを使った初級レベルだけでなく、jQueryやWordPressを使った中級以降のレベルも充実してる 作るものもLP、コーポレートサイト、メディアなど様々 基本的に無料で使えるのも嬉しい

もしプログラミング初心者に戻ったら、絶対この順番で勉強する 「〇〇時間勉強しました」より「これ作りました」の方が現場では100倍評価される 企業が見るのは学習時間じゃなくて「何を作れるか」という証拠だけ だからこそ、最速でアウトプットに繋げるための学習順序がマジで重要

@nneprogramming もし参考になりましたら何よりです！

@shiba_program なるほど... 参考になります

個人開発のネタに迷ってる人、これだけは覚えておいてほしい ・TODOリスト ・メモ帳 ・カレンダー こういうド王道のアプリでも、なんだかんだ全然ウケたりする 生活も仕事のスタイルも人それぞれ違いすぎて「自分にとって最強の形」がバラバラだから、大手アプリでも全員の好みを取りこぼしまくってる構造になってるんよね つまり「ありきたり」と思われがちなジャンルこそ、一定数のニッチにガチで刺さるチャンスが転がってる ネタ探しは難しく考えず、自分が毎日使うアプリの「ここイマイチ」を書き出すのが最初の一歩としてはおすすめ

転職時などの技術面接によく聞かれる質問が集められた「awesome-interview-questions」 言語や技術ごとに質問が整理されておりとても読みやすい 技術面接はある程度現場経験や技術力があっても対策しないと結構難しく、ここを怠って落ちる勿体無い人も多い 転職を考え始めてる人はぜひ眺めてみて

フロントエンド学習者は全員ブクマすべき VSCodeの拡張機能、これだけは絶対に入れておきたい4選 ・タイポチェック ・パス補完 ・コード整形 画像にまとめた4つの拡張機能を入れるだけで、面倒な単純作業が自動化されて時間が溶けるのを防げる 設定は一瞬で終わるのに効果は一生続くから、まだ手動でやってる人は今すぐ設定して

FlutterとGoogle Map APIを利用してUber風の地図UIを作成する「Maps with Flutter & Google Maps Platform」 地図の表示や住所と緯度経度を変化するジオコーディング処理などが学べる モバイルアプリは位置情報をうまく使うと面白いものが作りやすいので、こういったUIの作り方は知っとくと良い

SanSanが無料で公開してる「新卒エンジニア向け研修資料」が有益すぎ 実務レベルのバックエンド開発の流れが驚くほどコンパクトにまとまってる ・API設計＆実装 ・バッチ処理の基礎 ・Docker環境構築 ・本番デプロイ 現場で求められる知識がここまで網羅されてて完全無料 どこで学べばいいか迷ってる人は全員ブクマすべき

ポートフォリオ作る時に絶対見た方がいい 無料で利用できる様々なAPIが集まってる「Public APIs」 ・動物 ・アニメ ・文章解析 ・ニュース ・セキュリティ などなど、相当な数がある APIを使うことで作れるポートフォリオの質が全然変わるので、ぜひ面白そうなものがないかチェックしてみて

久々にマジの神サイト見つけた 「基礎は終わったけど、いきなり実案件は怖すぎる...」と手が止まってる人多いはず 模写ばかりでデザインカンプからどうコードに落とし込むかイメージが湧かないなら、これ一択 ・Figmaデザインからの実装を6案件分も無料で練習できる ・コーポレートやLPなど実務で頻出の構成を網羅 ・BEM設計やレスポンシブ対応まで実践的に学べる 完成品はおしゃれでそのままポートフォリオに載せられるクオリティ 面倒な登録不要で今すぐ始められるから、まずはLevel1から挑戦してみて

サイバーエージェントの無料公開されてる新卒研修資料がすごい 特に「良いコードとは何か」のスライドは良いコードについて非常に体系的に説明されており超勉強になる 他にもチーム開発やプロダクト作りについてなど、基礎が終わった人が転職や実務までに見ておきたい内容が盛りだくさん

13万人を集めたアプリをマネタイズ失敗で閉鎖した開発者が辿り着いた、「万人受けを意図的に捨てる」という極端な戦略 多くの個人開発は無料枠で間口を広げようとするが、結果的に利益を生まないユーザーへの対応で疲弊しがちになる そこで彼は初日から無料プランを撤廃し、非建設的なクレームには一切対応しない割り切りを選択している サポートから浮いた時間の半分を透明性の高い発信のみに投資し、濃いファンにだけ還元していくサイクルがめちゃくちゃいい 僕も覚えがあるけど、お金を払ってるユーザーよりも、無料のユーザーの方がしょうもないやばいクレームを入れてきたりとか結構あるんだよね 単純に数だけでなく、一人当たりの対応コストという点でも、有料ユーザーの方が少ないことが多いので、これは正解だと思う

React初心者によくある 「クリックしても反応しない…」 「入力値の取得方法が分からない…」 「親要素のイベントも発火してしまう…」 などを解決するために、よく使うイベント処理まとめてみた ・onClick, onChange など10種類を網羅 ・preventDefault/stopPropagationも解説 ・全てサンプルコード付き

Web制作者の9割が知らない、作業効率を2倍にするChrome拡張機能4選 全部無料で今すぐ使える神ツール 特にLoomは、リモートワークで「テキストじゃ伝わらない...」のストレスから解放してくれる

プログラミング初心者の9割がまだ使ってない、海外の神学習サービスまとめ 基礎から実践まで網羅したfreeCodeCampに、複雑なGitを視覚的にマスターできるLearn Git Branchingなど、使わないと損するレベルのサイトばかり 「英語が苦手」って理由だけでこれらをスルーするのは本当に勿体無いからチェックしといたほうがいい

CSSやJSのフレームワークを使わずに20個のミニPJを実装する「Vanilla Web Project」がマジで勉強になる 作るのはフォームのバリデーションや動画プレイヤーから、ブラウザゲームまで様々 ライブラリやフレームワークに頼らず自前で実装するのは、学習としてはめちゃ大事なのでぜひやって欲しい

配列の扱いめっちゃするので知っておくといいですね〜、破壊的メソッドと非破壊的メソッドがあるので知っておいた方が良い。 この中でもmapはめちゃ使う