WEB掻っ穿じり

WEB備忘録とチャリとカメラ

ArduinoをJohnny-FiveからNode.jsで制御 Lチカしてみる

Arduino Uno R3画像

先日、渋谷で行われたNode.jsの祭典に参加してきたのですが、その中で「Hardware Hacking for JavaScript Developers」@girlie_macさんの実演が面白く、JS BoardやIoTと言った流行のキーワードに対して何かしら自分なりにアプローチ...


middleman-blogでカテゴリーcustom_collectionsのpaginationに関して

当サイトのブログ機能をWordpressからmiddleman-blogへ移行したのですが、Middlemanのブログ機能は投稿に「タグ」をつける機能はデフォルトであるのですが、カテゴリーという項目もともとないみたいです。

Wordpressからの構成をGoogle Search Console


App Storeから撤退した【Sketch 3】Mac App Store版からダイレクト版への切り替えをしてライセンスを取得する

Sketch 3アイコン

オランダのBohemian Codingが販売しているSketch 3がMac App Storeから撤退することが表明されました。
既にApp Storeからは取り扱いを終了している状態で、今後のアップデートや新しいMacへのインストールはSketch 3ダイレクト版からの提供となっ...


WordpressからMiddlemanブログ機能への移行

当サイトのブログをCMSのWordpressから、静的サイトジェネレーターの一つMiddlemanのブログ機能で再構築することにしました。

導入の動機は流行りもあるのですが、

  • サーバ上にDBを扱わない、アクセスごとにページを生成しない → ページ表記が速くなる。
  • Rubyまわ...

仮想マシンVirtualBoxで、Vagrant (CentOS) を入れてNode.jsなどの開発環境を手軽に構築してみる

仮想マシンで開発環境を作ればあれこれ試せるし、壊れて動かなくなっても再構築が簡単、ってことで構築の手順の備忘録。

投稿時の環境

  • Mac OS 10.11.1
  • VirtualBox 5.0.10 r104061

VirtualBoxをインストール

https://www.virtualbox...


Mac OS X 10.11 El Capitan SDカードをインストールディスクにしてクリーンインストール

El Capitanイメージ

9/30に正式にリリースされたOS X 10.11 El Capitan、去年のYosemiteと同じく、今年のアップグレードもクリーンインストールすることにしました。

年々OSのインストールデータの容量が増えていきますが、今年は6.08GB、インストールディスクにするメディアは8GB...


Node.jsアップデートしたら「npm command not found」に、Gulpも使えなくなった

先日NodeSchoolに行ってきました。
Workshopperを使ったもくもく会っていうのも初参加で、用意としてNode.js v4.1.0にアップデート。

NodeSchoolで下記のWorkshopperを使うので、それもインストール、Macです。


源ノ角ゴシック Source Han Sansをビルド、サブセット化してからのWebフォント化

Source Han Sans、日本語名では源ノ角ゴシックは、AdobeがGoogleと共同開発したオープンソースのフォントファミリーで、オープンソースのフリーフォントとしてSIL Open Font License 1.1というライセンスで公開されています。

クセがなくフラットな書体で...


Google Analytics 解析数値を乱す(not set)の対処

仕事の運営サイトや、このブログでもGoogle Analyticsで解析しているが、最近全体的にアクセスが増えてきている印象…。
日によって数値にムラがあっても最初はなんとなくスルーしていたが、ユーザの言語情報を見ると(not set)からのアクセスが異常に多く明らかに不自然。

Google Analytics 言語ユーザー一覧

この...


Middleman フロントエンドツールで静的サイトを開発

サイトの目的に合わせて開発ツールを選択するそのベストプラクティスも最近ではそれぞれです。

動的ページ生成のようにサーバに負荷をかけずに、SPA構築のようにエンジニアに負担をかけずに、静的ページのHTMLファイルを生成してくれる静的サイトジェネレーターを導入してみました。

今回はMac OS...


Page 3 of 7