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

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

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

昨日ちょっとしたアプリをCodeSandboxで作ったので、それをNowでデプロイするまでの手順をざっくりまとめてみた。
“CodeSandboxとNow(ZEIT)で爆速Webアプリ作成” の続きを読む

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

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

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

Twitter Cards 完全ガイド

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

“Twitter Cards 完全ガイド” の続きを読む

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

speedtest

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

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

“Bフレッツからギガマンション・スマートタイプに乗り換えた話” の続きを読む

Windowsでnpm installできるようにしたメモ

やったこと。

  1. Microsoft .NET Framework 4.6以下を全てアンインストール
  2. Microsoft SQL Sever 2014以前のバージョンを全てアンインストール
  3. Microsoft System CLR Types for SQL Sever 旧バージョンを全てアンインストール
  4. node.js旧バージョンあったらアンインストール

古いやつ全部消して

  1. node.js(LTS)インストール
  2. Microsoft Visual Studio 2015 (Community)インストール
  3. npm config set msvs_version 2015 --global
  4. Microsoft Build Tools 2015 インストール
  5. Python 2.7インストール
    npm config set python C:\Python27
  6. npm install -g node-gyp

アクセス権で怒られる場合はnode.js commpand promptを管理者権限で起動する。

結論:最初からMac買う方が楽

ターミナルコマンドのメモ

上がMac、下がWin
※コマンド実行前にターミナルでディレクトリ移動しておく

ファイル名部分削除

ディレクトリ内にある全ての hoge_foo.png を hoge.png に置換する

for f in *_foo.png; do mv "./$f" "${f/_foo/}"; done

for Windows

ren *_foo.png *.png

ファイル名部分置換

ディレクトリ内にある全ての hoge_foo.png を hoge_active.png に置換する

for f in *_foo.png; do mv "./$f" "${f/_foo/_active}"; done

for Windows

ren *_foo.png *_active.png

参考:http://ss64.com/osx/

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

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

https://github.com/Tenderfeel/MobMap

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

“Backbone.js + jQueryMobile(1.4.5) でアプリ作ったメモ” の続きを読む

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

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

裁断については前の記事に書いてあるので割愛。
“電子書籍自炊メモ 2014 (バッチで自動化編)” の続きを読む

とあるソシャゲのHTML/CSS設計話

Frontendアドベントカレンダー19日目】

Xboxに釣られて転職してから2年半…あっという間だった…。

関与したもの:

  1. スマホ版ピグ(リニューアルして面影無し)
  2. ピグファンタジア(11月末クローズ)
  3. 新規ゲーム ←今ここ

今は新規ゲームでコーディングの人としてjoinしてます。
“とあるソシャゲのHTML/CSS設計話” の続きを読む