Re* Programming

「寄席の箱」というブラウン管TVを使ったデジタルアート作品を展示しました

Sun, 21 Apr 2019 18:18:45 GMT

UnityとHTC VIVE/Trackerを使ってスプラトゥーンっぽいインタラクティブコンテンツを作った話

Mon, 11 Dec 2017 22:12:00 GMT

先日 DojoCon Japan 2017 で Inkind Sponsorとして「ふしぎマニューバー」を出展しました。ほぼ表題で完結する話ですが、イベント当日は仕組みについて結構質問があったので、振り返りがてら解説したいと思います。今年のわりと早い時期から、こざるさんから、相談を受けました。きっかけは以前制作した「さえ子のお人形」の仕組みを解説する勉強会を受けての事だったそう。ご本人の記事「手作り！ふしぎマニューバー」に詳細が書かれています。体験型のコンテンツを見てもらった結果、こういうお話が来たのは嬉しいことです。イベントまでの流れ 5〜7月頃ざっくり、「CoderDojoに参加される子どもたちに向けて、不思議な体験ができるコンテンツを出したい」という感じだったように記憶しています。何を作ろうかなと思っていましたが、不可視彫像やトラッキングデバイスを使った記事※1, ※2を見ていて、立体視をやりたいなとふんわり考えていました。 HTC VIVE を使うにしても子供向けとなるとVRとしての利用はありえない

ポリッドスクリーンとキネクトを利用したタッチコンテンツを作ってホラーなイベントを開催した

Sun, 20 Nov 2016 20:08:10 GMT

ポリッドスクリーン(PolidScreen)とキネクト(Kinect)を使い、参加型のホラーコンテンツを作って、WebやCGの学校、デジタルハリウッド(以下、デジハリ) 内でイベントを開催した。タイトルでほぼ完結するのだけど、久しぶりに制作したっていう感じがしたのでアウトプットしておく。ポリッドスクリーン(PolidScreen)とは、農業用”ポリ”フィルムをプロジェクターの投影面として映像をスクリーンに映し出す技法。以下のサイトが詳しい。とても参考になりました。 PolidScreeen 最近だとフィルムスクリーンの前後両面に映像を投影したっていう話題が挙がっていた。一方、キネクト(Kinect)は言わずと知れた Xboxの周辺機器。ジェスチャーや身体の動きなどで操作することができる入力デバイスである。そのKinectとプロジェクタを使い、ポリッドスクリーンに映像を投影、そのスクリーンを巨大なタッチスクリーンとして操作するコンテンツを制作した。動画を見てもらった方が早いかもしれない。さえ子のお人形プレデモ from M

Meteorworks 2015年振り返り

Tue, 29 Dec 2015 01:59:21 GMT

約一年振りの更新となりますが、みなさんお元気でしょうか？振り返りとして2015年最初で最後の記事としたいと思います。やってみたことと実現出来たこと今年一番大きなことは、個人事業の仕事でもNode.js を使うことがほぼほぼメインとなりました。反面、今年のテーマとしては昨年以上にWebをやらないと決めて活動しました。もちろん仕事では受けているのですが、そこに留まらないことを目標として、Webではないイベントに参加する機会を作りました。昨年とは違う世界が見えるかなと思って活動したように思います。そして、本当にいろんなことを始めていた１年でした。写真を撮ることも続けていたのですが、撮影の依頼が来ることにもつながり、またそこでの知りあった人と仕事の繋がりが生まれる。といった好循環もあり、継続的な収入があったのは大きいです。敢えて今年やらなかったこと一方、Webはやらない。という今年のテーマに沿った行動もあり（昨年ほどは）勉強会に出ない1年でした。リアルに顔を合わせる知人には「は？」と言われるのですが、参加していた数は圧倒的に少な

Meteorworks 2年目 2014年振り返り

Wed, 31 Dec 2014 09:44:09 GMT

かみやんの個人活動としての Meteorworks の2年目が半分以上終えようとしています｡昨年は初年度ということもあり慣れないことばかりでしたが､今年は色々と各方面から声をかけていただくことが多くなりました｡ありがとうございます｡今年、実は敢えてWebから離れることを意識していました｡もちろん､主催のイベントはがっつりWebなのですが､大半Webではないイベントに参加しました｡カメラで写真を撮るようになったことも大きく写真を撮る係だったり､運営のお手伝いだったり｡自分が面白いと思ったこと､やりたいことを実現するのがたまたまWebだった｡またそうじゃない方法だった｡という流れにしたいなと考えています｡ Meteorworksとして活動し始めた時から肩書はEngineerとしています｡これは､いずれ復活したい自動車に関わる仕事であってもそのまま使えるようにという意味もあります｡来年は「かみやん，Webやめるってよ」って言われるぐらいになりたいですね｡今年以上にいろんなことをやっていきたいと思います｡どうぞよろしくお願い致しま

Photograph Advent Calendar [16日目]

Tue, 16 Dec 2014 12:33:00 GMT

