ドットミント

[イラレ職人 コロ @coro46]

イラレで写真とかをぜんぶ同じサイズにするのめんどいよー！！って方へ。
「個別に変形」から一括で揃えることができるようになりましたよ。
#本日のイラレ

[コリス🍡🍭 @colisscom]

進化したHTMLとCSSで実装できるさまざまなUIコンポーネントのまとめ、JavaScriptはなし、もしくは最小限 -NoLoJS

https://t.co/satukZQwbe

[ひつじ@ClaudeCode本を執筆中 @hituji_1234]

やっと書けた！
僕がClaudeCodeを使いこなすまでに学んだこと、全部詰め込んで初心者向けに落とし込みました。

【超入門】 ClaudeCode始め方！フォルダ設計から任せ方まで、やり方を全部公開
https://t.co/oXZE5Wagyz

[Hideshi Hamaguchi @hideshione]

ということで、
中学・高校で学ぶ数学は、

関数＝関係を見る力
微分＝変化を見る力
積分＝蓄積を見る力
ベクトル＝方向を見る力
確率＝不確実性を見る力
証明＝根拠を見る力

この6つの「ものの見方」を
教えてくれる教科でもある。

そう考えると、
数学は難しい顔をしているけど、
実は、いいやつなのだ。

[イラレ職人 コロ @coro46]

グラデーションの矢印がぐるっと回る図をサクッと作る方法です。
ちなみにこれは矢印が3本の場合なので、1本や2本などの場合は普通に正円を描いて（分割して）も良いです。
#本日のイラレ

[コリス🍡🍭 @colisscom]

今回はCSSのアップデートが盛りだくさん！ Chrome 150で新しく追加された18個のCSSの機能

https://t.co/aL0xTsPAcr

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

プログラミング初心者向けに、非同期処理やアルゴリズムなどを図やアニメーションで解説しているコンテンツまとめ

こういう躓きがちな概念に絞って説明してくれるコンテンツ、日本だと意外とないんだよね

コードやテキストで説明されてもマジでわからんので、こうやって図解してくれるの助かる

[スズショー｜デザイン @suzusho1115]

【もう上質感はマスターしました】
シンプルの中に高級感を潜ませるのが「上質感」。こちらのサイトでは、線の強弱が優雅な英字フォント「Marcellus（マルケルス）」や「Glass Morphism（グラス・モーフィズム）」でみごとに上質なイメージを表現。見出しは、ZENオールド明朝でした😊グッナイ🌙

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

エンジニアにおすすめの様々なNotionテンプレートまとめ

専用のツールではなくカスタマイズ性が高く色んなプロジェクトに対応できるNotionをあえて使う理由は結構あると思う

特に受託で色んなプロジェクトを受ける人は重宝しそう

[yui540 @yui540]

CSSアニメーションを使った、可愛いホームページを作る活動をしております🫶（お仕事実績より参照）

[yui540 @yui540]

自主制作のローディング用CSSアニメーションでこの子達がお気に入り。

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

よくある教材の簡素なアプリ開発に飽きて、「もっと本格的で現場レベルのプロダクトを作りたい」と思ってる人、朗報

Next.jsとNode.jsを使った「Full Stack Netflix Clone」の開発ロードマップ

この極上のUIクオリティと機能の詰め込み具合で、8時間のロードマップ解説が完全無料なのはバグに近いレベル

・実務レベルの認証機能とデータベース構築
・本家を再現した超高品質なフロントエンドUI
・決済まで連携するフルスタック開発の全手順

英語教材だけどブラウザ翻訳や画面操作だけで詰まらずに完走できる
ポートフォリオの質を一気に引き上げたい人は、画像を見てこのヤバさを実感してほしい

[村田俊英 / Designer @kookaking]

デザインスキルが高い制作会社出身のデザイナーが、事業会社に転職して「変にこだわりがあって扱いづらい、厄介者」になっている理由を解説。

あるあるだから、気をつけたい。

▼組織の「デザインリーダー」に必要な、「感情」の読み方
https://t.co/iqn4CsYee2

[コリス🍡🍭 @colisscom]

HTMLの新しい要素「<install>」はJavaScriptなしで、Webアプリのインストールが簡単にできるようになります

https://t.co/S39W1Bjal5

[QDくん⚡️AI関連の無料教材紹介 @developer_quant]

書籍『Python ゼロからはじめるプログラミング』
のサポートページに、丁寧な解説スライド
（300ページ超）が無料公開されている
https://t.co/LwxwGuUwjA

プログラミング自体が初めてという読者向けに、
図解やイラストを交えてわかりやすく説明されている

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

プログラミング学習にChatGPTを使うコツを書いた「慶應義塾大学 機械学習基礎02 コーディング」がすごい

・初心者がChatGPTを使うメリデメ
・プロンプトのコツ
・実際にコードの生成を行う演習

などなど

ChatGPTに関する資料は数あれど、プログラミング学習に関するものは見ないので助かる

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

模写サイトばかりでデザインカンプからの実装経験ゼロ、これポートフォリオに書けなくて詰んでる人多すぎる

「Frontend Mentor」ならプロ品質デザインを好きなだけコーディング練習できる

初級から上級まで難易度別、レスポンシブ必須の実装

Slackコミュニティで現役エンジニアに質問もできる

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

レベル別にさまざまなサイトを作ってコーディングを学べる「Codejump」がすごい

HTMlL/CSSのみを使った初級レベルだけでなく、jQueryやWordPressを使った中級以降のレベルも充実してる

作るものもLP、コーポレートサイト、メディアなど様々

基本的に無料で使えるのも嬉しい

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

Microsoft公式がGithubに完全無料で公開してる「Web開発講座」が有益すぎ

これ、HTML/CSS/JSの基礎からAIアシスタント構築のトレンド技術まで網羅してる

・イラストや図解が豊富でわかりやすい
・内容も日本語訳されてる
・学習ボリュームが圧倒的

これからWeb開発始める人は全員ブクマすべきだな...

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

ポートフォリオ作る時に絶対見た方がいい

無料で利用できる様々なAPIが集まってる「Public APIs」

・動物
・アニメ
・文章解析
・ニュース
・セキュリティ

などなど、相当な数がある

APIを使うことで作れるポートフォリオの質が全然変わるので、ぜひ面白そうなものがないかチェックしてみて