小さなメモから始めて、チームを育てるDocBaseのオープンβ公開
弊社で開発している情報共有サービス DocBase のオープンβバージョンを公開いたしました。 https://docbase.io 上記URLから登録していただければ、すぐ使い始めることができます。 DocBaseとは DocBaseは、一人の知識がチーム全員の知識となり、チームが力を最大限発揮できるようにするための情報共有サービスです。 エンジニアだけでなく、デザイナーやマネージャーなどチーム全員が自然と情報を共有し、チームが活性化することを目指しています。 5つの特徴 DocBaseには情報共有を活発にする５つの特徴があります。 すごく簡単にメモを投稿できる 小さなメモをチーム全員で育て、情報の価値を上げられる 複数のメモをまとめて情報を見やすく整理・保存できる 組織の枠を越えて情報を共有できる 強固な暗号化 なぜ開発したのか？ チームにはたくさんの暗黙知があります。 もしその暗黙知
JavaScript 3DレンダリングエンジンのThree.jsを試す
こんにちは。 KRAYアルバイトの浅海です。 今回は、最近ちまたで噂のThree.jsで遊んでみようとおもいます。 http://github.com/mrdoob/three.js webgl対応のブラウザで見ている方は、右上に3Dのボックスが表示されていると思います。 Three.jsを使えば、このようなことを簡単にJavascriptで実現できるのです。 半信半疑で使ってみたところ、たしかにThree.jsでは、3D特有の行列計算や数学的思考をせずとも、3Dを表示、操作することができました。 「ちょっとのプログラムで3Dができる。」 この面白さを皆さんに届けたいです。 目次 立方体を表示する 光をあてる テスクチャを貼り付ける マウスで回転させる マウスで移動させる クリック判定する Three.js web上には、HTML5のcanvasを利用した様々なサンプルページやアプリケーシ
rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
そろそろnode.jsについて一言書いておくか | KRAY Inc
はじめに 毎年サーバーサイドJavaScriptが流行ると言ってるみなさんこんにちはダニーです。 ということで、node.jsをはじめてみました。 Twitter Streaming APIで取得したデーターをWebSocketで 接続したクライアントに出力するデモを作成したので紹介したいと思います。 今回のデモについて 今回作成したデモは node.jsのHttpClinetでTwtter Streaming APIでTwtterからデータを取得して、 node.jsのWebSocket Serverでそのデータを接続してきたWebSocket対応ブラウザに送信するということを やっています。 Twitter Streaming APIで取得できるようにする。 動かすのにhttp-basic-authが必要です。 npm install http-basic-auth streaming
WordPressを100倍速くする！ MySQLの調整やnginx proxy cache | KRAY Inc
[追記１] 最後で説明しているproxy cacheの設定を修正しました。 [追記２] nginx proxy cacheでキャッシュしない場合の処理を変更しました。 [追記３] スマートフォンや携帯で閲覧した時にキャッシュしない設定を追加しました。 はじめに 大げさな題名ですが、今回はWordPress単体を速くするのではなく、データベースやWebサーバなどの調整、またnginxのproxy cache機能を使って速くする話になります。 サイトの構成によっては、proxy cacheは使えないかもしれませんが、使わなくても5倍程度速くすることはできましたので、参考にしていただければと思います。 今回行うチューニング一覧 DBを最適化するプラグインを導入する APCを導入してPHPを速くする MySQLを速くする 重いWordPressプラグインを外す nginx+FastCGIにする W
Pusherでお手軽WebSocket - iPhoneから加速度をリアルタイム送信
はじめに タイガーマスクが貢いでくれるのを待っている皆さんこんばんは。 前振り考えるのが面倒なので結論から書くと、今日はWebSocketについて扱おうと思います。iPhoneを使って↓こんなサンプルを作ってみました。 Safari上のJavaScriptと、WebSocketをWebサービスとして提供しているPusherを利用して、サーバサイドの言語を使わずに実装しています。 WebSocketってなぁに？ httpおさらい Webの通信に使われる皆さんお馴染みのhttpは、クライアント（ブラウザとかね）とサーバが常に「問い合わせ（リクエスト）と返答（レスポンス）」のペアでやりとりをおこないます。 クライアント(FirefoxやChromeなど): 「情報ください」 サーバ(Apacheやnginxなど): 「はい、どうぞ」 このシンプルな仕組みがhttpの強みであり、URLと共にここま
軽量高速Webサーバのnginxで静的コンテンツ配信とキャッシュコントロール
nginxとは？ nginxはロシアで開発されている軽量で高速なWebサーバです。 現在シェアは 7% 近くあるようです。もちろんApacheに比べれば少ないですが、Apache 55%、IIS 25%, nginx 7%で3番目に使われているWebサーバになります。 昔は、Pound+Lighttpd+Apacheの組み合わせをよく使っていましたが、ここ数年はnginx+Apacheとかになりました。 主に、静的コンテンツをnginxが受け持ち、PHPなどの動的コンテンツはApacheに渡す形になります。Railsを使う場合は、nginx+Unicornの組み合わせが多いです。 いまさらな感じもありますが、インフラ周りの見直しも含めて紹介したいと思います。 静的コンテンツをnginxに任せる nginx+Apacheの場合の設定は次のようになります。（nginxがport 80、Apac
やさしいMacBookProの育て方 - SSD+HDDで快適生活
Air、Airって…… 新型MacBookAirをケーキ入刀用に買おうとしてるけどお金がないみなさんこんにちは。 少し前まで周りもネットもAirが速い、Airが軽いと浮かれまくりです。噂によると相当快適だとか。社内でも2人が購入しています。なんだよそんなにソリッドステートがいいのかよ、そんなに軽いのがいいのかよ、でも買い換えるカネなんてねぇよ、と騒ぐ人々を横目で見る毎日でした。くそー。 MacBookAirに対抗したい！ このまま我慢してモッサリMacBookPro を使っていくのも腹立たしく、Airのサクサクさだけでも手に入れたい！ということで、目の前のMacBookProのHDDをSSDに載せ替えてみることにしましょう。 注意事項 当方では作業結果に責任を負いません！ この記事を読んで実行した結果発生するいかなる結果に対しても弊社は責任を負いません。ご自分の責任の下で作業を行ってくださ
[Rails3] ドラッグ&ドロップでファイルアップロード
いい加減ドラッグ＆ドロップでファイルをアップしたい！ あまのです。 社内プロジェクトで久々にRubyとRailsをさわりました。 やっぱりRubyは書きやすくていいですね。 さて今回はドラッグ＆ドロップで複数ファイルのアップロードです。 前々から、「そろそろブラウザでもドラッグ＆ドロップでファイルアップロードしたい」と思ってたので、今回試しに作ってみました。 参考にしたサイト 篳篥日記 http://d.hatena.ne.jp/hichiriki/20101016 デモ 今回作るサンプルのデモを最初にお見せします。 chromeやSafari, Firefox3.6でUpload a fileに画像ファイルをドラッグ＆ドロップしてみてください。 目標 最近のブラウザではドラッグ＆ドロップでアップロード 対応していないブラウザは普通にファイルアップロード 複数ファイルに、もちろん対応 He
![[Rails3] ドラッグ&ドロップでファイルアップロード](https://cdn-ak-scissors.b.st-hatena.com/image/square/ed1b526f79d9fc8af139ada5919dcc95172573e5/height=288;version=1;width=512/https%3A%2F%2Fkray.jp%2Fwp%2Fwp-content%2Fuploads%2F2010%2F11%2FDragDrop.png)
Rails3でどう書けばいいかわからない時、参考になる７つのURL
はじめに Rails3.0.0がリリースされて、2ヶ月（2010年10月末現在）。皆さんRails3ライフを満喫していますか？ Rails3がはじめてという方、マニュアルやリファレンス探しに苦労されていませんか？ Rails3でコードを書いていると、どうかけばいいのかな？ということもしばしばあって、自分なりに参照するサイトなどがまとまってきたので、今日は自分が参照する順番に、URLを晒していきます。少しでも参考になれば幸いです。 もくじ Rails Searchable API Doc Google – Search by date Rails 3 Ropes Course Railscasts – rails-3.0 episodes Ruby on Rails Guides Github – Search: rails3 example O’REILLY – Rails3 in a N
集中力を何倍にもするペアレンタルコントロールの使い方
今回の記事の対象者 今回の記事は以下のような人におすすめです。 気がつくと作業とは全く関係ないネットサーフィンの旅にでている人 気がつくと２ちゃんのまとめスレを読んでいる人 良質な情報ははてブで収集！と言いつつゴシップエントリーばかり見ている人 ツイッターは良質なコミュニケーションツール！といいつつ、ソーシャルストリーミングに流れる情報をついつい拾いにいってしまう人 mixiはなかなか会えない友達との交流の場！とかいいつつサン牧やブラ三を起動してる人 グローバルな視点でビジネスがどーたらするならFacebook やってて当然！といってFarmville（略） 仕事でMacを使っている人（よかったですね、救済の道は開かれました） はじめに こんにちは、KRAY芳賀です。 プログラマのようなパソコンとインターネットがなければ作業にならないような仕事をしていると、ついついネットで作業とは関係ない
RubyKaigi 2010でRubyへの愛を試された
どうも川崎です。8月27日から29日に開催されたRubyKaigi 2010というイベントに行ってきたので感想を書きます。 RubyKaigi 2010てなあに RubyKaigiは世界中から気鋭のrubyistたちが集うイベントです。 ちょっと持ち上げてみましたけど、実際には私のようにrubyを全くわからない人間も参加できる裾野の広いイベントです。 観光気分の私は写真を撮って楽しんでいました。撮ってきた写真をご覧ください。 英語でなんて言うの？ 外国の方もいるのでホワイトボードに英語が書かれていました。 記念グッズ 欲しいですね。 好きなメソッドを書こう！ 好きなメソッドが書かれています。 好きな言語は？ 好きな言語です。 Ruby on 松江ラーメンが売られていました 売店がでており、松江ラーメンが売られていました。 Amazonによると以下のような商品のようです。 Ruby on 松
iPhone アプリ開発で使える Framework の作り方
もりやまです。前回は iPhone / iPad アプリ開発で使える Objective-C のライブラリをいくつか使ってみました。 今回は、自分で作ったライブラリを Framework として使う方法をご紹介します。 ライブラリ用にプロジェクトを準備する 新規プロジェクトで、iPhone OS の Library から「Cocoa Touch Static Library」を選択します。 プロジェクトを作ると以下のような状態で生成されます。ここでは「KrayKit」という名前で作りました。 まずは不要なファイルの削除と、ファイルシステム上のプロジェクトのディレクトリ構成を整備します。 Classes を削除 Include, Resources, Sources を作成 次に、Xcode 上でプロジェクトの構成を整備します。 Classes を削除 Foundation.framewor
Emacsで便利なEmacs Lisp 7選
はじめに memchachedを落とす遊びをしてるみなさんこんにちは。 最近暑いですね、あまりの暑さに猫耳も溶けちゃいますね、ダニーです 。 今回は自分のEmacs環境を見直すついでにこれは使ってみて便利だったEmacs Lispとその設定例を紹介したいと思います。 下記の設定例はロードパスに置いてあるファイルか、.emacsに追加します。 EmacsLisp 鬼軍曹(Emacsキーバインドの強制) http://wiki.github.com/k1LoW/emacs-drill-instructor/ Emacsキーバインドの強制します。 EnterとかBackSpaceとかTABとか押しそうになったとき便利です。最近Emacs使い始めた人も入れるといいと思います。 (require 'drill-instructor) (setq drill-instructor-global t)
BackupライブラリでプロジェクトのバックアップもD.R.Y化しよう
はじめに こんにちは芳賀@func09です。 何かプロジェクトをリリースする時、必ずといっていいほど必要なのはデータの定期バックアップですね。 必ずといっていいほど必要なのに、必ずといっていいほど忘れがちで、後回しにされがちで、 リリース前に「あ、バックアップのバッチ処理書かなきゃ・・」みたいな感じで、毎回同じようなシェルスクリプトを書いてませんか？僕はそんな感じです。 バックアップだってD.R.Y（Don’t repeat yourself）ということで、サクっと労力をかけずに終わらせたいなぁと思っていた時に見つけたのがBackupという名前のGemです。そのまんまですね。 Backup(RubyGem)とは？ Backup（ http://github.com/meskyanichi/backup ）はRubyで書かれたUnixとRails環境のためのライブラリです。 データベースの内
iPhone / iPad アプリ開発で使える Objective-C ライブラリ紹介 2010 夏
（2011/12/19 追記） Google Data APIs Objective-C Client Library のコードで不要な autorelease をしていたのを修正しました。 もりやまです。先日初めて仕事として iPhone アプリの開発に携わりました。 iPhone アプリの開発が解禁された直後に少し齧って、今回ほぼ 2 年ぶりに触ってみたんですが、相変わらず ObjC には慣れないですね・・・ さて今回は、そんな ObjC での開発で、iPhone アプリ向けに使えるライブラリを調べてみました。 Google Data APIs Objective-C Client Library gdata-objectivec-client – Project Hosting on Google Code Google の各種サービスへアクセスするためのライブラリです。 今回の開発
通信量削減で快適スマートフォン計画
<IfModule mod_ext_filter.c> # 画像圧縮フィルタを定義 ExtFilterDefine jpeg-filter mode=output intype=image/jpeg cmd="/opt/bin/convert -quality 15 +profile \"*\" jpeg:- jpeg:-" ExtFilterDefine png-filter mode=output intype=image/png cmd="/opt/bin/convert -colors 16 -colorspace Transparent -quality 90 +dither +profile \"*\" png:- png:-" ExtFilterDefine gif-filter mode=output intype=image/gif cmd="/opt/bin/conve
モダンブラウザで使う「Geolocation API」後編
もりやまです。 前回は「Geolocation API」の概要と、実際に使ってみたデモを紹介しました。 今回はもう少し突っ込んで、各 API の説明と、住所入力フォームへ現在の位置情報から参照した住所を自動入力するデモを紹介します。 void getCurrentPosition(successCallback, errorCallback, options) function successCallback 成功時に呼ばれるコールバック関数。引数に Position オブジェクトを取る。必須。 function errorCallback エラー時に呼ばれるコールバック関数。引数に PositionError オブジェクトを取る。 PositionOptions options オプション。 long watchPosition(successCallback, errorCallbac
１時間でツイッターサービスを作ろう！
はじめに どうもKRAYの芳賀です。 今日はツイッターサービスをスピーディーかつ無料で作るお話です。 僕は日頃趣味でツイッターサービスを作っているのですが、アイデアを着想したその日のうちにプロトタイプを作って動かすことができるくらいにノウハウが溜まってきました。 仕事が終わってからのプライベートな時間だけでも、１週間から１か月もあれば１つサービスがリリースできる感覚がつかめたので、必要最低限の機能を備えたサービスを短時間で作れないだろうか？と時間を計測しつつ実践してみたところ、なんと１時間で完成できたので、その手順を紹介します。 開発の流れ まずは開発の流れを説明します。 ツイッターアカウントの用意 まずツイッターのアカウントが必要になるので、まだ持っていなければ取得しましょう。サービス用に改めて取得してもいいですね。 サーバの用意 作成したウェブアプリを設置するサーバを準備します。PHP
モダンブラウザで使う「Geolocation API」前編
（2011/04/15 追記） 広義の HTML5、狭義の HTML5 について追記しました もりやまです。 最近比較的余裕があるので色々調べたりしているのですが、今回はブラウザの位置情報取得機能（Geolocation API）について調べてみました。 携帯端末では昔から結構使われていましたが、今回調べてみたところ、ほとんどのモダンブラウザが対応していることがわかりました。 というわけで、ここにまとめてみます。 Geolocation API とは ホストデバイスに関連する地理的な位置情報へのスクリプトによるアクセスを提供する API です。 ザックリ言ってしまうと、ブラウザ上で動く JavaScript から現在の位置情報を取得するためのAPI の仕様、ということです。 W3C で策定中の規格で、現在は最終草案（Last Call Working Draft）の段階です。 よく「HTM
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
