フロントエンド情報を毎日発信📢 ㈱How to Use CTO/㈱ステラクリエイト CEO/デジハリ・HAL・京都芸術大学講師/futureshop認定マイスター/星のソムリエ®/Friends of Figma Osaka Leader/LottieFiles Evangelist/Amazonアソシエイト参加中
大阪市
- Tweets 33,046
- Following 2,623
- Followers 3,258
- Likes 152,065
Pinned Tweet
ネットショップ担当者フォーラムさんで記事が公開されました！
ECサイト運営で〜とありますが、実装面でのパフォーマンスとアクセシビリティのベーシックなお話となっています！
読んでいただけると嬉しいです！！！！
記事をアップしました！
ECサイト運営で無視できないパフォーマンス＋アクセシビリティの改善価値とは。よくある誤解と本質的な改善アプローチを解説
netshop.impress.co.jp/e/2026…
3
36
11,943
長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro retweeted
10/31（土）13:00-17:30
Friends of Figma Osaka #14「Figma Make-a-thon」を開催します🙌
参加無料です！ぜひご参加ください☺️
friends.figma.com/events/det…
#fof_osaka #Figma #FigmaMake
#GMOYours
#GMOインターネットグループ
📣 Friends of Figma Osaka #14、お申し込み開始しました！
friends.figma.com/e/mwpxvy/
10/31（土）は「Figma Make-a-thon」🙌
今回はFigma公式のイベント「Make-a-thon」を、Friends of Figma Osakaでも開催します！
いつものセミナー形式とはちょっと違って、みんなでグループに分かれて、お題に沿ってFigma Makeで制作するハッカソン形式のイベントです💪
当日発表されるお題をもとに、
「こんなのあったら便利かも」
「これ、Figma Makeで作れるんじゃない？」
というアイデアを、実際に形にしてみましょう！
制作後はみんなで発表＆投票。
上位入賞者にはFigmaグッズもあります🎁
「Figma Make、気になってるけどまだあまり触れてない」
「AIを使って何か作ってみたい」
「一人だとなかなか試す機会がない」
という方もぜひぜひ。
当日は参加者全員にAIクレジットも無料配布されるので、Figma Makeをしっかり試せます🤖✨
もちろん、Figma仲間を増やしたい方も大歓迎です！
📅 10/31（土）13:00〜17:30
📍 GMOインターネット株式会社 大阪オフィス
グランフロント大阪 タワーB 23階
参加無料です🙌
ぜひ遊びにきてください〜！
#fof_osaka #Figma #FigmaMake
#GMOYours
#GMOインターネットグループ
1
1
157
長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro retweeted
CSSのような書き方で、3Dシーンを作れるGSSを試しました。
形・質感・色・動きを変えながら、実際のヒーロー領域に配置して確認できる「GSS Scene Studio」です。
GSSはCSSのような記述で、シーンをGPU用のシェーダーに変換する言語です。
#GSS #Frontend
If you can write CSS, you can write GSS { ● }
I've been dreaming of this for years: a language to build 3D scenes like you write CSS. Selectors, cascade, :hover, keyframes… compiled to one GPU shader.
Meet GSS: GPU Style Sheets.
gss-lang.dev
#shader #glsl #gss
2
5
37
1,902
CSSのような書き方で、3Dシーンを作れるGSSを試しました。
形・質感・色・動きを変えながら、実際のヒーロー領域に配置して確認できる「GSS Scene Studio」です。
GSSはCSSのような記述で、シーンをGPU用のシェーダーに変換する言語です。
#GSS #Frontend
If you can write CSS, you can write GSS { ● }
I've been dreaming of this for years: a language to build 3D scenes like you write CSS. Selectors, cascade, :hover, keyframes… compiled to one GPU shader.
Meet GSS: GPU Style Sheets.
gss-lang.dev
#shader #glsl #gss
2
5
37
1,902
↓デモはこちら
stella-create.co.jp/tools/gs…
GSS公式サイト
gss-lang.dev/
GSS公式ドキュメント
gss-lang.dev/docs
GSS Showcase
gss-lang.dev/showcase
2
129
長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro retweeted
10/10土曜日大阪のDesign Boost in Osaka、タイムスケジュール出ました。
わたしは「バナー制作やビジュアル制作の発想に「ロジカルに考える・ラテラルに広げるデザイン」」というお話をさせていただきます。
もう今週末！お待ちしております。
cssniteosaka.doorkeeper.jp/e…
4
17
1,464
長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro retweeted
GSSすげえ
If you can write CSS, you can write GSS { ● }
I've been dreaming of this for years: a language to build 3D scenes like you write CSS. Selectors, cascade, :hover, keyframes… compiled to one GPU shader.
Meet GSS: GPU Style Sheets.
gss-lang.dev
#shader #glsl #gss
1
10
66
6,592
長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro retweeted
👾 新 発 売 👾
10/13(火)〜順次 セブン‐イレブンで数量限定発売🛸「限定改造 有頂天エイリアンズ」
秋にぴったり！白ブドウ🍇を思わせる、爽やかでジューシーなヘイジーIPAができました！
いつものビールと“真逆の味わい”をお楽しみください。
※なくなり次第終了
※店舗により取り扱いがない場合がございます
8
202
713
54,937
長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro retweeted
Figma「Make-a-thon」を大阪でも開催します！
みんなでFigma Makeを使って、アイデアを形にしてみましょう🤖✨
📅 10/31（土）13:00〜17:30
friends.figma.com/e/mwpxvy/
#fof_osaka #Figma #FigmaMake
#GMOYours
#GMOインターネットグループ
📣 Friends of Figma Osaka #14、お申し込み開始しました！
friends.figma.com/e/mwpxvy/
10/31（土）は「Figma Make-a-thon」🙌
今回はFigma公式のイベント「Make-a-thon」を、Friends of Figma Osakaでも開催します！
いつものセミナー形式とはちょっと違って、みんなでグループに分かれて、お題に沿ってFigma Makeで制作するハッカソン形式のイベントです💪
当日発表されるお題をもとに、
「こんなのあったら便利かも」
「これ、Figma Makeで作れるんじゃない？」
というアイデアを、実際に形にしてみましょう！
制作後はみんなで発表＆投票。
上位入賞者にはFigmaグッズもあります🎁
「Figma Make、気になってるけどまだあまり触れてない」
「AIを使って何か作ってみたい」
「一人だとなかなか試す機会がない」
という方もぜひぜひ。
当日は参加者全員にAIクレジットも無料配布されるので、Figma Makeをしっかり試せます🤖✨
もちろん、Figma仲間を増やしたい方も大歓迎です！
📅 10/31（土）13:00〜17:30
📍 GMOインターネット株式会社 大阪オフィス
グランフロント大阪 タワーB 23階
参加無料です🙌
ぜひ遊びにきてください〜！
#fof_osaka #Figma #FigmaMake
#GMOYours
#GMOインターネットグループ
2
8
459
長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro retweeted
📣 Friends of Figma Osaka #14、お申し込み開始しました！
friends.figma.com/e/mwpxvy/
10/31（土）は「Figma Make-a-thon」🙌
今回はFigma公式のイベント「Make-a-thon」を、Friends of Figma Osakaでも開催します！
いつものセミナー形式とはちょっと違って、みんなでグループに分かれて、お題に沿ってFigma Makeで制作するハッカソン形式のイベントです💪
当日発表されるお題をもとに、
「こんなのあったら便利かも」
「これ、Figma Makeで作れるんじゃない？」
というアイデアを、実際に形にしてみましょう！
制作後はみんなで発表＆投票。
上位入賞者にはFigmaグッズもあります🎁
「Figma Make、気になってるけどまだあまり触れてない」
「AIを使って何か作ってみたい」
「一人だとなかなか試す機会がない」
という方もぜひぜひ。
当日は参加者全員にAIクレジットも無料配布されるので、Figma Makeをしっかり試せます🤖✨
もちろん、Figma仲間を増やしたい方も大歓迎です！
📅 10/31（土）13:00〜17:30
📍 GMOインターネット株式会社 大阪オフィス
グランフロント大阪 タワーB 23階
参加無料です🙌
ぜひ遊びにきてください〜！
#fof_osaka #Figma #FigmaMake
#GMOYours
#GMOインターネットグループ
6
9
1,768
はいはいはい、ちょっとごめんよ〜
10/17のイベントに参加して「AI完全に理解した！」となったら、10/31のFigma Makeを使ったハッカソンにチャレンジ！
Friends of Figma Osaka #14「Figma Make-a-thon」
10/31 13:00～17:30
グランフロント大阪Bタワー23F：参加費無料
friends.figma.com/e/mwpxvy/
10/17（土）13時から 大阪⚡️
さくらインターネット運営するBlooming Campにて
「AIでWeb制作はどこまで変わる？」
AI活用セミナー開催!!!!
企画・ブレスト→デザイン→実装→検証。
Web制作にAIをどう取り入れるのか、現場のリアルな実例からまるっとで学べます！
さらに、社内AI導入についてもお話します！
お申込み現在 32 / 60名 🔥
交流会もあります！🤝
アドビグッズのプレゼントもあります！🅰️
制作の現場をアップデートしたい方、
これから本格的にAIを導入したい方、
ぜひご参加ください！
denlab-5.peatix.com/
9
520
GSSすげえ
If you can write CSS, you can write GSS { ● }
I've been dreaming of this for years: a language to build 3D scenes like you write CSS. Selectors, cascade, :hover, keyframes… compiled to one GPU shader.
Meet GSS: GPU Style Sheets.
gss-lang.dev
#shader #glsl #gss
1
10
66
6,592
愛飲してるオススメのコーヒー屋さん！！
会場で飲めるのが楽しみです！
☕ Design Boost in Osaka、会場内でコーヒーが買えます！
当日は、大阪・上本町の老舗「上町珈琲」さんが出張コーヒースタンドをオープン🙌 会場内で淹れたてのコーヒーをご購入いただけます。
セッションの合間の休憩や、ちょっとひと息つきたいときにぜひどうぞ！
📅 10/10（土）13:00〜18:00
📍 マイドームおおさか
✨イベント詳細
cssniteosaka.doorkeeper.jp/e…
☕上町珈琲さん
uemachicoffee.com/
#designboost
7
526
スクロールバーの太さと色を触ってみましょう。
scrollbar-widthとscrollbar-colorを変えて、標準の表示と比較できるCSS Scrollbar Styling Labを作りました。
ピクセル単位の太さや角丸を指定するWebKit系の拡張モードも試せます。
#CSS
1
3
363
標準CSSのバーの太さはauto・thin・noneの3種類。
scrollbar-colorには「つまみの色、トラックの色」の順で指定します。
スクロールバーの表示や太さはOS・ブラウザーの影響を受けるため、実際の環境で確認してください。
↓デモはこちら
stella-create.co.jp/tools/cs…
137