「React.js meetup #1」に参加してLTしてきた - すぎゃーんメモ
React.js meetup #1 に参加してきた。 参加者枠を大きく上回る応募のあった超人気イベントだったけど、@koba04さんにReact.jsのこと色々おしえていただいた縁もありLT枠で出させていただいた。 slide: http://sugyan.com/presentations/reactjs-meetup-1/ 成果物: https://idol-event-calendar.herokuapp.com/ repository: https://github.com/sugyan/idol-event-calendar 初心者がRailsとReactを同時に勉強し始めたけど結構つらかった、という話。 とりあえず今回のLTまでにある程度の形まで持っていかなきゃ、と必死になったおかげでそこそこ頑張れたのでよかったｗ (LT駆動開発？) 他の方々の発表はどれもとても勉強になる内
react-routerでsingle pageなrails scaffold - すぎゃーんメモ
React をちょっと触ってみたい、というのと 最近すこし Ruby on Rails も勉強はじめた、ということで、rails g scaffoldで作るような管理画面のViewを react-router を使ってSingle Page Applicationで作ってみた。 https://react-router-scaffold.herokuapp.com/ (source code: https://github.com/sugyan/react-router-scaffold) 既に React.jsでRailsのScaffoldを再現してみた - Qiita という記事があり、これをおおいに参考にさせていただいております。 違いとしては、 Bootstrapで見た目を変えてる React 0.13でサポートされているES6 classes記法などを使って書いてみた Hashで
YAPC::Asia 2014 前夜祭で喋ってきた - すぎゃーんメモ
YAPC::Asia Tokyo 2014 前夜祭 - YAPC::Asia Tokyo 2014 「欲しいものは作ればいい！ 〜Webアプリ10連発〜」ということで@koba04さんに声をかけていただき、最近つくっていたttyrecからアニメーションGIFを生成するツールやそのWeb版を作っているところの紹介をさせていただきました。 ttyrecからGIFアニメを作る話 from Yoshihiro Sugi Web版の話に入るまではこのブログに書いてきた通りのことを紹介しただけだけど、「こういうのが欲しくて」「こういうのが作りたくて」というモチベーションに絡めて「やってみた」の結果を実演デモを挟んでみせたりしてみました。 いちおうWebアプリの話が題材なので、そこから新たに作っていたWeb版(JavaScriptだけでttyrecからGIFアニメを生成するツール)の紹介をしました。まだ
ターミナル操作の記録(ttyrec)からGIFアニメを生成するツールを作った - すぎゃーんメモ
ttyrec で録画したデータを使ってターミナル上で再生しつつ、そのスクリーンキャプチャを使ってアニメーションGIFを生成するツールをGoで作ってみた。 https://github.com/sugyan/ttygif Releases Mac, Linux Desktopで動作。再生速度はオプションで変更可能。 背景 percolを使ってターミナル操作を早く、便利に。 - すぎゃーんメモ のような記事を書いたりする際に、ターミナル操作を録画してGIFアニメにしたい需要があり。 そういった用途に使える汎用のデスクトップ録画ツールとしてはLICEcapやGifzoなどがある。 Cockos Incorporated | LICEcap http://gifzo.net/ これらはWindows, OSXあたりが対象で、Linuxの場合はまた他のツールがあるらしい(よく知らない)。 汎用的なキ
はじめてのGo - すぎゃーんメモ
今さらながら、Goをもう少し読み書きできるようになりたいな、と思い。 A Tour of Go を一通り読んで、 GitHub - mattn/twty: command-line twitter client written in golang go-oauth/examples/twitter at master · garyburd/go-oauth · GitHub などを参考にしつつ、写経というかんじで Twitterのtimelineを取得するものをまずは書いてみた。 package main import ( "encoding/json" "fmt" "github.com/garyburd/go-oauth/oauth" "github.com/typester/go-pit" "log" "net/http" "os/exec" "runtime" ) func mai
#perlcasual で再びライブコーディングさせていただいた - すぎゃーんメモ
PerlCasual #05 : ATNDにて、@yusukebeさんに声をかけていただき、再びライブコーディングをさせていただいた。 前回やらせていただいたのは2年半以上前なのか… 第6回 yokohama.pm ＆ Perl Casual でライブコーディングに挑戦してみた - すぎゃーんメモ 前回はちょっとしたスクリプト的なものだったけど、今回はWebアプリっぽいのはどうか、ということでAmon2を使ってWebアプリを作成する、というお題にしてみた。 まっさらな状態から始めて OAuth2ログインを使って 掲示板的なアプリを Herokuにデプロイして動くものをリリースする という目標でやってみた。 掲示板的なのは実はAmon2のtutorialにあるやつですね。 Tutorial - Create BBS site — Amon2 documentation 結局できたのは htt
アイドル現場情報をGoogleカレンダーから集約するWebアプリを作った - すぎゃーんメモ
背景 非ドルヲタの方々は知らないと思うけど、世の中にはものすごい数のアイドルが存在しており、毎日どこかで誰かが歌って踊って頑張っている。 笑顔と元気を届けてくれるアイドルちゃんたちはみんな成功して欲しいし応援したいし会いに行きたいけど、そもそもそれらの「アイドル現場」の予定(時間・場所)を把握するのが大変。 そういったアイドル現場情報を得やすいように、無銭カレンダーに代表されるようにGoogleカレンダーを利用してそういった現場情報をまとめてくれているものがあったりする。あとは各アイドルさんのホームページなどでスケジュールを確認する必要があるけれど、アイドル運営さんの方でもライブ予定などをGoogleカレンダーに入れて公開しているところが増えてきていたりする。 そんな流れから、数日前にあるヲタさんが アイドル関連のGoogleカレンダーまとめ : ガリバー日常記 という記事を書いてくださっ
SQL::Translator::DiffでDBスキーマに追従させる方法 - すぎゃーんメモ
#5「GitDDLまじイノベーティブ」 tech.kayac.com Advent Calendar 2012 | tech.kayac.com - KAYAC engineers' blog が便利そうだなーと思って。 でもGitと絡めなくても、Webアプリにおいて「現在の環境で使用するデータベース」と「有るべきスキーマの状態を示すDDLファイル」の差分を取って埋めることができればそれだけで十分使える気がする、と思って一つの運用方法を考えてみた。 もちろんGitDDL使っても良いのだけど、SQL::Translatorを使うだけでもある程度は、ということで。 Amon2プロジェクトの例で。 初期設定 $ amon2-setup.pl MyAppとかで雛形プロジェクトを作ると、sqlディレクトリが作られて、そこにDDLを保存する雰囲気になる。そのままsql/mysql.sqlを使っていくこ
perlbrewを利用したプロジェクトごとのPerl環境管理 - すぎゃーんメモ
整理するためのメモ。 よくある問題: プロジェクトごとの依存モジュールの管理 全環境共通でインストールするとモジュールのバージョンが分けられない local::libやcartonを使ってプロジェクト専用のインストール領域を作るのが良い しかし実行するPerlのバージョンが違うと動かなかったりするし だったらPerlそのものもプロジェクトごとに管理した方が 同一アーキテクチャの複数サーバにデプロイするときも1箇所で環境作ってディレクトリ丸ごとrsyncで済むし というわけでプロジェクト専用のPerlをperlbrewでインストールして使おう ビルドに時間かかったりもするけどまぁ最初の一回だけだし我慢 手順 既にperlbrew自体は標準の方法でインストールしておいていて使えてる、という前提で $ cd <PROJECT_ROOT> $ export PERLBREW_ROOT=${PWD}
gitoliteでプライベートリポジトリ作成 - すぎゃーんメモ
ゆーすけべー日記を読んで、そういえばgitのprivate repositoryを持ってないし何かのときのために設定しておくか、と思ってさくらVPSのサーバにgitoliteを入れてみた。 Hosting Git Repositories 以下、手順メモ。 gitoliteのインストール yumでサクっと。 sugyan@remote $ sudo yum install gitolite gitユーザを作成 専用ユーザを作ってそいつの$HOME以下でリポジトリ管理するようにした方がなにかとラクなので sugyan@remote $ sudo useradd -m git adminになるため公開鍵をコピー sugyan@remote $ sudo cp $HOME/.ssh/id_dsa.pub /home/git/admin.pub setup コピーしてきた公開鍵を使ってsetup。
tmuxを使い始めてみた - すぎゃーんメモ
名前と存在は知っていたけど最近まで使ったことのなかった、tmux。 http://tmux.sourceforge.net/ ようやく触ってみた(現在の最新版:1.6)のでscreenとの比較、思ったことなど。 現在の自分の設定 # prefix key unbind C-b set-option -g prefix C-t # key bind bind-key C-n next-window bind-key C-p previous-window # terminal set-option -g default-terminal xterm-256color https://github.com/sugyan/dotfiles/blob/master/.tmux.conf 主にはコレくらい。エスケープキーはデフォルトの"C-b"から"C-t"に。windowの行き来はCtrlキー押し
MySQLのコマンドたち - すぎゃーんメモ
http://mysql-casual.org/2011/11/mysql-casual-advent-calendar-2011.html の6日目の記事として書かせていただきます、sugyanです。 勢いで参加表明してしまい、今日慌てて久しぶりにMySQLを触りました。 MySQLでFizzBuzz ストアドプロシージャって使ったこと無かったので初めて触ってみました。 DROP PROCEDURE IF EXISTS FizzBuzz; delimiter // CREATE PROCEDURE FizzBuzz(n INT) BEGIN DECLARE i INT DEFAULT 1; WHILE i <= n DO SELECT CASE WHEN i % 3 = 0 AND i % 5 = 0 THEN 'FizzBuzz' WHEN i % 5 = 0 THEN 'Buzz'
test-tcpモジュールを作ってみた - すぎゃーんメモ
はじめてのnpm publish。 PerlでTest::TCPを愛用しているのですが、Node.jsでもこういうの欲しいと思っていて探してみたけどそれらしきものが見当たらなかったので作ってみました。 https://github.com/sugyan/node-test-tcp 「サーバのインスタンスとクライアントのコードを渡すと、空いているportでサーバを立ち上げてクライアントコードを実行してくれる」というもの。 こんなカンジで使うイメージです。 var assert = require('assert'); var net = require('net'); require('test-tcp').test_tcp({ server: net.createServer(function (socket) { socket.on('data', function (data) { s
#isucon で優勝したチームのメンバーとして参加してた - すぎゃーんメモ
既に多くの参加者の方々がブログに書いておりますが。 #ISUCON に参加しました。 livedoor Techブログ : なんでもありのWebアプリケーション高速化バトル、#isucon 開催のお知らせ livedoor Techブログ : ISUCONやりましたーっ！ 最終結果発表 #isucon 以前参加したチューニンガソンも面白かったし、コレも出たいなーと思って社内で調整してみたころ、ちょうどよく3人集まった、ということで@fujiwaraさんと@songmuさんと一緒に参加しました。結果は優勝！ #isucon で優勝してきました - 酒日記 はてな支店 #isucon ではどんなことを考えながら作業していたか - 酒日記 はてな支店 おそらくはそれさえも平凡な日々: #isucon で優勝させてもらってきました お二人のエントリの通り、fujiwaraさんとsongmuさんでと
画像アップロードAPIを使って投稿してみる - すぎゃーんメモ
新しく、Twitterで正式に画像アップロードのAPIが提供されたそうで。 POST statuses/update_with_media (deprecated) | Twitter Developers 早速使ってみた。 てすと URL 2011-08-16 13:39:21 via sugyan APIから画像あげてみるテスト URL 2011-08-16 13:42:39 via sugyan "pic.twitter.com/*******"というURLで投稿され、それぞれのTweet URLでそのまま画像が見える。逆に未対応のクライアントソフトだと画像付きTweetだと認識してもらえずちょっと不便だったり… 各言語のライブラリ側での対応もまだ少し時間はかかりそう。"multipart/form-data"で送らないといけない、ということでOAuth headerだけつけてリクエ
Tatsumakiアプリケーションを作ってみる - すぎゃーんメモ
Tatsumakiを使ったアプリの例は幾つか見たことはあったのだけど、 TwitterStreamをTatsumakiを使ってブラウザ表示 - メメメモモ TatsumakiとTwiggy使ってみた - punitan (a.k.a. punytan) のメモ Big Sky :: TatsumakiとDUI Streamを使って画像ストリーミングサーバ作ってみた。 実際に自分で書いたことはなくて、結構分からないことが多かったので、自分でもサンプルアプリを作ってみた。やっぱり実際に書きながら試したりする方が理解できる…。 Tatsumakiにあるchatアプリの例を参考にしながら。 Tatsumaki/eg/chat at master · miyagawa/Tatsumaki · GitHub 作ったのはアクセスログ(timestamp, useragent)をリアルタイムにブラウザ表示
Amon2::Liteでmarkdownその他のリアルタイムプレビュー - すぎゃーんメモ
http://d.hatena.ne.jp/tokuhirom/20110710/1310303859 でAmon2::Liteが出てきて、Mojolicious::Liteのようにアプリが書けるようになったので、 Mojolicious::Liteを使ってMarkdownをリアルタイムプレビューしてみた - アリ 昨日のリアルタイムプレビューは... - アリ リアルタイムプレビューしたい - アリ これと同じものもAmon2::Liteで同じように簡単に書けるようになったはず、ということで練習がてら書いてみた。 #!/usr/bin/env plackup use strict; use warnings; use Amon2::Lite; use Encode 'encode_utf8'; use Text::Markdown 'markdown'; use Text::Xatena
Shibuya Perl Mongersテクニカルトーク#16 に参加してきました - すぎゃーんメモ
Shibuya Perl Mongers : Shibuya Perl Mongersテクニカルトーク#16 「夏の正規表現祭り」ということで、正規表現まみれのテクニカルトークたちでした。 今日はShibuya.pm #16の日です - 北海道苫小牧市出身のPGが書くブログ id:hirataraさん、いつも素晴らしいレポートをありがとうございます！ 個人的には@sinya8282さんの"正規表現の否定"の話が奥深く面白かったです。理解出来なかった部分も多かったのであとでジックリ復習したいと思います。 縁あって@takesakoさんから声をかけていただき、Lightning Talksで5分間だけ喋らせていただきました。Shibuya.pm初登壇です。 LTの資料はこちら -> Shibuya.pm #16 LT ほぼ正規表現無関係ですが… どちらかというと記号プログラミングネタの方が良か
async.jsでフロー制御 - すぎゃーんメモ
よく分からなくなるのでメモ。 Nodeの非同期を扱うライブラリasync。の機能でフロー制御関数が幾つかある。 var async = require('async'); async.waterfall([ function (callback) { console.log('waterfall 1'); setTimeout(function () { console.log('waterfall 1 done.'); callback(null, 1); }, 500); }, function (arg, callback) { console.log('waterfall 2'); setTimeout(function () { console.log('waterfall 2 done.'); callback(null, arg + 1); }, 300); }, funct
Nodeアプリの設定系モジュールいろいろ - すぎゃーんメモ
Node(node.js)でwebアプリを開発するにあたって、DBの情報やSession keyのsalt, OAuthのsecret_keyなどの設定をどうするかを悩み中。考えているのは アプリケーションのコードに設定値を埋め込むようなことは絶対にしたくない ということは設定用のファイルを用意してそこを読み込む形に？ 開発環境と本番環境で設定が変わるので上手く切り替えられるようにしたい npmで普通に入れられる軽量なライブラリで実現出来れば良い …で、どんなのがあるか調べてみたところ結構色々あったので以下の6つくらいを実際に入れて使って試してみた。 cjson config confu jsonconfig nconf node-config cjson コメント付きで記述したJSON形式なファイルを使える、とのこと。 /* * This is my app configuration
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
