Memo – WebTecNote

運用1年すぎるとデザインデータも修正と新規の積み重ねで混沌としてくるもので、
今デザイナーいないから、整頓したりツールを変えたりするならベストタイミングじゃね？と思ったんですねえ。
終わった修正や陳腐化したデータは全部破棄、生きてるデザインだけ残す。
ついでに実装側も再構築して、不要なものは全部捨てようじゃないか…。

レスポンシブWebデザインを実装するためのTips

2019/10/312019/08/06 by Tenderfeel

「レスポンシブ」って単語を知らない人でも、ウィンドウをｳｨﾝｳｨﾝさせてコンテンツがついてくるのを見せながら「こういうのがやりたいんですよね～」とか言っちゃうアレです。
どんなデバイスで見てもいい感じになるようにしろって意味で使われますけど、iPhoneですら１サイズじゃなくなったこのご時世ですよ、面倒な割に気軽に頼まれがちじゃない？

スマホが出だした頃はPC/SPの2パターンあれば満たされたのが、今は…………🙄
何種類あるかわからない端末に毎年増える解像度、そんなカオスな表示環境にどうやって対応するのよ？？？？？？？？
とまぁ毎年苦しめられた結果、色々と知見が増えたのでこれまでに調べたり使ったりした「レスポンシブ」を実装するための方法をまとめました。

CodeSandboxとNow(Vercel)で爆速Webアプリ作成

2021/09/112019/05/01 by Tenderfeel

令和になりました～。
15年ほど前はテキストエディタとかFTPとか使ってたけど今はどうでしょ。
私はエディタはAtomに落ち着いてますが、NotePad++も気に入ってます。
FTPはレンタルサーバー借りてる人が使うくらいじゃないですかね。新卒世代はもうFTPなんて使ったこと無いのでは。

最近Firebaseが流行ってるけどNowもまあ凄いです。
認証とかデータベースとかが必要ないならFirebaseよりNowの方が合ってるんじゃないかな～。CodeSandbox+Nowだとローカル環境もサーバーも用意しなくていいし、デプロイだって自動でやってくれるからね。

昨日ちょっとしたアプリをCodeSandboxで作ったので、それをNowでデプロイするまでの手順をざっくりまとめてみた。

（現在NowはVercelという名前になってます）

IE11とAndroid4系のサポートを終わらせるための HTML/CSS/JS 未対応仕様まとめ

2019/08/272019/04/19 by Tenderfeel

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

VirtualBoxの仮想マシンにSSH接続する

2017/07/06 by Tenderfeel

※VM設定済みとする。

Twitterのタイムラインをグリッドレイアウトさせる

2017/04/21 by Tenderfeel

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

Twitter Cards 完全ガイド

2020/02/062017/02/22 by Tenderfeel

「サイトにTwitterカードつけたい」とか、「キャンペーンのツイートにカードつくようにしたい」とか、フロントの人なら1度は言われたことあると思うし、まだ言われたことがなくてもこれから言われる可能性があると思う。
大体のことは公式の説明に書いてあるので、ほとんどそれをなぞった内容になるけど、実際使ってみて分かったこともいくつかあるのでまとめておく。困ったときの参考になれば幸い。