ゆき
@yuneco
Followers
3,899
Following
1,252
Media
3,550
Statuses
26,115
🌟お仕事のご相談・ご案内などでDMを下さる場合は最初にお好きな寿司ネタを教えてください 🌵多肉植物好きの絵描き＆フロントエンジニア。Macの画像ビューア「絵箱」作者。Illustrator & web front-end architect. CorelPainterMaster
千葉⇄東京⇄神奈川を行ったり来たり
Joined July 2009
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
ORM HOUSE OF TOUCH
• 595314 Tweets
LINGORM NEW SERIES
• 117555 Tweets
#السعوديه_الصين
• 117404 Tweets
篠原さん
• 106611 Tweets
篠原恵美さん
• 96590 Tweets
Paes
• 89955 Tweets
#TimnasDay
• 88562 Tweets
#西園寺さんは家事をしない
• 72416 Tweets
كادش
• 51568 Tweets
سالم
• 27990 Tweets
مانشيني
• 26593 Tweets
高校生クイズ
• 25356 Tweets
المنتخب السعودي
• 23999 Tweets
HAPPY MENSIVERSARY
• 18095 Tweets
الحمدان
• 13968 Tweets
聖少年遊戯
• 12812 Tweets
ヴィレヴァン
• 12350 Tweets
これなんでこんなに荒れてるんだろうって思ったら、そもそもALTが視覚障害の人向け（あえて雑にこう言います）の標準的な支援機能だって部分がそもそも伝わってないのか
単にXの機能に対して勝手にローカルルールを主張してる、って受け取ってる人が多そう
【オタクもALT（代替テキスト）を正しく使ってほしい！】
𝕏でオタク活動をする全員にALTの正しい使い方が周知されてほしい！と思いまして、オタク向けに説明してみました。
画像1枚目はALTについての資料（転載OKのものです）、2枚目はオタク界隈でよく見かけるNG例、3枚目はOK例です。
37
11K
19K
45
6K
12K
❄️結晶とか万華鏡とか魔法陣みたいなパターンを5秒で描ける最高に楽しいwebアプリ作りました！
Procreateやクリスタのブラシパターンもサクッと作れるよ！iPad+ペンシルに最適化してるけど、iPhoneやPCでも使えます
いろんな絵描きさんに届いて欲しいので拡散希望です🙇♀️！
5
597
1K
AmazonのAR/VR講習会来てます。で、これ。去年の終わりにプレビューがでたSumerianって言うらしいんだけど、完全にふっつうの3Dソフト。だけど全部ブラウザ上で動いてるの。しかもAmazon製なんでAWSと連携できるし、もちろんスクリプティングは全部JavaScript。いつのまに世の中こんなことに。。
1
510
884
開票速報ページの作りみるの面白い。NYTのページは30秒ごとに全選挙区のJSONデータ取りに行ってるぽい。
サーバー側はエッジのCDNでキャッシュされるから、余計なこと考えずに丸ごとデータ取ってきて入れ替えた方が簡単確実ってことなのかな？
1
270
761
実際には徒歩で道歩くだけで道交法は守らないとダメだし、点字ブロックの上に荷物置いて塞いじゃダメなのと同じなんだけど、確かに知らなかったらわからないよな…
知らない人に道でいきなり怒られたように感じるのかもしれない。。
やっぱ学校で教えないとダメなんじゃないかねぇ
0
160
649
まあ確かに、インターネットの使い方に法律でもなくて利用規約でもないルールがあるなんて知らんよね。わかる
実際にはついったにポストして絵を載せるってことは自分がWebを作る側に回ることなんだけど、昔と違って自分でHTML書くわけじゃないからまず意識しない
1
155
622
ふるふるふるえるGIFアニメを生成できるWebサービスをリリースしました！あそんでみてね
#フルフルネコチャン
4
318
541
🌟公開したよー🌟
中々ハイレベルなクソアプリになったと思うので見て😊
ネタ以外にどこにも出しようがないアプリだけど、技術的には結構色々真面目に解説してます。webページのアニメーション技術にちょっと詳しくなれるよ！
5
153
531
【完成版】WebGL(PIXI.js + glsl)と物理演算(matter.js)でタピオカ作りました。
すっっごいくだらないことに本気になって週末潰した自分に若干後悔してるので、このツイートが200いいね行ったらタピオカ茹でる
4
97
474
えっと、フォロワーさん2500超えたので...たまにはタグ使っても良いですか？
#私の作品もっと沢山の人に広がれ祭り
#ド直球に言いますがフォローしてください
2
96
471
Web Animations APIで星空パーティクル
単にCSSのアニメーションをJSで描けるよってだけではあるんだけど、ライブラリなしでそこそこ簡単にインタラクティブなもの作れるって意味ではうれしい。主要ブラウザ全部で使える。
2
80
438
そうだ、ご本が出るのでした。
フロントエンドの入門書って流行りのフレームワークとかと基礎知識のバランスが難しいんだけど、この本は割といいバランス取れたと思う（目次見てね）。2〜3年までの経験浅目の人とか、フロントは専業じゃない人が界隈を概観するのにおすすめです🐱
【新刊】2023年11月24日発売『フロントエンドの知識地図—— 一冊でHTML/CSS/JavaScriptの開発技術が学べる本』本体2,600円+税，池田泰延，西原翼，松本ゆき 著，一冊でHTML/CSS/JavaScriptの開発技術が学べる！
0
109
809
1
47
436
久々に記事書いたよ！
エンジニアの中でもWeb系の人って正規表現ニガテ率高いみたいなので、難しい文法よりも使い所を中心に解説してみました。
正規表現怖くなくなると、プログラミングだけじゃくていろんなアプリで得できるのでおすすめです。
みてね❄️
0
100
418
話題のHTMXちょろっと見てみた。これ新しいjQueryだな…
モチベーションは分かるし、用途を限定すれば上手く機能しそうだけど、処理フローとか状態とかの管理が入ってくるとすぐ地獄になりそう
フロント視点で見ると正直、筋の良いアプローチには見えないな
6
44
377
Vueの衰退がトレンドだからちょっと昔話しようか？
最近フロント始めた方は知らないかもだけど、昔Riot.jsってフレームワークがあったんですよ。いや、今もあるんだけど、標準化とか機能追加とかの圧で複雑になっちゃって、だいぶん寂れてしまった子
↓これだけでコンポーネントが作れたの
5
48
353
CSS Modulesはオワコンだと言われ、styled-componentsとEmotionもオワコンだと言われ、zero-runtimeなcss-in-jsもどれもまだまだ本番投入は怖い今日この頃、みなさんお元気でしょうか☺️
ほんとマジでReact強強なフロントエンドエンジニアってどうやって生きてんの？
5
51
329
🎉Vueの新しい記事書きましたー
<script setup>とかPiniaとかVolarとか、Vue3周辺の最新の公式推薦構成について解説してます
ここ2,3年Vueがどう変わったのかついてけてないなー、って人向けにVue2と比較したサンプルも用意したのでぜひ見てくださいー
#vuejs
1
59
331
よく考えたら今の10代って神戸の地震知らないのか…これは見ておいてほしい
《想像を絶するすさまじい地震・火災・避難の実態を記録した知られざる阪神・淡路大震災の写真まとめ「1.17の記録」》
http://t.co/HSAEs9TGil
3
694
292
React超初心者なんで詳しい方に教えてほしいのですが、hooksからコンポーネント返すのって普通？
うひょさんの記事とかmicroCMSのModalとか読んでやってみたら確かに超良い感じなんだけど、公式チュートリアルとかにはこのパターン載ってないよね？
8
44
295
記事書きました。今回は事例紹介と技術解説のセットです✨
AEのアニメーションをブラウザ上でリアルタイムに手描き風に変換するためのあれこれをSVGフィルター版とWebGL（シェーダー）版の2方向から解説してます
手描き風とかノイズ表現とかにグッとくる方は是非💪
1
40
295
記事書きました！webで面白いビジュアル表現やアニメーション作りたい時に、CSS・SVG・Canvasをどう使い分ければいいの？って話題です。
サンプル見るだけでも楽しいので、非エンジニアの方も「こんなのできるんだー」ってインプットにしていただけると嬉しいです🐱✨
2
83
288
荒ぶる気持ちをようやく記事にしたからみんな見てくれ🦜🦜🦜🦜🦜
ブラウザゲームやぐりぐり動くアニメーションを作る場合はもちろん、ごく普通のWebページ作成でも超便利なWeb Animations APIのcompositeって機能の解説です。
1
50
275
なんでここにきてエンジニア界隈でもフルリモートに批判的な流れになってるの？？
世間の平均値は知らんけど、私はお家の方がパフォーマンス出せる人種&職種なんで、そういう人や会社の選択肢を否定する様な物言いはなんだかなぁ…って思う
5
31
269
【お知らせ】🐦Twitterでファボした画像からカラーパレット作ってストックできるサービス作りました。Twitter連携するだけですぐ使えるので、絵描きさんの作業のお供にぜひ。ファボした画像を眺めるのに使うのもオススメ🐥
#colorinco
#カラーインコ
2
194
258
Vueの記事書きました！
油断するとすぐ😡クソデカ😡になっちゃうVueコンポーネントをVue3のComposition API使っていい感じに分割していく方法の解説です
Vue3+TSの最新構成だけどかなり易しく書いているので、まだVue2メインの方やTypeScript使ってない方も是非！
#vuejs
3
45
237
【おしらせ】Vite使った環境構築の解説記事書きました！素のJavaScriptやjQueryからTypeScript・Vue・Reactまでサンプル付きで解説してます
最近は仕事でも使ってるけど超良いです😊
すごく簡単なので、最近の新しいツールは難しくてわからんって人ほど触ってみて欲しいです
1
45
239
【おしらせ】事書きました。みんな大好きCSSのbox-shadowとかdrop-shadowとかのお話です。
基本レベルからマニアックな仕様までここまで影のネタだけで解説している記事はレアだと思うので是非。エンジニアさん・デザイナさんどっちにも見ていただけると嬉しいです
1
75
233
🤔どうしてITも日本語も分かる優秀なグローバル人材が日本人より安い値段で働いてくれると思えるんだろう？？
インド人だろうがベトナム人だろうが優秀なひとは人月100万出さなきゃ来てくれないよ…。。物価差はあるから現地採用すればいくらか安くはなるだろうけど大変よ？
2
129
228
JavaScriptのPromiseの記事が出ました！
Promiseって入門記事は多いけど「で、それで何するの？」みたいな実践・応用向きの情報が少ないなーって思ってたので書きました
いつもよりちょっとだけ難しめだけど、new Promise()したことのない人はぜひ読んでみてください🌟
2
27
214
標準のCSS&JavaScriptでパスアニメーション
・軌跡の描画はstroke-dasharrayとstroke-dashoffset
・パーティクルの起点移動にoffset-pathとoffset-distance
・パーティクル自体はWebAnimationsAPI
Safariでも動くー
0
14
210
🎉新しい記事書きました
React&VueでHeadless UIとかRadix UIとかのヘッドレスUIライブラリに入門する解説です
個人的にはBootstrapとかMUIとかは辛みがつらくて避けたい派なんだけど、ヘッドレスUIはストレスなく導入できるし負債にもなりにくいのでおすすめです☺️
2
25
199
新記事です！Webでパーティクルとかのちょっといい感じの動きを作るコツを解説してます🌟
「自分が実装すると何故かダサい」「センス迷子」そんな方に…というか私がそうなんで書きました
サンプルは全て標準のWeb Animations APIで作ってます
1
41
200
新アニメ「TS！」
第1話 ドットインストール！
第2話 TypeScript完全に理解した
第3話 分からん
第4話 分からん
第5話 完全に理解した
第6話 分からん
第7話 分からん
第8話 分からん
第9話 ついに完全体へ
第10話 と思ったら何も分かってなかった
第11話 もうやだ
最終回 でももうJSには戻れない
2
47
192
記事書きました！しょっぱなから若干マニアックなネタの気がするけど、実務でどこまで使うかは別として「アニメーション自分で書くの楽しい！」って思ってもらえると嬉しみです🐈💨
#vuejs
1
44
193
解説記事「Vue.js+SVGで自��にCSSアニメーションしたい人のための完全解説」を公開しました！Webで可愛いアニメーション作る方法をそこそこ基本から説明してます。まだまだ不完全な部分もあると思うので、コメント等いただけると嬉しいですー
4
50
147
こんな時間にあれですが、2023年のフロントエンドエンジニア（たぶん）4年生の振り返り書きました🐯🐲
今年はYjsとCanvasが楽しい一年でした😆
でも仕事はもうちょっと暇になってほしい
0
13
145
久々に楽しい＆かわいい記事を書きました！
#Processing
ってプログラミングでお絵描きできる超楽しい魔法があるのですが、それを最近のweb系な人向きにVS CodeとかTypeScriptとか使っていい感じに入門しよう！ってチュートリアル的な内容です。
ほんと楽しいからぜひ！
1
35
133
最終出社でした。10年ちょい働いた大手SI屋さんを年末で退職して、年明けからは株式会社ICSさんで「UXとかビジネスとかもちょい分かる系フロントエンジニア」みたいな感じでお仕事する予定です。TLの強強デザイナ・エンジニアの皆様、引き続き仲良くして頂けると幸いです🙇♀️🙇♂️
5
8
125
最近Reactで使ってるライブラリ
😊状態管理：jotai
😊ルーター：React Location
😊フォーム：React Hook Form+yup
😊UI：Emotion+Radix.ui
😫テスト：Jest
って感じでストレスの95割はJestなんだけど、いい代替って何かある？Vitestにしたら楽になる？
2
6
127
書いた。vite+TypeScript+PixiJSの今風な環境で2Dブラウザゲー制作に入門するための解説①です。
自分の理解を整理するために書いてる部分もあるけど、反応ないと絶対途中で挫けるので応援してください。
初回は環境構築から。5分でできるからぜひー
0
19
126
SafariのTechnology Preview 142でついにアニメーションのcompositeがサポートされたよ！！このサンプルが！うごくよ！！
#WebAnimationsAPI
Web Animations API凄いわ。CSS Animationと大差ないとか言ってごめん。compositeをうまく使うと要素を入れ子にしなくてもtransform系の複雑なアニメーション作れる。
問題は...Safariが未対応... 早く対応してくれ
サンプル：
2
12
84
1
24
124
0
11
115
🎉宣伝させてください！
🐱今年も無事、猫の日ゲームができました！
今年は可愛さはそのまま、限界までコードを削って4KBにおさめました。PCの方はソース表示して見てみてね
2
45
117
現状の業界分析としては正しいだろうけど、フロント=下流って考え方はあんまし好きじゃないな
作るものの性質にもよるけど、本来フロントエンドってサービス企画とかUXデザインとかに伴走して粒度の荒い所から解像度上げてくのが醍醐味だと思うんだよー
エンジニアとしてキャリアをもう一度やり直す場合でもフロントエンドを専門にするという意思決定は僕は多分やらないなと思っておりまして、その理由は
・上流工程になりにくいので構造的に高単価が期待しずらい
・技術の入れ替わりが速すぎるため他分野と比較してキャッチアップの時間が多くなりがち
8
33
373
2
9
115
🎉CSSで3Dっぽい表現する方法の記事書きました！
この辺りはなんとなくコピペで済ませていたり、思うような表現ができなくてイライラした経験のある人は多いと思います（私です😇）
動かして理解できるライブデモも作ったので、よかったら触ってみてください
1
29
114
【おしらせ＆ゆる募】Vueの初〜中級向けの記事書きました『エラーは出ないけど…何か変？？Vue.jsでやりがちな「サイレント・ミス」（ロジック編）』です。
#vuejs
続編考えているので、みんなの「なんか知らんけど動かん😭」「なんか知らんけど動いたww」ネタ教えてください
0
38
109
🎉🎉今年も無事クソアプリをリリースしました🎉🎉
さあみんなでGUI沼に堕ちよう
1
21
109
@chia_ckra
説明の仕方ミスるとすごい反発されちゃうんだなぁ…ってびっくり
そもそも最近はアプリしか使わない人も多そうだし、Web標準とかスクリーンリーダーとかまで至るには説明しないといけないこと多そう😑
1
17
106
自作ペイントツールの取り消し機能できた。Max100回くらいまで取り消しできるよー。
10ストロークごとにキャンバスのスナップショット撮りつつ、そこからの差分はストローク自体をもう一度再生してる。雑な実装だけど、速度とメモリ使用量のバランスとしては悪くない...はず
3
14
105
この間のCSSとJSで作ったパス＆パーティクルのアニメーション、CodePenにソース全部載っけたのでよかったら見てくださいー
標準のCSS&JavaScriptでパスアニメーション
・軌跡の描画はstroke-dasharrayとstroke-dashoffset
・パーティクルの起点移動にoffset-pathとoffset-distance
・パーティクル自体はWebAnimationsAPI
Safariでも動くー
0
14
210
0
12
94
【お知らせ】みんな大好きCSS Transformの記事書きました！基本の使い方から仕様の落とし穴・最新機能までわかりやすく説明してます。
CSS Transformは簡単に使えて超強力な機能だけど、意外と奥が深いのです。駆け出しの人もプロのエンジニアさんも是非！
0
12
93
uhyoさんのこれ、TypeScriptって「惰性であるために勤勉であれ」ってプログラマーの本質を要求してるんだなーって思うとすごくわかりやすい。
この「惰性のための勤勉さ」って案外誰でもできるものじゃないからTSって難しいのかも
0
6
92
Reactでお絵描きツール作り始めた
リアルタイムのイベン��処理とか描画にReact使うのって本当にいけるのかな…の疑念はありつつ、ストロークやバッファの状態管理をJotaiのatomに寄せられるのは良さそうな感触
1
12
92
