はてなブックマーク

2023 年に使った技術まとめ 2023 年もそろそろ終わりなので、今年のエンジニア生活のまとめです。 正直今年はほとんど仕事しかやっていないです。どうしてもお仕事だと攻めた技術選定ができなくて（記事書くには）あんまり面白くないなあ…の気持ちではあるんだけど、その分実務でこんな技術使ってますよ、ってお話としてみていただければ幸いです。 React 18 / TypeScript 去年（2022）までは Vue と React 半々くらいで生きてたんだけど、今年はどっぷり React でした。 Vue の選択肢もないわけではなかったんだけど、ある程度の規模のプロジェクトで、かつアプリケーションとしての複雑度が高いものを作る時に Vue はやっぱりちょっと怖いんですよね。。正直コントロールできる自信がちょっとない。 多分当面は、ロジックの複雑度や抽象度が高いものは React、ロジックは素直で

スタイリングのライブラリまじで何使えばいいの問題 ご存知の通り、React界隈のスタイリングライブラリは良くも悪くも選択肢が多いです。正解をもとめてTwitterの奥地を彷徨ってみたけど、やっぱりわからない。 元々スタイリング周りって、単にピュアなCSSを書きやすくしてくれる（本当の意味での）ユーティリティから、デザインシステムやUIコンポーネントまでを内包したフレームワークまで多種多様なグラデーションがあるので、雑に議論すると発散したり喧嘩になったりしやすい領域です（私は選択肢があることは素敵だと思うけど、それ自体も異論はあると思う）。 特にここ最近は ①Tailwindとその発展系として、デザインシステム自体を安全にコードに組み込んでいきたい ②RSCの実用化（というかNext）とそもそものパフォーマンス懸念からスタイリングをできるだけ静的にしたい（ゼロランタイム） あたりのモチベーシ

2021年のVueは結構動きが大きかったので、スナップショット代わりにちょっと振り返りのまとめを書こうと思います。 後半は2022年はVueとどうやって付き合うのが良さそうか、超個人的な見解を書きます。 ここ何年かのVueを使った個人開発をおさらい まずはここ何年かの個人制作からVueを使ってそうなものをリストアップして変遷を見てみます。ここ3年くらいのリポジトリから拾って並べたら、何となくVue3導入の歴史っぽくなりました。 なんか思ったほど作ってないけどそれは仕方ない。 2019.2 初代メザシアタック（ゲーム） リポジトリ： https://github.com/yuneco/mezashi 解説： VueとSVGを使ってシューティングゲーム『ネコ🐱メザシ🐟アタック🌟』を作ったのでソースと解説 開発環境: Vue CLI 言語: JS Vueのバージョン vue: 2.5.22

petite-vueは軽量・簡易版のVue.js 2021/7/2にVue.js作者のEvan Youさんの新作、petite-vueがリリースされました。 ざっくりした概要は『petite-vue 最速 使い方』など、早速日本語でまとめてくださっている方がいるので、そちらを参照いただくと良いと思います。 （ただし、当面は破壊的な変更や機能追加が頻繁に入ると思われるので、日本語の記事と併せて公式もチェックするのが良いと思います） 習うより慣れろ。ゲーム作って「完全に理解」してみた 公式のREADMEやサンプルが結構丁寧なので、眺めてみるだけでなんとなく理解できた気になってきます。まあでも多分わかった気になってるだけなので、実際にゲームを作って入門してみましょう。 手前から流れてくるサボテンをジャンプで避けるだけのゲームですね（ネットに繋がらない時にChromeで遊べる恐竜のゲームの簡易版で

この記事の内容 PixiJSはJavaScript(TypeScript)で2Dのグラフィックスを描画するためのライブラリです。 ブラウザで2Dのゲームやアニメーション盛り盛りのページを作りたいときには結構な割合でお世話になるのですが、使いこなしてゲーム作ったりするのは結構大変です。 とは言え一番壁になるのは最初に環境構築して絵を自由に表示して動かす部分です。そこで、何回かに分けて最初の壁を超えて好きなゲーム制作の入り口に立てるようになるまでを解説したいと思います。 ちなみに、技術習得とか置いといて本当にゲーム作りたいだけなのであれば、phina.jsのようなPixiJSをゲーム用にラップしたフレームワークを使っても良いと思います。ここではより汎用的で自由な開発ができるよう、こうしたフレームワークは使用しません。 ▼ PixiJS使うとこんな感じのゲームも作れます 今回の内容 PixiJS