Re* Programming

Thoughts, stories and ideas.

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

誰得プラグインは儚いです。一瞬の煌きの為に生まれては消え去っていきます。 そんなプラグインたちを表すかのようなプラグインが完成しました、儚いですね。 [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を読み込んで、実行します。儚いですね。<script type="text/javascript" src="js/jquery.js"></script> <script type="
1 min read
勉強会とか

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

9/8に行われた スーパーハッカソン2012 [http://super-hackathon.net/] に参加しました。 > ハッカソン(英語: hackathon、別名:hack day,hackfest,codefest)とはソフトウェア開発分野のプログラマやグラフィックデザイナー、ユーザインタフェース設計者、プロジェクトマネージャらが集中的に共同作業をするソフトウェア関連プロジェクトのイベントである。 ハッカソン - Wikipedia [http://ja.wikipedia.org/wiki/%E3%83%8F%E3%83%83%E3%82%AB%E3%82%BD%E3%83%B3] 珍しくWikipediaを引用してもなんのことかさっぱりですね。 ざっくり書くと ハッカソンとは ある期間内にアプリ・サービスを企画し、実装・発表(プレゼン)
2 min read
勉強会とか

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

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

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

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

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

[http://atnd.org/events/24610] 2/25 と 3/4 に福井で行われたハッカソンに参加しました。 最初は冗談半分に「行かなーっ!」って言ってたのですが、なぜか本当にしかも前日から福井入りしておりました。 顔合わせ 初日の 2/25 はアイデアソンということで、何チームかに分かれテーマを元にアイデアを考えていきました。 その日のうちに翌週のハッカソンに作るサービスと各個人の役割分担を決めその日は解散(昼12時!)ということなのですが、会場は17時まで使わせてもらえるということで、各チームともギリギリまで作業に没頭していました。 私の参加したチームは「ソーシャル」の枠で、ソーシャルネットワークを使ったCSS3やJavaScriptで動きのあるアルバムサービスをつくろうことで案を出しあい、各々の持ち場を決めるところまでだったと思います。 チーム名おそーしゃるんサービス名アルバム動くん♪情報の共有 それぞれが遠方で実際にやり取りが難しいので、Facebookのグループで情報の共有、DropBoxを使ってファイルのやりとりを行いました。 ハッカソンまでの一週
3 min read
勉強会とか

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

今年一年、いろんな縁があって様々な勉強会に参加させて頂きました! 今回は発表したイベントを振り返りつつ、その資料を紹介したいと思います。 発表したスライド 第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
3 min read
Wordpress

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

「WordPress Advent Calendar 2011 [http://atnd.org/events/22823]」も半分を折り返してしまいました。 ということは、今年は残り半月も無いわけですね、恐ろしいですね; どうも、@anticyborg [https://twitter.com/#!/anticyborg] さんからバトンをうけました @kamiyam [https://twitter.com/#!/kamiyam] です。 WordPressについて WordPressはその多機能さもさることながら、やはり大きな特徴は非常に活発なコミュニティーの存在ではないでしょうか。 また、最近では Twitter、FacebookなどのSNSを始めとしたソーシャルグラフが非常に有用で、そのつながりから沢山の情報を得ることが多くなってきました。そこで OGPを正しく設定して情報を有効に伝えましょう。というのが今回のお話です。 Open Graph Protocol OGP ( Open Graph Protocol )は 指定したURLコンテンツの内容をあらわす情報とその仕
2 min read
Debian

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

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

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

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
5 min read
Debian

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

少し前 カゴヤVPS [http://www.kagoya.jp/cloud/vps/] がベータから正式版に移行しました。 私は カゴヤVPS のベータ版で初めてLinuxを触り始め、最初 CentOS [http://www.centos.org/] で構築していたのですが、正式版申込のタイミングで Debian [http://www.debian.org/] 環境に移行しました。 将来、カゴヤVPSで Debian6 のアプリケーションパックが提供されると思うのですが、今のところ Debian5 までなので、アップグレードから始めました。 すでに Debian6 のアプリケーションパックが提供されていれば Debian5 (lenny)→ Debian6 (Squeeze) へアップグレードの作業は不要です。 また、他のVPSでもDebianであれば大体の手順は変わらないと思います(適当) 以下、後から書いたので抜けがあるかも知れませんが、備忘録として都度追加していきます。 Debian6へアップグレード アプリケーションパックdebian
3 min read
勉強会とか

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

先日、「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
2 min read
Wordpress

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

[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 でも
4 min read
Node.js

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

ある日、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で同期さ
1 min read

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

最近、Twitterでよく 『 俺つれーわー。ほんとつれー 』ってよく聞きますよね。 え? 『何ヶ月か前にはやってて、何回も見た』? いやいや、『 マジ飽きたわー 』って人も是非このぷるぎんを試してみてください。 [http://jdtplugins.googlecode.com/svn/trunk/jdtmdnstrongenter/index.html] [http://code.google.com/p/jdtplugins/downloads/detail?name=jdtmdnstrongenter.zip&can=2&q=] 使い方 jQueryとjdtmdnstrongenterを読み込んで、実行!<script type="text/javascript" src="js/jquery.
1 min read
javascript

jQuery Templateについてちょっと調べてみた

先日CSSNite LP18に参加したのですが、中でも一際気になったjQuery Templateの機能を掘り下げたいと思います。 jQuery Template? jQuery Template http://api.jquery.com/category/plugins/templates/利点 これを使うと何が嬉しいかというと、表示のためのHTMLとロジック処理のためのJacaScriptをきちんと分離出来るということが挙げられます。 (※ちなみに、まだbetaです)サンプル 例えば、こんなHTMLがあったとします。 サーバーサイドからある書籍のリストをAjaxでロードしてリスト表示します。 <div> <h4>書籍タイトル</h4> <dl id="bookList"> <!-- <dt>逆襲ノマド</dt>
4 min read
勉強会とか

CSSNite LP18 「その先にあるjQuery」 参加レポート

9/17 東京で行われたCSSNite LP18 「その先にあるjQuery」 [http://lp18.cssnite.jp/] に参加してきました。 今回のCSSNiteはダブルヘッダーで、前半はLP17 [http://lp17.cssnite.jp/]が行われました。 CSSNite LP18http://lp18.cssnite.jp/Togetter - CSS Nite LP18「その先にあるjQuery」 http://togetter.com/li/189149 実はいままで仕事では全く使っていないjQuery。その先の・・・というタイトルが付いている通り、jQueryをこれからも使っていく上で重要なパフォーマンス改善 / 新機能を知ることができる大変貴重なセミナーとなりました。 普段jQueryを使っていて、深く掘り下げて調べる機会がなかったのですが、全く知らない使い方が紹介されていて非常に面白い内容でした。 jQuery高速化 西畑 一馬 (@KazumaNishihata [http://twitter.com/#!/KazumaNishihata]) さ
2 min read
勉強会とか

CSSNite LP17 「HTML5による電子書籍」 参加レポート

9/17 東京で行われた CSSNiteLP17 「HTML5による電子書籍」 [http://lp17.cssnite.jp/] に参加してきました。 講演の内容、とそのレスポンスについては、このあたりを参照してもらった方が充実しているかもしれません。 CSSNite LP17http://lp17.cssnite.jp/Togetter - CSS Nite LP17「HTML5による電子書籍」 http://togetter.com/li/189119以下、私が参加した感想を書いてみたいと思います。 HTML5による電子書籍 "電子書籍"が題名に含まれているのですが、電子書籍という範囲だけで括ってしまうのは非常にもったいないくらいの内容でした。 電子書籍のコンテンツを提供するフォーマットは色々ありますが、その一つにePubというものがあり、特にePub3.0 ではHTML5でも記述できるという点が挙がっていました。 仕様上、HTML5を使えるということで、「まだ先の技術だから・・・」と敬遠していた色々な表現が紹介されていて非常におもしろかったです。 また、HTML5では文
2 min read
IIS

PHP on IIS設定(FastCGI) 2011年版

WindowsXPのIISでPHPを動作させるために以前の記事 [https://nantokaworks.com/?p=152] を参照したら、リンク切れや不十分な所があったので改めて。 FastCGIインストール FastCGIを下記リンクからダウンロードしてインストールします。 * FastCGI Extension 1.5 for IIS 6.0 and 5.1 (32bit) [http://www.microsoft.com/download/en/details.aspx?id=11881] * FastCGI Extension 1.5 for IIS 6.0 and 5.1 (64bit) [http://www.microsoft.com/download/en/
1 min read
JAVA

『WebSocket勉強会』で発表してきました

かの地東京で、以前から気になっていたWebSocket勉強会 [http://homepage3.nifty.com/toremoro/study/websocketconf.html] が開催されるという話を聞き、参加を考えていた所、発表者も募集されており、せっかくならと発表させていただきました。 初めてUSTREAMで発表している姿が配信されていたので、どうなる事かと思いましたが、特に意識せず話せたのではないかと思っています。 ただ、発表直前にスライドの内容を修正したのですが、デモで行ったアンケートの質問内容と回答の項目がおかしくなっていました。 慌てて修正するもんじゃないですね。 WebSocket Communicationhttp://nantokaworks.com/demo/slide/20110528/ [https://nantokaworks.com/demo/slide/20110528/] 今回、Webアプリケーションに携わる方の参加が思いのほか少なかったというのが一番の印象でした。 他の講師の方々が発表された内容はUSTREAMで閲覧できます。 Web
2 min read
GoogleAppEngine

Twitterのツイートをいいね!出来るFacebookアプリ『Tweet Likes』をリリースしました。

最近、Facebookについて色々調べたり、勉強会で発表したりしていたのにアプリが無いのは少し寂しいので、Facebookアプリをつくってみました。Tweet Likeshttp://apps.facebook.com/tweet_likes/ どんなアプリ? このアプリはFacebook上でTwitterのタイムラインを表示して、そのTweetの中で『いいね!』することが出来ます。『 このツイート面白いんだけど、RTするほどでもないし、Favするのもちょっと違うなー 』という時、Facebookで気軽にいいね!する という仕組みです。 アプリを使ってもらうには次の認証が必要です。 * Facebookアプリの利用のため、Facebook認証(基本認証のみ) * Twitterのタイムライン表示のため、TwitterOAuth認証(Readのみ) タイムラインの更新はTwitterのWeb画面に近づけました。 * 最下段スクロールで過去のタイムラインを表示 * 60秒(1分)に1回 新着Tweetをチェックして、Tweetがあればそれを表示するボタンが現れる 対応ブラ
1 min read
PHP

PHPカンファレンス関西に参加して気になったキーワードとか

4/2(土) PHPカンファレンス関西 [http://phpcon.php.gr.jp/kansai/]に参加しました。 仕事でPHPは使わないのですが、テーマが * 「クラウド」「ソーシャルアプリ」「スマートフォン」時代のPHP ということだったんで参加してきました。「PHP」カンファレンスなのに、見事にPHP成分の少ない内容となっていました。。。 (それはそれで個人的には良かったのですが(笑)) 今回の気になるワード * Amazon EC2などで知られる「Amazon Web Services(AWS)」 * 落ち着いてきた感のある「PHP Framework」 * どの言語の勉強会へ行っても必ず出てくる「JavaScript」 Amazon Web Services(AWS) 個人的にJavaで開発しているということもあって「GoogleAppEngine」を使っていますが、やはりAWSも気になる所。 無料お試し枠もあるようなので使ってみようと思いました。PHP Framework PHPで開発したことが無いのでもしかしたらまだまだ新しいフレームワークが
2 min read
勉強会とか

Facebook勉強会でGraph APIとFQLについて発表しました

3/5 兵庫県立大学神戸キャンパス [http://www.u-hyogo.ac.jp/access/campus01.html]で行われた 「Web制作者、開発者の為のFacebook勉強会」 [http://twipla.jp/events/4928]に参加しました。 また、今回Lebe Inc. [http://www.lebe.jp/]の藤井さん [http://lebefujii.blogspot.com/] にお声掛け頂き発表させて頂きました。 勉強会タイムテーブル 1. Facebookについて制作者,開発者視点でLT 2. Facebook 基礎編 3. Facebook アプリ開発編 4. ソーシャルゲーム CityVille編 5. ワークショップ Facebook提案を考える Facebookについて制作者,
3 min read
勉強会とか

『第2回関西アンカンファレンス』で発表してきました

1/8 兵庫県立大学神戸キャンパス [http://www.u-hyogo.ac.jp/access/campus01.html]で行われた 第2回関西アンカンファレンス [http://www.msng.info/archives/2010/12/kansai_unconference_2.php] に参加/発表しました。 最近、勉強会などで発表することが続いてますが、『発表してみたい』と思ったきっかけは第1回のアンカンファレンスでした。 アンカンファレンスとは開催日当日に発表枠を埋めて行くスタイルの勉強会ですね。 なので、発表初めて&初心者にはもってこいだったりします。 (ただ、今回会場が豪華過ぎてちょっと敷居が高かったかもしれない。)アンカンファレンスの雰囲気はこのあたりを見てもらえばいいかもしれません。 * アンカンファレンスをやろう! [http://d.hatena.ne.jp/amachang/20091014/1255553340] * 北陸アンカンファレンス開催報告・振り返り [http://developer.
2 min read
javascript

WebSocket接続イベント登録用のライブラリを作ったよ

JavaScript Advent Calendar 2010 [http://atnd.org/events/10497] の23日目です。 最近WebSocket [http://ja.wikipedia.org/wiki/WebSocket]を色々試してました。 WebSocketはブラウザとサーバ間で双方向通信が出来るプロトコルです。 WebSocketChat [https://nantokaworks.com/demo/websocket/chat/]やWebSocketSlide [https://nantokaworks.com/demo/websocket/slide/] とかを作りましたが、Javascript側があまり慣れていないこともあってどうしても表示処理部分とWebSocketオブジェクトの管理がごちゃごちゃになりすぎるので、WebSocket接続イベント登録用のライブラリを作りました。 使う人は中身を知らなくてもwebsocketのイベント時の表示を考えるだけで大丈夫なように作ったつもりです。 表示部分がないのでライブラリファイルの使い回しが可能です
1 min read
勉強会とか

『リクリ忘年会 with リクリチャット3rd』で発表しました

12/18 リクリ忘年会 with リクリチャット3rd [http://www.re-creators.jp/party/2010/10/22_621.html] に参加しました。 リクリ(Re:Creator's Kansai [http://www.re-creators.jp/] )のイベントに参加したこと無いのに忘年会に行くという、ただ飲みたい人としていきました。 あ、でもちゃんとLTで発表してきました。 タイトルは『HTML5.jsの中身を見てみよう』です。 当日プロジェクターのうつりがいまいちという、発表初心者にはなかなかハードルが高いシチュエーションでしたが、まぁなんとか出来たかなと思います。 だいぶ駆け足で発表したので、スライドは公開しておきます(追記あり) HTML5.jsの中身を見てみよう スライド [https://nantokaworks.com/demo/slide/20101218/index.