自作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画像を生成する

Node.js(io.js) & npmをアンインストールしてHomebrewとnvmで管理する

パッケージ版からインストールした Node.js / io.js / npm をいったんアンインストールして、Homebrew による管理に移行しようとしたらつまづいたので nvm を導入した話です。

Feedly API を Ruby (Gem: Feedlr) で試す

Eclipseからコマンドプロンプトを呼び出す

今学ぶJava(5) - Spring Boot + データベース

今学ぶJava(4) - Spring Boot + Thymeleaf

今学ぶJava(3) - Maven・Spring Boot体験 「Rubyでいうと…」

今学ぶJava(2) - Mavenってなんぞ

Javaのことがよくわからなくても、ちょいちょい目にするMaven。基礎っぽいので、エコシステムを学習するには必須であることが伺えます。今回はそれを使ってフレームワークを導入してみようと思います。 ※Mavenの解説はしません

今学ぶJava(1) - Spring Bootどうでしょう

Why Java エンタープライズな領域でよく聞くJava界隈のことも知っておこうかな、ということでこのGWを使って腰を据えて勉強しようと思った次第です。学びたいことは文法など言語としてのJavaではなく、そのトレンドやエコシステム、デファクト・スタンダード…

Atom の日本語化パッケージ "Japanese Menu" を作りました

Windowsでブラウザ自動キャプチャ - Nightmare / CasperJS (PhantomJS)

React でマテリアルデザインを実装する Material UI を試してみる

Material UI - Material Design React Components Material-UI is a CSS framework and a set of React components that implement Google's Material Design specification.

1年続けてわかった、GitHubが教えてくれたこと

Reactの公式チュートリアルをやってみた&メモ

React v0.13.0

Googleのマテリアルデザインまわりを調べた

気になったものまとめ 2015-03-11

気になったものまとめ 2015-03-10

新しいMacBook

気になったものまとめ 2015-03-06

Headlines NativeScript Rubyのリファクタリング風景 3,480円のディスプレイアーム

気になったものまとめ 2015-03-05

Headlines Ameba Ownd cookpad - UIの言葉選び CSSによるインラインレイアウトの仕組み デザインチームのためのプロジェクト管理ツール Brushup

気になったものまとめ 2015-03-04

気になったものまとめ 2015-03-03

Headlines Google新社屋 Unreal Engine 4 無料化 Ractive.js Brackets 1.2 リリース

気になったものまとめ 2015-03-02

Live2D

気になったものまとめ 2015-02-28