うるふ｜プログラミング×ブログ

独学だけだと「こんな初歩スキルが役に立つのか……」っていう思考に陥ってしまう。脱インプットばかりのノウハウコレクター。ブログ書いてます✨

[Hodachi | LLM & AI Engineer @hokazuya]

Runwayが凄すぎる。

画像の選択範囲に対してモーションをつけて動かしてる。

なんだこれ、のレベル。

[IVAN@AR × Marketing @van_eng622]

すげー
これどんな仕組みになってるんだ...

[ユイ🌷著書CSSデザイン本 @mndgn_y]

思わず撫でたくなる質感を CSSだけで再現🌷
#ニューモーフィズム

[うるふ｜プログラミング×ブログ @urufu_note]

ブログのSNSボタンとシェアボタンが青いTwitterのアイコンのままでしたので、Xのアイコンをダウンロードして自分でカスタマイズしていました。
今朝テーマの更新をしたところ、Xアイコンの部分が重なっていましたので、テーマ側でも実装されたのですかね？
手直し完了です。

https://t.co/d8XwvULPXk

[AGIラボ @ctgptlb]

【ブクマ必須】場面別、プロンプトに取り入れたい思考法38選💡

水平思考以外にも様々な思考法があります。
また、場面ごとに有効な思考法は違うはず。

今回紹介するワードをプロンプトに組み込むことで、一味違う出力に。

【🎨クリエイティブな発想が欲しい場面】
- 非線形思考
- 多角的思考
- 型破りな思考
- アウトオブザボックス思考
- 発散思考
- 閃き思考
- 逆説思考
- 冒険的思考
- 左脳思考
- 右脳思考

【🛠️ 問題解決に特化した場面】
- 分析思考
- 全体論的思考
- 抽象化思考
- 問題解決思考
- システム思考
- 仮説思考
- プロセス思考
- IF思考

【📈 組織やビジネスでの戦略的思考が必要な場面】
- イシュードリブン思考
- レバレッジ思考
- 戦略思考
- 価値創造思考
- スタートアップ思考
- DX思考

【📚 詳細な分析や論理的な議論が必要な場面】
- 論点思考
- クリティカルシンキング
- 批判的思考
- 水平思考
- 垂直思考
- 演繹的思考
- 帰納的思考

【💬コミュニケーションや表現が必要な場面】
- デザイン思考
- ビジュアル思考
- 言語思考
- アート思考
- 図解思考
- コンテキスト思考
- アナロジー思考

今回の思考法の分類はただの一例です。例えば、水平思考はクリエイティブな場面でも有効なことがわかっています。

実際にこの場面でこの思���法だと結果が良くなった、などのご報告があれば歓迎します！

<使用例：非線形思考、システム思考、批判的思考、アナロジー思考>

[AGIラボ @ctgptlb]

【朗報】アイデアの質を爆上げする最強のワードが判明

ChatGPTの出すアイデアはつまらないことが多いです。

��かし、ある言葉を入れるだけで、アイデアがクリエイティブで実用的なものになることが判明しました。

そのキラーワードとは「水平思考で考えて」です。

下記、実例5選をご覧ください👇

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

Web制作に関わる人は必読

デジタル庁が作成した「ウェブアクセシビリティ導入ガイド」の内容がわかりやすい

アクセシビリティの概念から具体的にどういった部分を気をつけて改善するかなどが、図を豊富に使ってまとめられてる

エンジニアだけでなく、ディレクターやデザイナーも読むべき

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

これ使うとデバイス対応が10倍捗るからWeb制作やる人は見て

複数の画面幅でのレイアウトを一気に確認できる「Responsively」

デバイスを横にし��際の見た目に変えたり、Responsively上でHTML/CSSを編集することもできる

各デバイスでの見え方が一目でわかるので、最後の確認、微修正などに使える

[うるふ｜プログラミング×ブログ @urufu_note]

文字色までしっかりデザイン！真っ黒(#000)はNGって知ってましたか？
#ブログ
https://t.co/jYdJ2vs507

[チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》 @masahirochaen]

ここ15年のロボットの進化。

たった15年でよちよち歩きから荷物��持って、人間以上の軽快な動きをするようになった。

この進化の推移を見てるとAGI（汎用的人工知能）といった能動的に動いて、様々なタスクをこなすドラえもん的なロボットの完成もそう遠くない未来のように思える。

[うるふ｜プログラミング×ブログ @urufu_note]

しかし、実装されていない機能もあります。

CodePenではposition: sticky;が機能しないので、JSで再現する必要があります。

他にもたくさんあると思う。

[うるふ｜プログラミング×ブログ @urufu_note]

CodePenが便利すぎる✨
https://t.co/PgjDtJhIMH

HTML,CSS,JSをすぐに書けて、ブログにコードと結果を埋め込むことが出来る。
やり方も簡単❗️

ユーザーがコードを公開することができるので、アイデアの宝庫です❗️

#駆け出しエンジニアと繋がりたい

[うるふ｜プログラミング×ブログ @urufu_note]

最近はPC周りのアイテム探すのにハマってます(^^)
Loupedeckは便利だし、何より見た目が良い✨

#ブログ仲間と繋がりたい
https://t.co/m7VYNqtzEO

[うるふ｜プログラミング×ブログ @urufu_note]

はじめは流れてきた海外エンジニアのデザインを見て、影の使い方をパクっていました！

影で表現力UP！CSSシャドウのデザインテクニック【box-shadow】

#Webデザイン
#ブログ

https://t.co/7S9JZkB185

[チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》 @masahirochaen]

【AI動画の進化がスゴい】

MidJourneyとRunwayのGen-2を使って3時間でミュージックビデオを作った猛者が現る

MidJourney：高画質画像
Gen-2：画像→動画

の組み合わせ

特にGen-2で4秒→16秒までの動画生成が可能になったのが大きい

動画編集・制作が根本���ら変わりそう

まさにクリエーター革命

[jhey ʕ•ᴥ•ʔ @jh3yy]

CSS Tip! 🤙

Use custom properties to work out the nested radius of elements for you 😎

.parent {
--nested-radius: calc(var(--radius) - var(--padding));
}
.nested {
border-radius: var(--nested-radius);
}

Couldn't resist making an interactive visual!

@CodePen link below 👇

[うるふ｜プログラミング×ブログ @urufu_note]

最近はPC周りのアイテム探すのにハマってます(^^)
Loupedeckは便利だし、何より見た目が良い✨

#ブログ仲間と繋がりたい
https://t.co/m7VYNqtzEO

[Webクリエイター ボックス @webcreatorbox]

CSS：【CSS】まだホバー時のスタイルを :hover だけで指定してるの？ https://t.co/QN34yxrEzc

[Pratham @Prathkum]

Use these AI tools for your various daily tasks (save hours):

[うるふ｜プログラミング×ブログ @urufu_note]

【今しかない！】
個別指導型IT塾"ASUCODE"について調べてみました。
PythonとDjango、GitやSlackまで使ってリアル企業体験できます。
記事にまとめましたので読んでみてください。
#プログラミング初心者 https://t.co/a97Y1awi2V

[Webクリエイター ボックス @webcreatorbox]

【CSS】CSSの値と単位が新しくなっていますが、ついていけてますか？ https://t.co/Jz0JOeAMMP