Vue.jsとNPM資産でオンラインツールを量産する

PuppeteerをDockerやHerokuで動かすメモ

tl;dr Docker syon/puppeteer - Docker Hub dockerfiles/puppeteer at master · syon/dockerfiles Heroku jontewks/puppeteer-heroku-buildpack 情報ソース puppeteer/troubleshooting.md at master · GoogleChrome/puppeteer

自作Webアプリの棚卸しとリニューアル検討

モチベーション いろいろ作り続けていると、知識も増えて技術力が上がった気がします。 特にフロントエンド界隈の進化は味方につけるとその恩恵は大きいです。 最近は React や Vue のようにコンポーネント指向で開発がしやすくなっているので、 その便利さ…

URLからOGPを抽出するサンプル (cheerio + Node.js)

AWS Lambda で動かしたいやつの途中経過です。 OGPが取得できなかったときのフォールバックに従来の<title>や<meta name="description">を使うことが予定されています。 gist https://gist.github.com/2d1c451790c32edc40e0f916d7c06de5 cheerio https://github.com/cheeriojs/cheerio</meta>

ティラノビルダーで作ったブラウザゲームのBGM再生をiPhoneに対応する

【レビュー】マイクロソフトSurfaceワイヤレスキーボード 英語版US配列 WS2-00025

VSCode拡張のVSIXファイルをダウンロードするやつを作りました

はてブのコメント表示Chrome拡張『Gaiyas』を作りました

IRKit GUIをDockerに対応してメニューバーから使えるようにしました

JekyllをDocker上で動かして環境依存の問題から解放される

静的サイトジェネレータ『Metalsmith』の紹介

qiita.com

ErgoDox EZ - 試行錯誤したWindowsでの活用事例と設定の紹介

日本語フリーフォント利用の効率化アイデアと検証結果

この記事はSVG Advent Calendar 2016の第 8 日目の参加記事です。 www.adventar.org

iOS10新アプリ「ホーム」とSiriでエアコンをON/OFFしてみた(Homebridge・IRKit)

制作事例解説 React + Material-UI + スクレイピング

Pocketが便利になるWebアプリを作りました

Chase https://syon-chase.herokuapp.com/ みなさんはあとで読むサービスを使っていますか? その中でも有名な Pocket というサービスを、公式の API を使って自分なりに使いやすくした Web アプリ『 Chase(チェイス)』を作りましたのでご紹介します。「自…

React Routerの公式チュートリアルがわかりやすかったよ

PhantomJSでURLリストから自動キャプチャ・切り抜き・縮小するスクリプト

メールアプリ『Airmail』のiPhone版がステキでした

幾何学的で美しいSVGパターン画像を生成する『GeoPattern』の紹介

AsciiDocを静的サイトジェネレータで使ってみる (Jekyll / Middleman / Metalsmith)

背景 Markdown の表現力に不満 特に定義リスト。これを一番使いたいのに記法がない AsciiDoc ってのが良さそう qiita.com 静的サイトジェネレータの調査 Top Open-Source Static Site Generators - StaticGen AsciiDoc を標準で使えるものがそんなにない コ…

Apple Magic Keyboard on Windows まとめ

環境 Magic Keyboard - US Windows 8.1 Pro 64bit

RSSをフィルタするWebサービスを作りました

一部でざわついている iOS 9 のアドブロック界隈を横目に、自分の情報収集ルーチンを効率化しようと RSS の フィードをフィルタリングする Web サービス『 RSSフィードフィルタ 』を作りましたのでご紹介します。 「自分のために作ったものを、みんなにも使…

(解決済み) Windows Node.js(npm) ENAMETOOLONG

Windows にて npm パッケージのインストールに失敗 一部の Atom のパッケージインストールに失敗 一部の npm install に失敗 原因は依存パッケージのnode_modulesネストが深くなることで、Windowsの最大パス長260文字(ドライブレター、終端記号NULL文字を含…

AtomコントリビュータとしてGitHubからプレゼントもらった!

サンフランシスコから郵便物が届いたぞ…?

Atomの設定画面も日本語化しました

Atomの見にくい選択範囲の背景色を変えてみました

Rubyでファイルの一覧を数値順にソートする

irb(main):009:0> paths = Dir::glob("C:/path/*.yml") => ["C:/path/1.yml", "C:/path/10.yml", "C:/path/11.yml", "C:/path/12.yml", "C:/path/13.yml", "C:/path/14.yml", "C:/path/15.yml", "C:/path/16.yml", "C:/path/17.yml", "C:/path/18.yml", "C:/…

RubyのYAML出力でkeyがシンボルになってしまうのを回避

CSV(TSV)をインポートしてYAMLに変換しようとした。 require 'csv' require 'yaml' tsv = CSV.table("import.tsv", { :col_sep => "\t" }) tsv.each do |line| id = line[:id] open("result/#{id}.yml", "w") do |f| f.write(YAML.dump(line.to_hash)) end e…

ImageMagickを使ってカラーコードからPNG/GIF/JPEG画像を生成する