はてなブックマーク

この記事はSublime Text Advent Calendar 2014の6日目の記事です。 5日目のtoru_inoueさんにご紹介いただきまして、6日目を担当いたしますは、私こもり（Tシャツの人）でございます。あ、空前の大ブームを巻き起こしたオレンジの教科書の監修者です。 ロケットスタートしたい… どうでしょう、最近のWebの制作とかの仕事は使う技術も増え、それに伴ってあれやこれやと設定ファイルの類も増えてませんか？ 「.gitignore」「.editorconfig」「.jshintrc」に「package.json」「bower.json」「Gemfile」とかいろいろ。 それぞれコマンドで自動的、もしくは手動でファイルを追加するわけですが、いちいちコマンド打つのもまた面倒くさい。だったら、「何か新しく作り始める時に最初から使いそうなオレオレセットを作っちまおうじゃないか」と

最近「寺子屋」と称して個人レッスンというか、数名規模の私塾みたいなことをやっているこもりです。こんにちは。 寺子屋については年が明けてからあらためてお知らせするとして、寺子屋の参加者の皆さんの間などでよく「Gitは使ってるんだけど、アップロード先がFTPしかだめで…。どうにかなりませんかね？」みたいな質問を受けることがあります。もったいないですね。手元は効率化できてるのに、最後の最後がそれじゃ。 アップロード先がFTP（とかSFTP）しか使えない場合は、「dploy.io」とか「Deploy」みたいにGitHubとかBitBucket、自分のリモートのリポジトリからデプロイだけやってくれるサービスを使ったり、むしろその辺も一緒くたになった「Beanstalk」みたいなのを使うと簡単なのですが、いかんせんそれなりにお金はかかります（その辺の話はここに書いてます）。 dploy.io – Co

かれこれ長いこと仕事でターミナルを使ってるこもりですが、シェルでゴリゴリなんかするでもないし、多機能すぎて覚えるのが面倒くさいのも嫌なのでずっとBashを使っていました。カスタマイズすることもなく、ほぼデフォルトで。 でも、長いこと使っていたそのBashから、最近「Fish（friendly interactive shell）」というシェルに変えたんです。特に思い入れがあるわけでもなければ、そんなゴリゴリ使うわけじゃないから何でも良いのです、簡単であれば（笑）。 fish shell Friendly interactive shell - Wikiwand 初期設定いらずの楽さ 使い始める前に細かい設定とかはできればしたくない…。インストールしただけで簡単・便利に使えるのが理想。カスタマイズしたければすればいいのだけど、あいにくそこまでやる必要は自分にはないのでFishぐらいがちょうど

WordPressの4.1でJSON REST APIが取り込まれるとか？、MovableTypeにもData APIができてますからね。そろそろ話題になるのかな？と思って（笑）。 iOS 7の登場の時、Safariの画面の中に出てた「Pitchfork」なんかもだいぶ前からこんな感じの仕掛けで配信されているみたいですね。Pitchforkの場合は、記事の入力と管理をWordPressに任せて、データの取得とルーティング、表示に関わる処理といったことはBackbone.jsになっていたかと。 なんとなく図に起こすとこんなイメージでしょうかね。 今回は「JSON REST API (WP API)」を使って、WordPress本体にある記事たちをAngularJSで拾い上げてゴニョゴニョしてる感じですが、これならハイブリッドなのも作りやすいのかなー、なんてね（謎）。JSでなんかやると「SEO

電子書籍の第2弾となる「Responsive Email Design 〜モダンなHTMLメールの作り方」をリリースしました。 私たちのメールの受信箱には毎日何通もメールが届きます。仕事のメールだけじゃなく、キャンペーンメールも含め多くのメールで溢れていることでしょう。自分が能動的に受信しているもの、一方的に送られてくるものを含め、スマートフォンで受信箱に並ぶメールを眺めていてふと思いました。 読めない… （*1） キャンペーン系のメールは登録の際にメールの種別が選択制になっていることもありますが、そこはスルーしてHTMLメールで手元に届くことも多いものです。HTMLメールはまだまだWebサイトのランディングページを模したかのように、デスクトップPCでの見え方を前提に作られていることが多いようです。 *1: ちなみに、こもりは異様に視力だけいいので読めないことはないですが、そうでない方は大

