Memo アーカイブ

FigmaによるSVG生成とアニメーションSVG作成

炭治郎かわいいよ炭治郎

デザイナーではない私（フロントエンジニア）がFigmaを使ってPhotoshopのデザインデータをコンポーネント基準で整理する試み。その時の使用感や不満点について現バージョンで感じたことを綴ってみた。

何種類あるかわからない端末に毎年増える解像度、そんなカオスな表示環境にどうやって対応するのよ！？いざ作ろうとしたとき困りがちな「レスポンシブデザイン」について、これまでに調べたり使ったりした方法を総ざらいしました。フロントエンド向けですが、デザイナーが決めておくと良い事もまとめてあります。

CodeSandbox+ZEITならローカル環境もサーバーも用意しなくていいし、デプロイだって自動でやってくれるし、更新もコミットしたら勝手にやってくれる。新時代の幕開けやでこれは…！

いまだにIE11とAndroid4系サポートで苦しんでるフロントの人はいるんでしょうか。かくいう私もこいつらにさんざん苦しめられたので、Can I Useを元に未対応なHTML/CSS/JSの仕様をざっくり一覧にしてみ […]

※VM設定済みとする。

グリッドレイアウトで著名なプラグインMasonryを使うだけの話。

カードの種類、基本的なカードの導入から設定の方法、広告機能を利用したカードの作り方まで、TwitterCardsを使いこなすための覚え書き。

Google Apps Scriptで遊んでるときにコンソール開いてログ見てたら、なんかすごい勢いでJSON syntax errorが出てたんだ…

最大100MbpsのBフレッツでDownload 90Mbpsくらい出てるから優秀だと思っていたけど、慣れてしまえば欲が出るもので、ギガ回線への乗り換え欲求がふつふつと沸いてました…。とはいえ集合住宅だとそう簡単に回 […]

弊社で動いてるサービスのpackage.jsonをざっくり眺めて羅列した。

Twitterで投稿した画像のプレビューサイズはPC版公式サイトだと16:9なのに、 2:1の比率で表示されるところがあるよ。スマートフォン版 TweetDeck Summary with Large Imageカード

やったこと。 Microsoft .NET Framework 4.6以下を全てアンインストール Microsoft SQL Sever 2014以前のバージョンを全てアンインストール Microsoft System […]

席を引っ越ししたらエアコン真下で冷風直撃になったので、寒さに堪え兼ねて前々から目をつけていたIKEAのベッドキャノピー LÖVA（通称：IKEAの葉っぱ）を設置したんだ。

上がMac、下がWin ※コマンド実行前にターミナルでディレクトリ移動しておくファイル名部分削除ディレクトリ内にある全ての hoge_foo.png を hoge.png に置換する for f in *_foo.p […]