元同僚の依頼でShopifyのテーマをカスタマイズしたので、
その時調べた内容を勿体ぶって小出しにしていこうかなと。
（とはいえ続きを書くかわからんので続いたら番号振るつもり）
私の中ではECのカスタマイズは楽天だとかColorMeだとかで止まっていて、
最近の動向は把握してなかったんですが…このShopify…すげえぞ…！
Shopifyのカスタマイズをして気づいたこと
Memo
覚え書き
Photoshop CCからFigma（プロライセンス版）に乗り換えている件
Photoshopで作られたデザインをデザイナーではない私が実装を元にFigmaで再構築しているのです。
運用1年すぎるとデザインデータも修正と新規の積み重ねで混沌としてくるもので、
今デザイナーいないから、整頓したりツールを変えたりするならベストタイミングじゃね？と思ったんですねえ。
終わった修正や陳腐化したデータは全部破棄、生きてるデザインだけ残す。
ついでに実装側も再構築して、不要なものは全部捨てようじゃないか…。
レスポンシブWebデザインを実装するためのTips
「レスポンシブ」って単語を知らない人でも、ウィンドウをｳｨﾝｳｨﾝさせてコンテンツがついてくるのを見せながら「こういうのがやりたいんですよね～」とか言っちゃうアレです。
どんなデバイスで見てもいい感じになるようにしろって意味で使われますけど、iPhoneですら１サイズじゃなくなったこのご時世ですよ、面倒な割に気軽に頼まれがちじゃない？
スマホが出だした頃はPC/SPの2パターンあれば満たされたのが、今は…………🙄
何種類あるかわからない端末に毎年増える解像度、そんなカオスな表示環境にどうやって対応するのよ？？？？？？？？
とまぁ毎年苦しめられた結果、色々と知見が増えたのでこれまでに調べたり使ったりした「レスポンシブ」を実装するための方法をまとめました。
CodeSandboxとNow(Vercel)で爆速Webアプリ作成
令和になりました～。
15年ほど前はテキストエディタとかFTPとか使ってたけど今はどうでしょ。
私はエディタはAtomに落ち着いてますが、NotePad++も気に入ってます。
FTPはレンタルサーバー借りてる人が使うくらいじゃないですかね。新卒世代はもうFTPなんて使ったこと無いのでは。
最近Firebaseが流行ってるけどNowもまあ凄いです。
認証とかデータベースとかが必要ないならFirebaseよりNowの方が合ってるんじゃないかな～。CodeSandbox+Nowだとローカル環境もサーバーも用意しなくていいし、デプロイだって自動でやってくれるからね。
昨日ちょっとしたアプリをCodeSandboxで作ったので、それをNowでデプロイするまでの手順をざっくりまとめてみた。
（現在NowはVercelという名前になってます）
VirtualBoxの仮想マシンにSSH接続する
※VM設定済みとする。
Bフレッツからギガマンション・スマートタイプに乗り換えた話
最大100MbpsのBフレッツでDownload 90Mbpsくらい出てるから優秀だと思っていたけど、
慣れてしまえば欲が出るもので、ギガ回線への乗り換え欲求がふつふつと沸いてました…。
とはいえ集合住宅だとそう簡単に回線乗り換えなんてできないだろうと思ってしまう。
他の住人にも影響が出るかもしれないし、管理人がＹＥＳと言わないかもしれないし。
Webフロントエンドエンジニアはこれが無いと死ぬ〜2016年版〜
弊社で動いてるサービスのpackage.jsonをざっくり眺めて羅列した。
Twitterの画像プレビューでいい感じに収めるサイズのルール
Twitterで投稿した画像のプレビューサイズはPC版公式サイトだと16:9なのに、
2:1の比率で表示されるところがあるよ。
- スマートフォン版
- TweetDeck
- Summary with Large Imageカード
Windowsでnpm installできるようにしたメモ
やったこと。 Microsoft .NET Framework 4.6以下を全てアンインストール Microsoft SQL Sever 2014以前のバージョンを全てアンインストール Microsoft System … 続きを読む
ターミナルコマンドのメモ
上がMac、下がWin※コマンド実行前にターミナルでディレクトリ移動しておく ファイル名部分削除 ディレクトリ内にある全ての hoge_foo.png を hoge.png に置換する for Windows ファイル名 … 続きを読む
Backbone.js + jQueryMobile(1.4.5) でアプリ作ったメモ
表題の通り簡単なアプリ作ったのでメモっておく。
https://github.com/Tenderfeel/MobMap
Q: なぜ今頃BackboneにjQueryMobileなのか？ナウいのはReactだべ？
A:
1. 異動したプロジェクトがBackboneベースだったので復習する必要があった。
2. UIとか自前で用意するのが面倒だった。（特にアニメーション）