しわっす！過去最高に忙しいしわすむかえておりますかみやんです｡ * Photograph Advent Calendar 2014 16日目､アカリ (@kokona_san)さんからバトンをつなぎます｡よくよく考えるとアカリさんと初めてお会いしたのもカメラ遠足からではないでしょうか ? (違ったらすいません...) 私はカメラを手にすることで、今までは気にも留めなかった季節の移り変わりやイベントへの興味が出てきて､生活に変化が出ました｡色んな人とも知り合うことが出来ていいコトずくめですが，Engineerとしての商売道具より高額な遊び道具になりそうで怖いです(笑そう言えば､昔はハマったらお金掛かりそうだからとカメラは敬遠してたんでした｡カートもそのやらないと公言しているものの一つです｡クルマは好きですがやりません｡私公式的には､フォーミュラよりも箱カテゴリーが一番好きだからということにしておきます｡おっと､話がそれました｡本当ならAdventCalendarを飾れる冬らしいものを撮りに行くのがよいのかなと思

MEAN Stack チュートリアルを元に Sails.js で実装してみた

Mon, 22 Sep 2014 04:30:00 GMT

IBM developerWorks の MEAN Stack で構成されたチュートリアルの記事を参考に、Sails.jsの実装方法で再構成してみました。 Node.js、Express、AngularJS、および MongoDB を使用してリアルタイム・アンケート・アプリケーションを作成する http://www.ibm.com/developerworks/jp/web/library/wa-nodejs-polling-app/ アプリに必要なもの * Node.js * Node モジュール: Sails.js * Node モジュール: waterlineモジュール (sails-redis / sails-mongo / sails-postgresql など) * JavaScript フレームワーク: AngularJS * データベース: MongoDBなど ※ MongoDBを使わなくても可能動作環境 * Node.js v0.

sails new コマンドをhookして独自環境を構築するSails Generatorについて

Tue, 12 Aug 2014 08:00:00 GMT

Sails.js は v0.10系から、Sails Generator を使った環境構築方法を提供しています。 (※ currently experimental の記述あり) 今回は、そのSails Generatorを使った構築方法を 2通り紹介したいと思います。 sails new hook 方式 sails new コマンド実行時の Scaffold は sails-generate-xxx を複数実行して生成しています。例えば、Viewテンプレートを ejs から jade に変更する場合、コマンドのオプションで sails-generate-views を sails-generate-views-jade に差し替えて、生成するファイル構成を変えています。この使い分けと同じ仕組みを自身の環境用に定義します。 Sails.js はデフォルトで grunt を使っていますが、これを gulp を使える構成に変更してみます。 npm に登録されている

Sails.js v0.10系新機能まとめ

Tue, 12 Aug 2014 00:00:00 GMT

Sails.js のバージョンがついに v0.10へとアップデートしました。今回はRC版がコンスタントに上がっていき、色々機能的なテストを行っている印象でした。幾つかv0.9系からの変更点もあるので、ここで纏めておきたいと思います。 * Node.js: v0.10.26 * Sails.js v0.10.2 sails コマンド sails new --linker オプションが廃止され sails-linker はデフォルトで使用するようになりました。対象ファイルは/config/pipeline.js に設定します(後述) sails generate api v0.9.x では sails generate @Hogeを実行すると HogeController.js@Controller と Hoge.js@

Sails.js + PassportでID/Password認証

Thu, 26 Jun 2014 00:00:00 GMT

Frontrend in Nagoya へ参加して全セッション質問してきた #frontrend

Mon, 23 Jun 2014 03:46:00 GMT

Node.js大阪勉強会を開催しました #npp02

Thu, 19 Jun 2014 15:00:00 GMT

6/14(土)にNode.js大阪勉強会を開催しました Node.js大阪勉強会 (#npp02) http://node-osaka.connpass.com/event/6453/ テーマ: Production Environment 今回はということで色んな所で勉強会が開催されていて、Node.js大阪勉強会では最も人数が少ない回となりました。とは言え、自分たちが聞きたい/話したいテーマだったので非常に学ぶことが多かったです。 Twitter https://twitter.com/hashtag/npp02 セッション「Node を稼働させる」 @kumatch @kumatch による本番稼働ツール主体のお話で、初めて @kumatch にNode.js話を聞いた頃使っていたものから現在に至るまでの遷移や工夫などでした。 pm2 の細かい話も良かったですね。私もpm2で本番系は稼働させています。 Nodeを稼働させる from kumatch kumatch 「Scalable

Node.js大阪勉強会を開催します #npp02

Mon, 09 Jun 2014 05:34:21 GMT

Node.js勉強会を開催しました #npp01

Mon, 10 Feb 2014 02:00:00 GMT

2/8(土) Node.js勉強会を開催しました。 Node.js 超初心者向け勉強会http://connpass.com/event/4877/Node.js勉強会 http://connpass.com/event/4878/ 開催前日の夜、すごく雪が降っていて勉強会自体の開催が出来るかどうかという感じでしたが、会場近辺では大きな積雪もなく通常どおり開催することになりました。午前のセッション午後の座学形式の勉強会の前に開催している。インストール(とExpress)についてのみ解説セッションです。一緒にインストール作業をするハンズオンセッションですね。最近 Grunt,Less,CoffeeScript など、Node.jsを使って作業をすることが多くなり、ただサーバサイドの処理を書くというものではなくなっています。特にGrunt、gulpなどのタスクツールは、他の言語のプログラマーやデザイナー関係なく利用すると便利ということもあり、今回は本編の申し込み以上の参加申請がありました。ハンズオンの性質上あまり多く参加者を募れないので、次回以降は開催形式を考えたいと

Sails.jsをリバースプロキシ経由で実行する(Sails.ioと接続出来ない)

Fri, 31 Jan 2014 02:40:00 GMT

Sails.js で CoffeeScript の自動コンパイルを実行する

Fri, 31 Jan 2014 02:38:42 GMT

Sails.js v0.9.3以降で Nodeプロセス再起動モジュールを使う

Fri, 31 Jan 2014 02:38:17 GMT

grunt を内部的に使っているからかファイルの監視が常に発生してしまうので、それらを回避する方法です。 forever .foreverignore ファイルを作成し、.tmpフォルダを対象外とする。 **/.tmp/** forever -w start app.js Nodemon .nodemonignore ファイルを作成、以下のフォルダを対象外とする。 views/* .tmp/* .git/* nodemon -w api -w config nodemon api.jsでも大丈夫な気がしますが、 nodemon 使ってないので詳細は不明。 Supervisor .tmp,.git,views を対象外として起動する。 `supervisor -i .tmp,.git,views app.js`` 参考 http://stackoverflow.com/questions/18687818/auto-reloading-a-sails-js-app-on-code-changes

Ghost v0.3.3 から v0.4 へのアップデート

Wed, 22 Jan 2014 06:51:53 GMT

このブログは記事作成時(2014/1/22現在) Ghost で組んでいるのですが、v0.3.3 からv0.4にアップデートしました。 Ghost [https://ghost.org/] は Node.js で組まれたBlogシステムです。使っている人は少ないですが、Ghost 最近盛り上がって来たような気がします。アップデートの方法ですが、下記を参考にしました。 How To Update Ghost To Version 0.4 http://www.allaboutghost.com/how-to-update-ghost-to-version-0-4/方法は2つあります。コマンドによる自動アップデートとする方法と、手作業で zipファイルをダウンロードする方法です。以下、実行コマンドです。 v0.3.3 -> v0.

Meteorworks として初めて活動した 2013年振り返り

Tue, 31 Dec 2013 09:29:31 GMT

今年の発表まずは今年の発表振り返り第二回 JetBrainsユーザーグループ in 大阪｣WebStormについて発表してきました [http://www.slideshare.net/kamiyam/webstorm]Node.js勉強会 in 大阪 MVCフレームワーク Sails.jsについて機能紹介 [http://www.slideshare.net/kamiyam/slide2-21820687] Grunt.jsを使ったExpressの開発環境構築 [http://www.slideshare.net/kamiyam/gruntjs-express] 第7回関西PHP勉強会PhpStormとGrunt.jsで作る CakePHP快適開発環境 [http://www.slideshare.net/kamiyam/phpstorm-grunt]第14回リクリセミナー知ってるつもりで実は知らない拾う技術捨てる技術 [http://www.slideshare.net/

EJSを使ってスクリプトなどをヒアドキュメントっぽくextends する

Fri, 20 Dec 2013 03:00:00 GMT

この記事は Node.js Advent Calendar 2013 [http://www.adventar.org/calendars/56] 20日目の記事です。概要 Node.js というか express [http://expressjs.com/] で使っているテンプレート ejs でのお話です。 expressで実装していて、この書き方で良いのかなという疑問があるので今回書いてみました。 Node.jsのフレームワーク、express ではデフォルトでテンプレートエンジン Jade [http://jade-lang.com/] を使用しますが、オプションで EJS [http://embeddedjs.com/] を使用することも出来ます。以下、EJSでの利用フロー。 EJS を使う上で共通部分を一括管理したいので express-locals をインストールし、app.js

Illumination Photo #IllPhoto Advent Calendar 2013 : DAY11

Wed, 11 Dec 2013 03:00:00 GMT

Illumination Photo #IllPhoto Advent Calendar 2013 [http://www.adventar.org/calendars/67] 11日目の記事です。この時期になるとイルミネーションが点灯する大阪･御堂筋大阪・光の饗宴 [http://www.hikari-kyoen.com/] 御堂筋イルミネーションのイベントとして12月1日から始まっています。

concat/minifyしたファイルへのリンクを grunt-usemin を使って自動で書き換える

Fri, 29 Nov 2013 03:00:00 GMT

最近、HTML,CSS,JavaScript を記述するのに、Jade,Sass,LESS,Stylus,CoffeeScript などのプリプロセッサが便利で使っていますが、CSSFrameworkを利用することもありファイルが複数に分かれていることが多くなってきました。 grunt に限らず自動化処理を実行して、本番環境用に結合( concat )･圧縮(minify) して複数あるファイルを1つにまとめてアップロードする方も多いと思います。しかし、HTML内で CSS( meta link=~ ) JavaScript (script src=~) は本番環境では minifyファイルを、開発環境では元々の複数にわかれたファイルのパスを設定することになります。 (Sassのinclude 等を使えば最終的には1ファイルに纏まりますが、CSSファイルのみの構成などもあるので････) 意外とこれが面倒で、私は minify ファイルをリンクしたタグをコメントアウトした状態で挿入しておいて都度切り替えるということをしていました。ここで登場するのが、grunt-usem

第2回デザイナー向けプログラム勉強会 (Sass編)を開催しました #DmP02

Tue, 19 Nov 2013 03:00:00 GMT

DmP 第2回目ということで、Sass 勉強会を開催しました。デザイナー向けプログラミング勉強会 DmP02 http://connpass.com/event/3840/ DmP はプログラミングを覚える会なのに Sass ? と思われるかもしれませんが、Sassで使われる変数や extend、mixin がプログラムをする上で役に立つのでは? ということで、今回選んでみました。資料は github にアップしています。 Githubで資料などを管理しているのは、同じ課題を複数回行うという目的からですので、またいずれSass編できればよいですね。 * https://github.com/Designer-meets-Programming/files-vol2-Sass ※ ワークショップの復習用なので実際に参加した方でないとわかりづらいかもしれません。当日の行ったSublimeText2 のインストールとSsss のコンパイルまでの手順を追加しています。今回は Compass を実際に使うところまで進めなかったが少し残念ですが

ブログをWordPressからGhost に移行しました

Tue, 12 Nov 2013 03:00:00 GMT

テーマごと移植したので見た目としては大きな変化は無いのですが、ブログを Ghostへ移行しました。 Ghost は Node.jsで作られたBlogシステム(CMSではない)で、ユーザとして見ると非常にシンプルなものとなっています。 Ghosthttps://ghost.org/(2013/12/21追記) 日本語公式ドキュメントが公開されたようですね。 Ghost日本語ガイドhttp://docs.ghost.org/ja/(2013/12/21追記終り)今年の初旬に Kickstarter で記事がupされ、私も使ってみたいと思い(少額では有りますが)支援参加していました。すぐに目標額に達した覚えがあります。 Ghost: Just a Blogging Platform http://www.kickstarter.com/projects/johnonolan/ghost-just-a-blogging-platform 記事投稿投稿はMarkdown でも HTML

細かすぎて伝わらない Sails.js v0.9.3 のtipsまとめ

Thu, 17 Oct 2013 14:00:27 GMT

Sails.js [http://sailsjs.org/]は0.8系から0.9系にバージョンアップした際、仕様が大きく変わったので少しまとめてみました。ちなみにSails.jsはもう v0.9.4のリリース終わって v0.9.7です。。。(2013/10/17現在) grunt 依存 sails lift(node app.js) 実行時、内部的にgrunt を実行しています。これはv0.9系の一番大きい変更であり、一番やっかいな仕様変更です。これにより、grunt[default]を実行し、そこからSails(Express)でサーバを起動するタイプの処理(grunt-express-serverなど)が動作しません。また、これに付随するのか node-supervisor での起動も出来ません。再起動を延々繰り返します。 (2014/4/

プログラマー向けデザイン勉強会を開催しました

Tue, 24 Sep 2013 12:30:35 GMT

9/21(土)にプログラマー向けデザイン勉強会を開催しました。｢プログラマー向けデザイン勉強会」http://connpass.com/event/3086/開催内容 8月にデザイナー向けプログラミング勉強会(DmP [http://designer-meets-programming.github.io/] )を開催しましたが、今回はその逆バージョンです。 PmDは座学形式で開催するということもあり最終的に60人弱に参加頂きました。もともと東京で @satococoa [https://twitter.com/satococoa] さんが主催されている P4D [http://prog4designer.github.io/] というイベントがあるのですが、この勉強会はそこで行われた P4Dをパク･･･参考にさせて頂き開催しました。私が第二回の D4P (プログラマ向けデザイン勉強会) に参加した経緯もあり、それを大阪でやってみたいというということから実現しました。開催に伴い P4Dの @ken_c_lo [https://twitter.com/

Sails.js v0.8.9 の各オブジェクトへのアクセスをまとめてみた

Tue, 06 Aug 2013 09:30:23 GMT

Sails.js の最新版 (記事作成時v0.9.3) が結構変わっているようなので、今まで使っていた v0.8.9 のtips(というには大げさですが)をまとめておきます。 Sails.js v0.8.9 0.8.x Documentation [http://08x.sailsjs.org/#documentation/new-to-nodejs] 導入については過去記事 [https://nantokaworks.com/?p=1101]を参照のこと Sails.js オブジェクト sails オブジェクト global["sails"] すべての sails 環境下で sailsオブジェクトが取得できる express オブジェクト sails.

プログラマー向けデザイン勉強会を開催します #pmd01

Mon, 05 Aug 2013 11:40:28 GMT

9/21(土) にプログラマー向けデザイン勉強会(PmD)を開催します。 PmD? PmDは、Programmer meets Design の略です。プログラマーがデザインを勉強したり、気軽に自サービスのデザインについて相談したりする会を目指しています。今回は、デザイナー視点の話をセミナー形式で聞く会にしようと思っています。プログラマー向けデザイン勉強会http://connpass.com/event/3086/DmP? 先日、デザイナー向けプログラム勉強会 [http://connpass.com/event/2884/](DmP)を開催しました。こちらはプログラムを勉強したい人向けにワークショップ形式で行ないました。第1回目は外部サイトのRSSをJavaScriptで取得してサイトに表示してみようという内容でした。勉強会の開催情報等はFacebookページなどで随時更新していきます。 DmP Facebook ページhttps://www.facebook.com/dmposaka 次回以降、色々なパターンで開催していこうと思っていますので、こちらも

第14回リクリセミナー｢Web制作の未来、あなたの未来｣でLTをしてきました

Tue, 30 Jul 2013 09:00:00 GMT

7/27 第14回リクリセミナー｢Web制作の未来、あなたの未来 [http://recreators.doorkeeper.jp/events/4128] ｣でLTをしてきました。こもりさんのメインセッション [http://www.slideshare.net/gaspanik/recre-vol14-web-design-process-for-the-future] から始まり、色々な立ち位置で仕事をしている6名のLTということで参加者としても非常に楽しみな内容でした。こもりさんのお話ですが、Web制作の未来ということでデザイン寄りな内容に終始するかと思いきや、それだけにはとどまらずフロントサイドの開発手法･ツールの紹介など150分めいっぱいいろんな話を聞くことが出来ました。他の5名のLTも非常に面白い内容でした。私はプログラマとしての立場でLTをする予定だったのですが、もう話す内容が無いんじゃないかと思うくらいでした(笑) もはや与えられた8分というLTの時間すべてをメインセッションで紹介されたツールのデモで実演する方が良いかと思ったりもしたのですが、いや

PhpStormからCakePHPをGrunt.jsで起動する

Thu, 18 Jul 2013 17:00:35 GMT

先日、第7回PHP関西勉強会 [http://kphpug.doorkeeper.jp/events/4708]でLTをさせて頂きました。 PhpStormとGrunt.jsで作るCakePHP快適開発環境 [http://www.slideshare.net/kamiyam/phpstorm-grunt] from kamiyam . [http://www.slideshare.net/kamiyam] 私の中ではLTの構成として * GruntとCakePHP * PhpStormとGrunt という二部構成だったのですが、まぁこれが5分で終わるはずもなくほどんど解説すること無く終わってしまったので、フォロー記事を書いてみました。 * PhpStorm 6.0.3 GruntとCakePHP まずは第一部、GruntとCakePHPの構成についてです。 * ･CakePHPのフォルダ構成などに合わせたビルド実行 * ･CSS/JS/PHP(CTP)の変更監視･LiveReload * ･PHP -Sを使ったサーバ起動(PHP5.4 <) * ･Apache･

Node.js勉強会 in 大阪を開催しました

Tue, 11 Jun 2013 12:00:24 GMT

5/25 に (第二回)Node.js超初心者勉強会と、通常版の(第一回) Node.js勉強会を開催しました。 Node.js 超初心者勉強会 in 大阪http://atnd.org/events/39286Node.js 勉強会 in 大阪 http://atnd.org/events/39288 午前の超初心者向けのセッションもあったので、準備でいっぱいいっぱいでしたがなんとか無事開催することができてよかったです。午前のセッション本当に超初心者向けのセッションということで、インストールセッションを行ないました。 Node.jsを使う人が増えるといいなということと、使う人が増えてむしろ教えて貰いたい(?)ということで開催しています。詳しい説明ではありませんが、Github にまとめていくことにしています。 * Node.js超初心者勉強会資料 [https://github.com/kamiyam/Osaka-Node-Beginners/wiki] インストールして始めてみようという人にはいつでも参加してもらったり、

スーパーハッカソン2013に参加しました

Mon, 20 May 2013 04:00:46 GMT

5/11 大阪グランフロント内のイノベーションハブで行われたスーパーハッカソン2013 に参加しました。参加しましたというか、5/18まで参加していました。スーパーハッカソン 2013http://super-hackathon.net/2013/ [http://super-hackathon.net/2013/ title=]行き場を無くした動物たちの問題を解決する1画面のサービス「pitto」今回のスーパーハッカソンで完成したみなさんの作品の一覧は、非常に良いまとめ記事があることもあり、この記事ではその一週間の参戦記ということでまとめてみました。ハッカソンとはなんぞ？ハッカソンという言葉を説明すると、> ある決められた一定期間の間、個人・あるいはチームを組み、プロダクトを完成させるというもの。ハッカソンを行う期間は1大体日〜3日という場合が多いのですが、スーパーハッカソンでは前回同様一週間という形式になっています。（内々ではスッパソンと呼ばれていました）チーム制とパーティこのハッカソンでは、チーム参加が必須となっていてそのチームも最大5人までとい

5/25(土) に第1回 Node.js 勉強会 in 大阪を開催します。

Wed, 01 May 2013 18:00:45 GMT

概要 Node.jsの勉強会(第1回) を 5/25(土) に午前と午後の2部構成に分けて開催します。名前が安直なんですが、 Node.js 超初心者勉強会 (午前)http://atnd.org/events/39286午前は、Node.jsのインストールから始めたいデザイナー･コーダー･プログラマなど超初心者向けの内容です。そのため、Node.jsのインストールから始めます。 Node.js 勉強会 (午後)http://atnd.org/events/39288 午後は、Node.jsのことをもう少し深く知りたい方が対象となる内容です。 Node.jsに関わる方に色々お話して頂く内容です。今回は、発表者の方を募集せずに開催決定した事もあって私が立て続けに発表していますが、興味が有る方はぜひ発表をお願いします (^^; 2部構成についてもちろん片方のみ参加･両方共参加。どちらでも構いませんが、超初心者向け勉強会は本当にインストールから始めます。

PHPカンファレンス関西2013にNode.js界隈の人として出演します

Tue, 30 Apr 2013 15:00:21 GMT

6/1(土)に大阪で PHPカンファレンス関西2013 [http://conference.kphpug.jp/2013/] が開催されます。その会場 Aにて「多言語パネルディスカッション」(13：20〜14：20)というセッションがあるのですが、そこでNode.jsの人として出演することになりました。セッションプログラムhttp://conference.kphpug.jp/2013/program/難しいながらも Node.js を続けてきて、声を掛けていただけるのは非常にありがたいことですし、嬉しい限りです。 PHPカンファレンスは普段PHPで開発しない私がなぜか毎年LTをしたり、遠方から来られるPHPに関わる方々と久しぶりに会えるイベントなので非常に楽しみにしています。まだ募集は開始していませんが、興味がある方はぜひ参加してみてください。 200人規模のイベントは最近参加していないので緊張しそうですね。。。 (2013.5.1追記) 参加登録が始まったようです。http://conference.kphpug.jp/2013/information/entr

Node.js の MVCフレームワーク Sails.js が良さげなので少し試してみた

Mon, 29 Apr 2013 17:00:20 GMT

Sails.js [http://sailsjs.launchrock.com/] はNode.jsのフルスタックMVCフレームワークです。 Railsを意識しているフレームワークのようで、Node.js環境において非常に簡単にWebアプリを構成できそうです。記事作成時の環境です。 * Node.js v0.10.1 * npm npm v1.2.15 インストールでは早速導入globalインストールでSails.jsをインストールします。 $ npm install -g sails@0.8.9 (2013.5.7 修正)npm install -g sails → npm install -g sails@0.8.9 バージョンを確認 $ sails -v

Yeomanでフロントエンドとバックエンドサーバを一緒に開発する

Tue, 23 Apr 2013 04:00:28 GMT

先月、HTML5など勉強会 [http://atnd.org/events/37124]に参加した時、雑談タイムで「 yeoman を使ってバックエンドの開発とかできないですか？」という内容に対して、フォローとして｢ gruntでリバースプロキシ使えますよ｣っていうお話をした。そのまま記事に書かずじまいで申し訳ないなーと思っていたら、@bathtimefish [https://twitter.com/bathtimefish] さんがブログをアップされていた。その記事、 YeomanでフロントエンドとREST APIサーバーを同時に開発する方法 [http://bathtimefish.hatenablog.com/entry/2013/04/22/125127] でリバースプロキシを使った手法が挙がっていたのですが、gruntのモジュールを使うともう少し楽ができそう。私は、easymock [https://github.com/cyberagent/node-easymock] を知らなかったですし、やはりyeoman [http://yeoma

WindowsでNode.js(npm)触るならnodistを使うといいかもしれない

Mon, 22 Apr 2013 18:00:40 GMT

たまにWindowsでもNode.jsを使いたい時無いですか? 私はnode.js(と言うよりnpm)を使ってツールをインストールしたい場合があり、一応(?)Node.jsをインストールしています。ただNode.jsはバージョンが上がるのが早いので(公式の便利なインストーラがあるとはいえ)都度更新しなければなりません。ある時ふとしたきっかけでWindows用の便利なバージョン管理ツール｢nodist｣を見つけてからそれを使うようにしています。 nodisthttps://github.com/marcelklehr/nodist nodistはWindowsのみで使えるNode.js用のバージョン管理ツールです。下記環境でテストしてみました。 * Windows7 Professional 64bit * nodist v0.3.5 まず、nodistコマンドを使えるようにします。任意の場所に zip [https://github.com/marcelklehr/nodist/archive/master.zip ] ファイルをダウンロードするか、git

meteorworks(メテオワークス)として独立することになりました

Tue, 02 Apr 2013 00:00:40 GMT

一応、技術ブログ(のつもり)ですが、今回はご報告ということで。私、@kamiyam [https://twitter.com/kamiyam] は4月2日よりmeteorworksという名前で、フリーランスとして独立することになりました。このブログは今後も meteorworks のブログとして続けていくつもりです。以前、私が何をしている(何が出来る)人かわからないという話があったので、自己紹介も兼ねて少し整理したいと思います。 Java、C#, PHP, Node.js でWeb関連のサービスのバックエンドを得意とするエンジニアです。 WordPressサイトやSNSのAPI連携、サーバインフラ周りをすることが多いと思います。最近、特に力を入れているのは Node.js です。 Socket.io の面白さ、楽しさをそのまま伝わるような仕組みづくりを行なって行きたいと思います。あと、大阪の勉強会で技術的な発表させて戴く機会が多くなってきました。ただ｢知っている｣ということと｢人に伝えられる｣ということは、まったく意味が違っていて自分の技術向上に対して

grunt 管理下で Express(Node.js)を開発できるgrunt-init-express を公開しました

Thu, 21 Mar 2013 23:00:23 GMT

gruntで Expressを使った開発を行う環境を生成するgrunt-initテンプレートを公開しました。 grunt-init-express https://github.com/kamiyam/grunt-init-express 概要 grunt を使うとSass、LESSのコンパイルやWebSocketを使ったLiveReload、ファイルの圧縮など様々なことがことができますが、grunt-init コマンドを使うことでscaffoldingな構成を簡単に生成することができます。すでに提供されているテンプレートを使用することもできますが、今回のようにベースとなるテンプレートを自分で作成することもできます。公開されている grunt-init の他のテンプレートについては過去記事 [https://nantokaworks.com/?p=964]を参照してください。 grunt-init-express はこんな機能があります。 gruntからNode.jsを実行 Node.jsをgruntのプロセスで管理するため gruntコマンドを使用します。 Node.j

Grunt.js 処理中にsayコマンドを実行すると開発も気持ちスピーディに!?

Thu, 14 Mar 2013 20:00:18 GMT

はい、ネタです。みんな大好き sayコマンド。 MacOSではターミナルで say hogehoge と実行すると喋ります。 $ say hello world !! ｢hello world!!｣出来ましたよね。話は代わって、Grunt.js では　grunt-exec を使うことでシェルコマンドが実行出来ます。よくGruntの処理が終わったらGrowlで結果を表示したり、処理に応じていろんな出力を行っています。そこでGrunt実行中に処理の内容をsayコマンドで喋らせれば面白いんじゃないかと思い、やってみました。手順ベースはこのgrunt-contrib-livereloadの記事 [https://nantokaworks.com/?p=827]です。 (今回の分もgist [https://gist.github.com/kamiyam/5160439/]に一式おいてあります。) 流れとしては次の通りです。 * grunt-exec をロード * execで使用するsayコマンドを記述 * 各タスクごとに設定したコマンド処理を埋め込む

grunt-init を使えば色々なプロジェクトのひな形の生成が簡単に

Thu, 14 Mar 2013 17:00:17 GMT

grunt-init を使うと色々なプロジェクトのひな形を簡単に自動で生成してくれるようになります。 Project Scaffolding http://gruntjs.com/project-scaffolding ここでいう色々なプロジェクトとは次の項目を開発する際のパッケージのことです。(grunt公式から引用) grunt-init-commonjs Create a commonjs module, including Nodeunit unit tests. grunt-init-gruntfile Create a basic Gruntfile. grunt-init-gruntplugin Create a Grunt plugin, including Nodeunit unit tests. grunt-init-jquery Create a jQuery plugin, including QUnit unit tests. grunt-init-node Create a Node.js module, including

matchdepを使ってGrunt.jsのプラグインを自動ロードする

Thu, 14 Mar 2013 10:30:40 GMT

Gruntが0.4系になってGruntのプラグインが細分化されました。名称が grunt-xxx となるものが非常に多くなりましたね。また、細分化された分 Gruntfile.js でロードするプラグインの数が多くなっています。 packege.json にこのような記述があったとしましょう。 { "name": "grunt-plugin-auto-load", "version": "0.1.0", "Dependencies": {}, "devDependencies": { "grunt": "~0.4.0", "grunt-contrib-connect": "~0.1.2", "grunt-contrib-livereload": "~0.1.1", "grunt-regarde": "~0.1.1" } } 3つ Gruntのプラグインをダウンロードして使っている状態です。 module.exports = function (grunt) { grunt.initConfig({

Node.js 超初心者勉強会を開催しました

Mon, 11 Mar 2013 15:30:31 GMT

3/8 Node.js [http://nodejs.org/] を使って開発をしたことが無い、あるいは触ってみたいという方を対象に勉強会を開催しました。 Node.js 超初心者勉強会 in 大阪http://atnd.org/events/37147私は大阪Node学園 [https://twitter.com/ong_tweet](モード学園ではない)という Node.js の勉強会の運営スタッフをしているのですが、今回はそのNode学園とは別枠で開催する事となりました。 Node.jsは｢インストール｣するまでの敷居が高くてなかなか使うに至らない場合が多く、普段は別の言語を使っているプログラマ / サーバーサイドの処理を知る一歩としてNode.jsを触ってみたいデザイナーを対象にしようというのが今回の勉強会の趣旨でした。また、ワークショップの性質上あまり多くの方を見ることはできないので｢npm install｣などのコマンドを知っている方はなるべく参加しないで欲しい(サポート役として参加なら可)としてみました。当日のツイートは Togetter [http:/

jQuery公式PluginRegistryに自作プラグインjqKeycodeBinderを登録したよ

Fri, 01 Mar 2013 10:30:03 GMT

概要 2013年1月17日、jQuery公式プラグイン・レジストリが公開されました。The jQuery Plugin Registry http://plugins.jquery.com/いままでの jQuery プラグインは、そのソースコード･実行ファイルが作成者自身のサイトや Google Code [http://code.google.com/] / github [https://github.com/] などいろんな場所に置いてありました。良さげな jQueryプラグインを見つけたその場でダウンロード出来ればいいのですが、時間が経って｢あのプラグインを紹介していたサイトはどこだっけ?｣みたいな話になることが多く、探すのも一苦労でした(よね?) jQuery公式でプラグインのインデックスを作って検索できるようにしよう。というのがこのサイトの目的だと思います。実際のプラグイン本体はjQueryのサイトに配置せず、github に登録された Repository から指定されたファイルの内容を読み取り表示する。というスタイルを取っています。プラグインの開発

Yeomanを使ってSass/LESSをもっと簡単スピーディに〜導入編〜

Thu, 21 Feb 2013 18:30:44 GMT

概要解説編 [https://nantokaworks.com/?p=818]でも書きましたが、Yeoman [http://yeoman.io/]はビルドツールです。ファイルの変更を監視してブラウザのリロードをかけたり、Sass LESSのコンパイルを行い、最終的に実行ファイル(プレーンなHTMLやCSSファイル)を出力したりする機能があります。今回は Yeoman1.0 (beta) のインストールについて書きます。 (※ 2013/02/21時点で安定版はv0.9.6、v1.0.0は beta の開発版です) Yeoman インストール Yeoman を利用するために、以下3つをインストールします。 $ npm install -g yo grunt-cli bower yo Yeoman [http://yeoman.

grunt-cli (grunt.js v0.4.x)で LiveReload を試してみた

Thu, 21 Feb 2013 11:30:47 GMT

GRUNTのバージョンがv0.4.0になり、記述・利用方法が一新されました。 Grunt 0.4.0 released 主な変更点と言えば、 grunt-cli をグローバルインストール gruntを各プロジェクトごとにローカルインストールプラグイン(contrib-xxxなど）は細かく細分化された (プラグインはpackage.json に記述し npm install でインストール) Yeomanも1.0から grunt-cli をインストールする形になっています。手順今回はLiveReloadを試してみたいと思います。 grunt-contrib-livereload Sass,lessの自動コンパイルなどは無しで。ファイル一式(gist)https://gist.github.com/kamiyam/4996713 □□□□□□□□□□□ grunt をインストールして作業用のフォルダを作成するもし、0.4.0以前のgruntがインストールされていれば削除する $ npm uninstall -g grunt

Yeomanを使ってSass/LESSをもっと簡単スピーディに〜解説編〜

Wed, 20 Feb 2013 11:30:49 GMT

以前、勉強会で発表したスライドがあるのでこちらのほうが概要は理解しやすいかもしれません。 WEBアプリケーションビルド・テストツール YEOMAN [http://www.slideshare.net/kamiyam/ss-15731663] from kamiyam . [http://www.slideshare.net/kamiyam] Yeomanとは Yeoman [http://yeoman.io/]は簡単に言うとビルドツールです。もしかすると、一般的にビルドっていう言葉は聞きなれないかもしれません。サーバサイドの言語を書くプログラマなどを例にします。大雑把ですが、プログラマは｢人が読み書きできるソースコードを書いて、PCが理解できる実行ファイルに変換する｣という作業をおこなっています。 (例外はありますが･･･) つまり、 * ･JavaやC#などのコードを書いて実行ファイルに変換(コンパイル) * ･使っているライブラリなどとに関連付ける(リンク) これがビルドです。とは言え、今はコードを書く際 IDE (VisualStudio、ecri

｢第二回 JetBrainsユーザーグループ in 大阪｣で WebStormについて発表してきました

Thu, 31 Jan 2013 11:27:02 GMT

1/30 ｢第二回 JetBrainsユーザーグループ in 大阪 [http://www.zusaar.com/event/489010]｣で WebStorm [http://www.jetbrains.com/webstorm/]について発表してきました WebStormでできること [http://www.slideshare.net/kamiyam/webstorm] from kamiyam . [http://www.slideshare.net/kamiyam]WebStorm (とそれを含むIntelliJ IDEA)は HTML,CSS,JavaScriptのコード書くのに非常にいいよね。という内容です。特にJavaScriptに対してが非常によく、私はNode.jsでサービス作るときにWebStormを使っています。 5分LTということであまり多くは伝えられなかったのですが、まぁ細かい所はまた別の機会に。ともあれ、@yusuke [https:

2012 発表振り返りと 2013 新たな世界へ

Mon, 07 Jan 2013 03:44:55 GMT

年が明けてしまいました。おめでとうございます。昨年もいろんな方にお声掛けを頂き充実した一年でした。 (若干遊びすぎた感もありますが・・・) まずは去年各勉強会で発表させていただいた資料など。 2012 勉強会スライド大阪Node学園 1時限目Socket.IOとリアルタイムなナニか [https://nantokaworks.com/demo/slide/20120128/]大阪Node学園 3時限目Socket.IOハンズオン [https://github.com/kamiyam/Osaka-Node-Gakuen-3rd/wiki/%E5%A4%A7%E9%98%AANode%E5%AD%A6%E5%9C%92%EF%BC%93%E9%99%90%E7%9B%AE] プレゼン勉強会勉強会での発表がきっかけでこんなにもモテ男になった俺 [http://www.slideshare.

消えていく儚さを演出するjQueryプラグイン jdtElementVanish

Thu, 15 Nov 2012 03:00:00 GMT

誰得プラグインは儚いです。一瞬の煌きの為に生まれては消え去っていきます。そんなプラグインたちを表すかのようなプラグインが完成しました、儚いですね。 [https://static.nantokaworks.net/demo/jdtplugins/jdtelementvanish/index.html] [https://storage.googleapis.com/google-code-archive-downloads/v2/code.google.com/jdtplugins/jdtelementvanish.zip] 使い方 jQueryとjdtelementvanishを読み込んで、実行します。儚いですね。

スーパーハッカソン2012に参加しました

Mon, 10 Sep 2012 14:36:48 GMT

9/8に行われたスーパーハッカソン2012 に参加しました。ハッカソン（英語: hackathon、別名:hack day,hackfest,codefest）とはソフトウェア開発分野のプログラマやグラフィックデザイナー、ユーザインタフェース設計者、プロジェクトマネージャらが集中的に共同作業をするソフトウェア関連プロジェクトのイベントである。ハッカソン - Wikipedia 珍しくWikipediaを引用してもなんのことかさっぱりですね。ざっくり書くとハッカソンとはある期間内にアプリ・サービスを企画し、実装・発表（プレゼン）をするイベントのことハッカソン自体は通常、週末の土日を使って行われる場合が多いです。今回は次のスケジュールで開催されました。 8/25 仲間を探す会 1 8/31 仲間を探す会 2 9/1 アイデアソン 9/8 プレゼンアイデアソンとプレゼンの間(9/1〜9/7)で実際に「

開発合宿関西4に参加しました

Mon, 18 Jun 2012 12:19:48 GMT

@msng [http://twitter.com/msng] さん主催の開発合宿関西に参加してきました。今回早くも4回目です。ブログにレポートとしてアップしていませんが、今まで第二回、第三回と来て第四回の今回も参加させて頂きました。過去二回は金〜日の日程の内、最後の2日間（土 / 日）だけの参加だったのですが、今回はフルに3日間（金〜日）の参加です。場所は第一回から変わらず「アクティプラザ琵琶 [http://acty-plaza.jp/]」です。この施設、無線LANは完備してるし、お茶は一日不自由しないですし、ご飯もだいたい所定の時間になったらフラッと食べに行けるし、量も沢山で美味しいし、ととても開発に集中出来る環境なわけです。さらにここは基本的に陸の孤島。応用的にも陸の孤島。途中抜けだして遊びに行くことすら出来ないので、がっつり集中出来るわけです。開発合宿のスタイルここでの開発合宿は個々が作りたいサービスやら普段出来ない仕事なんかをもくもくと作業するというイメージです。なので、隣の人がどんなことをしているかわからないこともしばしば。最終日

「勉強会での発表がきっかけでこんなにモテ男になった俺」というタイトルで発表してきました #prezben

Mon, 04 Jun 2012 14:41:33 GMT

開催からだいぶ日にちが経ってしまいましたが、5/8「プレゼン勉強会 [http://www.msng.info/archives/2012/04/presentation.php]」で発表してきました。今回、主催の@msng [http://twitter.com/msng] さんにお声掛け頂きました。きっかけは、@msng さん主催のイベントで私が初めて発表してから堰を切ったようにいろんな勉強会で発表することになった。という経緯があったからです。タイトル「勉強会での発表がきっかけでこんなにモテ男になった俺」はい。このタイトルに決めたのは私ではなく@msngさんですが、決してネタというわけでもなく、むしろ本当（？）のことなのでそのままのタイトルでスライドを作りました。私が今回の発表で伝えたかったことは * 発表して得をすることはあっても損をすることはない。ただこれだけです。発表は恥ずかしかったり、難しいと思うかも知れませんが、それよりも得られることの方がはるかに大きいです。例えば、みんなが知っているであろう技術の話でも、それを説明するために纏めたり

HTML5 & JavaScript Hackathon in fukui に参加してきました

Tue, 06 Mar 2012 14:00:07 GMT

2/25 と 3/4 に福井で行われたハッカソンに参加しました。最初は冗談半分に「行かなーっ！」って言ってたのですが、なぜか本当にしかも前日から福井入りしておりました。顔合わせ初日の 2/25 はアイデアソンということで、何チームかに分かれテーマを元にアイデアを考えていきました。その日のうちに翌週のハッカソンに作るサービスと各個人の役割分担を決めその日は解散（昼12時！）ということなのですが、会場は17時まで使わせてもらえるということで、各チームともギリギリまで作業に没頭していました。私の参加したチームは「ソーシャル」の枠で、ソーシャルネットワークを使ったCSS3やJavaScriptで動きのあるアルバムサービスをつくろうことで案を出しあい、各々の持ち場を決めるところまでだったと思います。チーム名おそーしゃるんサービス名アルバム動くん♪ 情報の共有それぞれが遠方で実際にやり取りが難しいので、Facebookのグループで情報の共有、DropBoxを使ってファイルのやりとりを行いました。ハッカソンまでの一週間でそれぞれがサービスを実装していきました。（がっつり作業したのはハッカソン当日、そして前日の夜中だったりしますが・・・一週間の内、何度かDropBoxへのアップロード通知が届いて進捗度合いが分かりやすくてよかったです。何も作業できない状態だった私はひたすら焦ることとなりましたが、ちゃんとgitのcommit役として活躍できたと思います。ハッカソン名物前日にデザインとコードがある程度出来た状態で、ハッカソン当日である 3/4 を迎えました。私が担当するSNSとの連携に関しては以前作成したTweetLikesやKOBACHIなどからの流用で時間を短縮できる・・・ハズでした。しかし、

勉強会で発表したスライドを通して今年一年を振り返ってみる

Fri, 23 Dec 2011 16:30:31 GMT

今年一年、いろんな縁があって様々な勉強会に参加させて頂きました！今回は発表したイベントを振り返りつつ、その資料を紹介したいと思います。発表したスライド第2回関西アンカンファレンス [http://www.msng.info/archives/2010/12/kansai_unconference_2.php] 発表スライドやさしいjQueryの使い方 [https://nantokaworks.com/demo/slide/20110108-1/]jQueryプラグインの作り方 [https://nantokaworks.com/demo/slide/20110108-2/] 用意された発表枠が当日に埋まっていくという、参加者が発表者にもなりうるアンカンファレンス。準備したスライドが長かったので2回に分けて発表しました。当日のセッションでの角南さん(@shokuto [https://twitter.com/#!/shokuto])の発表が素晴らしかった！ * 発表 » 「伝わるプレゼン」のつくりかたのヒント [http://www.youtube.com/watch

いま改めてWordPressとOGPについて考える

Sun, 18 Dec 2011 23:00:18 GMT

「WordPress Advent Calendar 2011」も半分を折り返してしまいました。ということは、今年は残り半月も無いわけですね、恐ろしいですね; どうも、@anticyborg さんからバトンをうけました @kamiyam です。 WordPressについて WordPressはその多機能さもさることながら、やはり大きな特徴は非常に活発なコミュニティーの存在ではないでしょうか。また、最近では Twitter、FacebookなどのSNSを始めとしたソーシャルグラフが非常に有用で、そのつながりから沢山の情報を得ることが多くなってきました。そこで OGPを正しく設定して情報を有効に伝えましょう。というのが今回のお話です。 Open Graph Protocol OGP ( Open Graph Protocol )は指定したURLコンテンツの内容をあらわす情報とその仕組みのことです。設定しておくと、Facebookなどで「いいね！」したりすると、サムネイルなどサイト運営者が意図したコンテンツの情報を表示させることができます。私は最近、勉強会で発表する機会が増えてきたので、そのスライドの開催イベント・題名などの情報をOGP設定して公開するようにしています。さて本題。 WordPressにそのOGPを付与するプラグインとしてWP-OGPが有名です。が、今回はそのWP-OGPをカスタマイズした WP-OGP-Customized を紹介しつつ、最近Facebookでは OGPプロパティの一つ「

VPS Debian 環境で PHP インストールして WordPress を構築

Fri, 09 Dec 2011 11:00:59 GMT

Debian6 で PHP をインストールして WordPress を構築していきます開発用/FTP用ユーザ作成開発用・FTP用ユーザを作成していない場合は作成する公開Webサイトの構成は下記記事の構成とするカゴヤVPS Debian5 から 6 へアップグレードして Apache と FTP 接続環境を構築 http://nantokaworks.com/?p=753 [https://nantokaworks.com/?p=753]Apache .htaccess設定他 Order allow,deny Deny from all

VPS Debian 環境で git や maven レポジトリを構築

Thu, 08 Dec 2011 10:30:11 GMT

Debian 6でgit / mavenのレポジトリを構築していきます開発用ユーザ作成開発者用アカウントを作成していない場合は作成する ※ 前回記事参照カゴヤVPS Debian5 から 6 へアップグレードして Apache と FTP 接続環境を構築 http://nantokaworks.com/?p=753 [https://nantokaworks.com/?p=753] アカウントdevuserをwww-dataグループに追加 # gpasswd -a devuser www-data gitやmavenレポジトリファイルの作成はdevuserで行う WebDav ○ WebDavモジュールのロード # a2enmod dav Enabling module dav. Run '/etc/init.d/apache2 restart' to activate new configuration! # a2enmod dav_

カゴヤVPS Debian5 から 6 へアップグレードして Apache と FTP 接続環境を構築

Wed, 07 Dec 2011 11:00:51 GMT

少し前カゴヤVPS がベータから正式版に移行しました。私はカゴヤVPS のベータ版で初めてLinuxを触り始め、最初 CentOS で構築していたのですが、正式版申込のタイミングで Debian 環境に移行しました。将来、カゴヤVPSで Debian6 のアプリケーションパックが提供されると思うのですが、今のところ Debian5 までなので、アップグレードから始めました。すでに Debian6 のアプリケーションパックが提供されていれば Debian5 （lenny）→ Debian6 (Squeeze) へアップグレードの作業は不要です。また、他のVPSでもDebianであれば大体の手順は変わらないと思います（適当）以下、後から書いたので抜けがあるかも知れませんが、備忘録として都度追加していきます。 Debian6へアップグレードアプリケーションパック debian 5 64bit OSパック（debian 5 64bit）こちらの記事で書かれてあることをまるまる参考にさせて頂きました（＾＾； Debian5 から 6へアップグレード http://loofah.jpn.

CSS Nite in OSAKA, Vol.27に参加して思ったこと

Mon, 05 Dec 2011 11:45:56 GMT

先日、「CSS Nite in OSAKA, Vol.27 [http://osaka.cssnite.jp/vol27/]」に参加しました。阪急オフィスタワー [http://www.umedahankyu-bldg.com/] の30階 (!)が会場でした。今回の勉強会はグループワークが目的オープニングトークで、主催者のお一人秋葉さん (@Hidetaro7 [https://twitter.com/#!/Hidetaro7]) からプログラマ向けにハッカソンといったイベントはあるのに、デザイナ向けのそれに当たるものが少ない。というお話がありました。確かにデザイナ向けのハッカソンってあまり聞かないですし、プログラマ向けのハッカソンにはなかなか参加しづらい。ということで、今回は敢えて参加人数を減らしグループワークを目的とした勉強会を開催したとのこと。秋葉さんのそういった試みなどは、私が色々書き連ねるよりも、ご本人のブログを見て頂いた方が良いかと思います。デザイナー主体のハッカソンをはじめましたhttp://akibahideki.com/blog/c

RSS.Graffiti を使って、FacebookとTwiiterにWordPressの更新情報を流す

Tue, 29 Nov 2011 21:30:00 GMT

[http://www.facebook.com/RSS.Graffiti] RSSフィードURLを利用して、WordPressの記事の更新情報をTwitter と Facebook(ページ)とに流す方法を紹介します。 WordPressだけに限定した話ではありませんが・・・ (先日、WordCampTokyo [http://2011.tokyo.wordcamp.org/]に参加して来たのですがレポートを書かない代わりに、WordPressを使う人のためになる記事が書ければということで；) 実はブログ記事のタイトルとURL流すだけなら RSS.Graffiti [http://www.facebook.com/RSS.Graffiti]ではなく twitterfeed [http://twitterfeed.com/] の方が設定は簡単だし、OGPも対応しているようなので、そっちでいいと思います。。。私の場合、TwitterとFacebookに流す投稿文章の先頭に【ブログ書いた】を入れたいがためにRSS.Grafittiを使っています。 Twitterfeed でも

Twitterで見知らぬ人からリプライが飛んできてNode.js勉強会で発表した話

Mon, 21 Nov 2011 15:59:36 GMT

ある日、TwitterでURLだけ書かれたリプライが飛んできました。リプライを送ってきたのは @vanx2 [https://twitter.com/#!/vanx2] さん。全く面識が無く「???」と思いつつ開くと Node.js勉強会＠関西第0回http://atnd.org/events/21762ふむ、Node.jsの勉強会だったんですね。もちろん興味があったので参加をすることにしましたが、発表するのはちょっとハードルが高いかな・・・と思っていました。そんな中、TwitterのタイムラインでこんなTweetが > 勉強会の発表とかは発表してから後悔すればいいんです (Via) @repeatedly [https://twitter.com/#!/repeatedly/status/133928132737646592] うん、そうですよね。せっかくなので発表しよう！そんなこんなで、発表を決めました。 ( 今だから書きますが、実は発表が決まってからNode.jsをインストールしなおしました（笑）私は、発表用のスライドをWebSocketで同期さ

無駄にエンターを強く押してしまいそうな誰得jQueryプラグイン jdtMdnStrongEnter.js

Thu, 20 Oct 2011 03:00:00 GMT

最近、Twitterでよく『俺つれーわー。ほんとつれー』ってよく聞きますよね。え？『何ヶ月か前にはやってて、何回も見た』？いやいや、『マジ飽きたわー』って人も是非このぷるぎんを試してみてください。使い方 jQueryとjdtmdnstrongenterを読み込んで、実行！