LAYLA

Web制作会社社員(3年目) です！ #とりあえずインプット垢 マークアップエンジニア・フロントエンジニア

[こぎそ @kgsi]

ついさっきリリースされたFigma公式のChrome拡張、かなり実用的だった✨

Webページ全体や特定のUIをキャプチャして、Figmaに貼ると編集可能なレイヤーとして持ってこれる。画像として貼られるのではなく、テキストやフレーム、画像、図形として扱えるのが大きい。
試しにhttps://t.co/8EcW8pvqkvをChrome拡張経由でキャプチャ、Figma側にコピーして編集できる状態にしたけど、相当に精度高くキャプチャできてた、このデータを再度AIに渡せばフィードバックサイクルが非常に楽になる。

Figma MCPで提供していた`generate_figma_design`が、Chrome拡張から、簡単にできるようになった...と理解してる。これで結構デザインの景色が変わりそう。

[zen. @zentalksai]

GOOGLE MAPS YA NO ES SOLO UN MAPA.

Pega cualquier link y esta IA lo convierte en un mundo 3D que puedes editar.

Gratis. Sin instalar nada.

Os dejo el link debajo.

[池田 泰延 @clockmaker]

Vite 8正式版、たまげるほど爆速
#JavaScript #TypeScript

[鹿野 壮 Takeshi Kano @tonkotsuboy_com]

CursorのVisual Editor（ビジュアルエディター）を早速使ってみたら、エグかった😱
1. Figma UIでデザインを編集。paddingの調整・グラデーションの変更など
2. Applyを押す
3. コードがそのまま実現💐
「Figmaで描いた絵を再現する」時代から「Figmaである程度デザインを作って、Cursor上で最終成果物を直接いじってAIにコードを書かせる」時代になった。

なお、ビジュアルエディターのUIはどうみてもFigmaです。ありがとうございます

https://t.co/tNaobbKfqP

#Figma #Cursor

[コリス🍡🍭 @colisscom]

HTMLの仕様が変更され、属性値内に記述した<と>がエスケープされるようになります

https://t.co/Ip7W2rjsvv

[CSS by T. Afif @ChallengesCss]

Updating the "inverted radius" shape to add two more variables to control the offset of inner curve.

https://t.co/psg33yqkZN

[Swapna Kumar Panda @swapnakpanda]

Top 20 YouTube Courses to learn from in 2025:

❯ C++
https://t.co/ivCdizOk9t

❯ Java
https://t.co/yO1jNhRxt1

❯ Python
https://t.co/G1w3dCVxfA

❯ JavaScript
https://t.co/ed0HukFAnC

❯ Go
https://t.co/yUENUeNAcb

❯ C#
https://t.co/XvYD6WWied

❯ PHP
https://t.co/PoHe5FQfib

❯ SQL
https://t.co/C0SB4vrXlr

❯ C
https://t.co/rWsqnIGaOx

❯ Swift
https://t.co/8ztayGYyBA

❯ Kotlin
https://t.co/AiL1hWjz1x

❯ Dart
https://t.co/uyi29siX8b

❯ TypeScript
https://t.co/Ls248WgGyb

❯ Ruby
https://t.co/4clJ1JT1EU

❯ Rust
https://t.co/yZWu2cgl4F

❯ Scala
https://t.co/JnNYYq5uz6

❯ Julia
https://t.co/IML4LMWzcp

❯ Data Analysis
https://t.co/S3lJvLDFZj

❯ Machine Learning
https://t.co/f4P4Ad0hNm

❯ DSA
https://t.co/lIHpLKD8tw

[sititou70 @sititou70]

TypeScript研修とWeb a11y研修を担当しました

株式会社リクルート　エンジニアコース新人研修の内容を公開します！（2024年度版） | Recruit Tech Blog https://t.co/36q1Bdra4L

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

「そのコードが何をしてるか」で検索できる検索エンジン「buildt」がすごい

普通変数や関数名などで検索をかけるが
「ユーザーがログインしているかどうか」
というように、コードが何をしているかで検索できる

大人数で開発してたり、自分で書いたコードが少ないプロジェクトはめちゃ助かる...！

[Koder @koder_dev]

1分でエンジニアの皆を幸せにするからちょっと時間ちょうだい🤏

なんか気になる技術とかある時とか初めて触る技術の時とかに「(学びたい技術)　初心者」とか「入門」とかで検索してると思うんだけど、そうじゃなくてさ

「(学びたい技術) 101」って入れてみて！！

ガチでアクセス出来る情報が全然違くてビビるから！

ちなみに101はスラングで大学の入門講座のコース番号として良く用いられることから、初心者向けや入門講座という意味合いがあるよ✌️

だから、Youtubeとかで101って入れると海外の良質な初心者向け講座が大量に出てくる！

マジで試してみて！

この投稿以外にも、Koder(コーダー)は海外の有益情報を投稿してるのでぜひ確認してみてください! 👉@koder_dev

これからもKoderをフォローしてて良かったと思われるような投稿を頑張ります💪

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

【🔥朗報：無料のClaude 3.5 Sonnet Artifactsの上位互換】

これは画期的。
無料でClaude 3.5 Sonnet Artifactが使える。

・Python data analyst
・Next.js developer
・Streamlit developer

の3種類が利用可能

しかもVercelにワンクリックでデプロイもできる

さらにオープソース

↓使い方

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

コードを書かず直感的にCSSを作れるツールまとめ

イメージのすり合わせが難しいアニメーションやシャドウなどを、コードを書いてはリロードを繰り返して微調整するのは結構大変

もはやデザイナーに使ってCSSを生成してもらうとだいぶ捗る

[こうだい@Web制作者 @kodai_web_tips]

SWELLでホームページ制作をする上で便利なChrom拡張機能はこれです😌

特にEagleは凄く重宝しています！

https://t.co/LEhyEmDGFN

[木内翔大＠SHIFT AI代表「日本をAI先進国に」𝕏 @shota7180]

知らなきゃ損です。

ChatGPT以外にも
最強の相棒になるAIツールがある。

しかし数が多すぎて
AIツールの存在を知りません。

そこで今回はすぐに役立つAIツール
10選をガチでまとめました。

このスレッドを開けばすぐに使えます↓

[タマケン | デザイン @DesignSpot_Jap]

文字をアメコミ風に「ドットのグラデーション」で表現する方法💡
YouTubeで詳しく解説してます！
#illustrator

[オビワン(ob1) @ob1toy]

鈴の音聞こえる配色🔔✨

[ちい🐼 | AI×Web制作で人生に選択肢を @tsurupiyooo]

Web制作めも🌸

position: absolute;した要素を
上下左右中央に置きたいとき💡

今までは
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

でやっていたけど

margin: auto;
inset: 0;

でもできるのでこっちの方が簡単だなーって思います☺️
引き出しとして覚えておくと便利🙆‍♀️

insetプロパティとは？
top、right、bottom、leftに対して一括指定できるプロパティです💡

#irocode
#Web制作めも

[小林 - デザイナー @pulpxstyle]

シンプルアイコンは常にストックしておきたいよね

[Dmitrii Bunin @buninux]

Finalized heatmap charts in Figma

Love how every layout is different from the other 😊

[もち | 経営・デザイン・AI @mochitaro_de]

[再掲] みんな大好き大人可愛いフォント集🕊