Shopifyのカスタマイズをして気づいたこと

元同僚の依頼でShopifyのテーマをカスタマイズしたので、
その時調べた内容を勿体ぶって小出しにしていこうかなと。
(とはいえ続きを書くかわからんので続いたら番号振るつもり)

私の中ではECのカスタマイズは楽天だとかColorMeだとかで止まっていて、
最近の動向は把握してなかったんですが…このShopify…すげえぞ…!

続きを読む

[WordPress] メディアライブラリ(グリッドモード)が表示されない・アップロードが失敗する 問題の対処

ググると質問が結構出てくるけど、解決方法はどの質問にも書かれていない🤔

続きを読む

Photoshop CCからFigma(プロライセンス版)に乗り換えている件

Photoshopで作られたデザインをデザイナーではない私が実装を元にFigmaで再構築しているのです。

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

続きを読む

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

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

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

続きを読む

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

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

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

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

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

続きを読む

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

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

続きを読む

Twitter Cards 完全ガイド

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

続きを読む

Bフレッツからギガマンション・スマートタイプに乗り換えた話

speedtest

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

とはいえ集合住宅だとそう簡単に回線乗り換えなんてできないだろうと思ってしまう。
他の住人にも影響が出るかもしれないし、管理人がYESと言わないかもしれないし。

続きを読む

Backbone.js + jQueryMobile(1.4.5) でアプリ作ったメモ

表題の通り簡単なアプリ作ったのでメモっておく。

https://github.com/Tenderfeel/MobMap

Q: なぜ今頃BackboneにjQueryMobileなのか?ナウいのはReactだべ?
A:
1. 異動したプロジェクトがBackboneベースだったので復習する必要があった。
2. UIとか自前で用意するのが面倒だった。(特にアニメーション)

続きを読む

電子書籍自炊メモ 2014 (バッチで自動化編)

再びマイ自炊ブームが来たので作業内容をメモっておく。(久しぶりにやったら完全に忘れてた)
機材は以前メモってた内容と同じで、ScanSnap1500、ディスクカッターCanoScan 5600F、Photoshop(CC2014)です。
クォリティよりスピード重視で、スキャン後の処理をバッチで自動化させました。

裁断については前の記事に書いてあるので割愛。

続きを読む