ゆんゆん@fx好きなWEB屋 (@yunyun_org) 's Twitter Profile
ゆんゆん@fx好きなWEB屋

@yunyun_org

「初めてのEC開設のお手伝いしてます。」/ WEB制作会社で実装周り担当してます🧑‍💻→最近はフロントエンド寄り。/筋トレしたり、fxしたり、コード書いたり、、「あっこれこれ!」な情報を発信してます。

ID: 1141429629862862849

linkhttps://yunyunblog.org calendar_today19-06-2019 19:36:45

17,17K Tweet

1,1K Takipçi

787 Takip Edilen

honey32 (@honey321998) 's Twitter Profile Photo

React 19 で入る style タグ巻き上げ機能を使うと、CSS in JS を使わなくても、こんなことができる! (Next.js の最新版、css は String.raw のエイリアス) 今現在は引用符がエスケープされてしまうので data-theme="light" のくだりは上手くいかないですが…

React 19 で入る style タグ巻き上げ機能を使うと、CSS in JS を使わなくても、こんなことができる!
(Next.js の最新版、css は String.raw のエイリアス)

今現在は引用符がエスケープされてしまうので data-theme="light" のくだりは上手くいかないですが…
honey32 (@honey321998) 's Twitter Profile Photo

React と Next.js の比較がよくあるけど、 「フレームワーク抜きのReact」と「React」の特徴が混同されがちな件、ベン図を書いてみた scrapbox.io/honey32/React%…

くるしば | Udemyベストセラープログラミング講師 (@shiba_program) 's Twitter Profile Photo

プログラミング初心者に常に手元に置いといて欲しいチートシートまとめ 人間一度覚えたことを忘れるのは防ぎようがない なのでいかに素早く思い出せるか工夫しとくのが大事 そんな時こうしたチートシートは有用

プログラミング初心者に常に手元に置いといて欲しいチートシートまとめ

人間一度覚えたことを忘れるのは防ぎようがない
なのでいかに素早く思い出せるか工夫しとくのが大事

そんな時こうしたチートシートは有用
azu (@azu_re) 's Twitter Profile Photo

お、三角関数でのhoverのやつだ "Creating a pointer-friendly submenu experience – React Spectrum Blog" react-spectrum.adobe.com/blog/creating-…

そぞら@Raspberry Pi 電子工作 (@sozoraemon) 's Twitter Profile Photo

世界中からラズパイにアクセス可能な「Raspberry Pi Connect」がリリース。 ①Raspberry Pi IDを作成 ②ラズパイにソフトをインストール ③生成されたURLに他のデバイスからアクセスすると画面共有できる これは待ち望んでいた人も多いはず。raspberrypi.com/documentation/…

横澤由香里|デザイナー|夜. (@asahirumi) 's Twitter Profile Photo

「デザインてこの幅でいいんだっけ」とデバイストレンドはアップデートされていくし、オンスクリーンのデザインに興味ある方はおさらいに。 【2024年最新】Webサイトの横幅サイズはどう決める?最新トレンドも紹介 design-baum.jp/design/4144/

jhey ▲🐻🎈 (@jh3yy) 's Twitter Profile Photo

3D CSS image slider works well on device 🤙 li { --item-width: clamp(120px, 20vmin, 12rem); --radius: calc( (var(--item-width) / sin(var(--inner-angle))) * -1 ); } It's cool how you can use a clamped value with "calc"

かみぱっぱ (@kamipapa2) 's Twitter Profile Photo

オスマン帝国時代の金細工の財布すげぇな…。 こういうの見るたび人間の技術と発想と努力は突き抜けてんなって思う(´ω`)

honey32 (@honey321998) 's Twitter Profile Photo

僕が公開した「(React の) useEffect の挙動と、依存配列の指定のしかた」が有益だと思うので共有します。 ・エフェクトの基本的なメンタルモデル ・依存配列の意味 ・リンタを使った、安全で楽な指定方法 をまとめています。 URL はこちら👇 youtu.be/BAkAd2cEIno?si…

僕が公開した「(React の) useEffect の挙動と、依存配列の指定のしかた」が有益だと思うので共有します。

・エフェクトの基本的なメンタルモデル
・依存配列の意味
・リンタを使った、安全で楽な指定方法
をまとめています。

URL はこちら👇
youtu.be/BAkAd2cEIno?si…
koichik (@koichik) 's Twitter Profile Photo

Next.jsのfetch()によるデータキャッシュがデフォルトでは無効となるようです(まだマージはされてません) 念願のオプトイン! github.com/vercel/next.js… (午前中に勘違いポストをしていたのは内緒だ😇)

microCMS|APIベースのヘッドレスCMS (@micro_cms) 's Twitter Profile Photo

\弊社メンバーが執筆した技術書が発売が決定!/ この度、弊社のエンジニアが執筆した 『Next.js+ヘッドレスCMSではじめる! かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた』 が翔泳社から2024年7月8日(月)に発売されることになりました!🎉🎉

\弊社メンバーが執筆した技術書が発売が決定!/

この度、弊社のエンジニアが執筆した
『Next.js+ヘッドレスCMSではじめる! かんたんモダンWebサイト制作入門 高速で、安全で、運用しやすいサイトのつくりかた』
が翔泳社から2024年7月8日(月)に発売されることになりました!🎉🎉
microCMS|APIベースのヘッドレスCMS (@micro_cms) 's Twitter Profile Photo

\ブログ公開/ Next.js × microCMSで、複数店舗を管理する際の検索機能を実装する方法を解説しました!🎉🎉 ご紹介した方法では、Google Mapと組み合わせ、登録している店舗をエリアやカテゴリ、店舗名で検索することが可能です。 ぜひ設計の参考にしてみてください!🙌 blog.microcms.io/search-store/?…

Kagerou(shiromac) (@shiromackagerou) 's Twitter Profile Photo

これは単色だと錯視でグラデーションがかかっているように見えてしまうので、それを打ち消すために逆のグラデーションをかけて単色に見せかけていますね。匠の技です

TAK (@tak_dcxi) 's Twitter Profile Photo

🙋「私は`rem`や`vw`を指定するときに電卓を叩いて計算します!」 🤖「計算式をそのまま`calc()`内で指定すればいいのに…」 ✅後からコードを見返したときにどうしてその値になったのか?が分かりやすい🫵 ✅値の変更が起こってもわざわざ計算をし直す必要がない🫵 #Web制作

🙋「私は`rem`や`vw`を指定するときに電卓を叩いて計算します!」
🤖「計算式をそのまま`calc()`内で指定すればいいのに…」

✅後からコードを見返したときにどうしてその値になったのか?が分かりやすい🫵
✅値の変更が起こってもわざわざ計算をし直す必要がない🫵

#Web制作
Jeffry Alvarado (@jalva_dev) 's Twitter Profile Photo

Gitでバージョン管理中にミスをして絶望的な気持ちになったことはありませんか?そんな時のために、ミスの対処法を集めたリソースがあります。これをブックマークしておけば、もしもの時に役立つでしょう。もしGitのコミット履歴を修正する必要があるなら、まずこのリソースに解決策がないか確認してみ

Gitでバージョン管理中にミスをして絶望的な気持ちになったことはありませんか?そんな時のために、ミスの対処法を集めたリソースがあります。これをブックマークしておけば、もしもの時に役立つでしょう。もしGitのコミット履歴を修正する必要があるなら、まずこのリソースに解決策がないか確認してみ