突然ですが、電子書籍をリリースしました。 実は数ヶ月前から「LeanPub」を使って電子書籍を出そうかと企んでいたのですが、「Sketch」というソフトウェアがアップデートされたのをいいことに、以前から使っていたこともあるので「基本的な部分だけだったらすぐ書けそうだし、簡単なソフトだけど英語だから意外と使い切れてない人もいるかも」と、正味2日ほどでざっくりとした本文を書き上げ、「Sketch 3 Book for Beginner」というタイトルで緊急リリースしました。 電子書籍について 日本で発売される紙の書籍、電子書籍は一般的に綺麗にレイアウトされたものも多く、普段からそれを見慣れた方からすると「こんなのでこんな高いの？」と思われるかもしれません。しかし、ボクが書くような内容はそれを取り巻く環境の進化が速いということがあげられます。ボクが電子書籍で出す時は、見た目に美しく読みやすいレイ

こもりはひとりで仕事することが比較的多いんですね（BDD）。で、最近はこんな感じのシステム構成でやることが多いのでそれを紹介してみましょうかね。 Gitで管理しつつ半自動化 ボッチでの作業であってもなくても、仕事に関わるものは基本Gitの管理下に置くようにしています（ローカル）。何かやる時は自分でサーバから用意することが多いのですが、テスト用であっても本番用であってもそのサーバの中でGitを動かすことはありません。 BeanstalkなどのGitのリモートリポジトリにローカルからPushした時、自動的に何かしらのプロトコルでリモートのサーバにデータが転送（デプロイ）されるようにしています。たとえばこのブログの例でいくと、テーマの編集をしてそれを反映させるためにリモートのGitリポジトリにPush。Pushされたら変更分だけがこのブログが動いてるDigitalOceanのサーバに転送されます

最近CUI（俗称: 黒い画面）デビューを果たした皆さんへ。 皆さんがその黒い画面とやらでインストールしているツールの類いは、アップデートの頻度がAdobe製品の比ではありません（モノにもよるけど）。「何とかと何とかは新しいものがいい」って言葉もありますが、新しい方が機能追加やバグフィックスされて安定している場合も多いでしょう。たまにはチェックしてます？ ※仕事の環境によって、特定のバージョンで固定ということもあると思いますのでそこは臨機応変に 先日リリースされたSassの3.3.xも現時点（2014.03.17）で既に「3.3.3」です RubyGems、npm、Bower、Homebrewといった、いわゆるパッケージマネージャーを使ってインストールしていれば、アップデート用のコマンドが用意されています。また、モノによっては過去バージョンのパッケージを削除するコマンドもちゃんとあります（古

「英語やっといた方がいいよ〜」と事あるごとに口にするこもりですが、ボクは別にペラペラ喋れるわけでもないし日常的に英語を使うことはほとんどありません。ただ、読んだりそれを理解することに抵抗がないだけでしてね…。学校教育での英語はどちらかといえば苦手だったくちですが、そんなボクの過去の話から英語になれるために今までやってきたこと（今も続けてること）を紹介しておこうか、と思った次第。よく聞かれるんで。 英語をやるきっかけ こもりは日本でインターネットが大流行する前から近しい業界で働いてますが、その当時は日本語で解説された書物などないに等しかった。新しくWebやメールのサーバを立ち上げようと思ったら、英語のドキュメントと英語の画面やらコンソールと格闘します。英語に抵抗があるか？といわれるともともとない方ですが、どうしても英文を読まざるを得ない環境になってしまうとやるしかない。だって、やらないことに