Fabric.jsを使ってLGTM画像を作る
Fabric.jsという、HTML5のcanvasに使うライブラリがあります。 これは、canvas上にマウスドラッグや拡大縮小、回転などを行えるオブジェクトを描画することができるライブラリです。 Fabric.jsを使用して、画像にLGTMという文字を貼り付けるツールを作ってみました。 デモ LGTM Maker このツールを使うことにより、こんな画像が こんな風になります。 クールですね。 作り方 HTMLを用意する fabric.jsを読み込んだHTMLを用意します。 ファイルフォームとcanvasとダウンロードリンクがあります。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>LGTM Maker</title> <script src="https://ajax.googleapis.com/ajax/l
小さなメモから始めて、チームを育てるDocBaseのオープンβ公開
弊社で開発している情報共有サービス DocBase のオープンβバージョンを公開いたしました。 https://docbase.io 上記URLから登録していただければ、すぐ使い始めることができます。 DocBaseとは DocBaseは、一人の知識がチーム全員の知識となり、チームが力を最大限発揮できるようにするための情報共有サービスです。 エンジニアだけでなく、デザイナーやマネージャーなどチーム全員が自然と情報を共有し、チームが活性化することを目指しています。 5つの特徴 DocBaseには情報共有を活発にする５つの特徴があります。 すごく簡単にメモを投稿できる 小さなメモをチーム全員で育て、情報の価値を上げられる 複数のメモをまとめて情報を見やすく整理・保存できる 組織の枠を越えて情報を共有できる 強固な暗号化 なぜ開発したのか？ チームにはたくさんの暗黙知があります。 もしその暗黙知
チーム力を強化するオフィスデザイン
オフィスデザイン いつもは技術系の話やチーム開発の話が多いのですが、今回は働く場所について書いてみます。 というのは最近オフィスづくりの記事もよく見かけるようになってきましたので、せっかくクレイも引っ越したし、紹介しようと思った次第です。 私自身、働く環境というのはすごく大事だと思っていますし、かなり拘りのある方だと思います。 今回オフィスの移転に伴っては、オフィス作りの本を読んだり、コンセプトやイメージボードなどを作ってから設計してもらいました。 趣味と実益を兼ねていて、本当に楽しかったです。 オフィスづくりの記事 Studio O+A に学ぶ 生産性を上げるオフィスデザイン4つの原則 Facebook, Evernote, Squareなどを手がけるDenise Cherryが語る21世紀のオフィスづくり 会議室がない？！チームの生産性を高めるオフィスの作りかた 完成後のオフィス 今回
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
mod_pagespeedってどんなサイトに向いてるんだろう？
みなさんこんちわ。 事務所の引っ越しから1ヶ月ちょっと。ようやく新しい環境にも慣れてきました。といっても以前の場所から500mくらい渋谷よりになっただけなので、周辺まで変わったわけじゃないんですけどね。 mod_pagespeedとは 昨年末くらいからぼちぼち話題に出ていたmod_pagespeed。Google先生謹製の、入れるだけでWebの表示速度が速くなるという奴です。 方々で言われていますが、画像の再圧縮、js/cssなど各種アセットの統合など、サーバサイドの仕事が増えるので単純に速くなるわけではなさそうです。ちょうど手元というかamazonに貧弱な( m1.small )サーバがあるので、Wordpressを入れたapache環境で試してみました。 インストール ここ↓にあるパッケージを入れるだけ。 https://developers.google.com/speed/docs
Rails 4のturbolinksについて最低でも知っておきたい事
Rails 4のturbolinksについて最低でも知っておきたい事 （追記）turbolinksに関するセキュリティ上の懸念について turbolinksとは、ページ遷移をAjaxに置き換え、JavaScriptやCSSのパースを省略することで高速化するgemで、Rails 4からはデフォルトで使用されるようになります。 高速化は大歓迎なのですが、JavaScriptのイベントの起き方が変わるため、Rails 3までの書き方をしているとまず間違いなく問題が起きます。しかも、Rails 4ではデフォルトの機能ですので、最新版を使いたいなら必ず知っておかなければいけません。 本エントリではturbolinksを使うために絶対に知らなければいけないことを分かりやすく紹介したいと思います。 動作 turbolinksの動作は、すごく大雑把に言うと以下の通りです。 リンクのclickイベントをフッ
旅のアルバムを簡単に作れるサービス Tripclipをリリース
散歩や旅行で撮ったスナップ写真を手軽にアルバム化するサービスをリリースしました。 ブラウザにドラッグ&ドロップするだけで、きれいなアルバムができあがります。 http://tripclip.jp アルバムの作り方 Tripclipでアルバムを作るのは簡単です。 撮りためた旅の写真を集める ブラウザにまとめてドラッグする アルバムが完成 まとめて写真をアップロードする 写真をまとめて、ブラウザにドラッグ＆ドロップすることで、アップロードできます。 レイアウトを変更する テンプレートを選ぶだけで、レイアウトを変更することができます。 写真の表示位置を調整する レイアウトによっては、見せたい部分が見えない場合があります。 その場合は、表示位置を調整することができます。 ドラッグで写真の順番を入れ換える 各写真をドラッグして入れ換えることで写真の並び順を変更することができます。 家族や親しい友人だ
Titanium MobileでJavaScriptが実行されるまでのソースコード追ってみた
はじめに 毎日が夏休みのみなさんこんにちは。ダニーです。 Titanium Mobile使ってると、なんでiPhoneアプリなのにObjective-CじゃなくてJavaScriptで作れるか大変不思議ですよね。 今回はTitanium Mobileでアプリ起動から、JavaScript(app.js)を読み込んで実行しているところまでをソースコードを読んで追ってみました。 方針としては、Titanium Mobileで適当なプロジェクトを一つ作成してビルドして生成された/build/iphone/以下にあるソースコードを読んで行きます。 今回のビルドに使ったTitanium SDKのバージョンは1.7.1です。 今回、掲載してるソースコードで行番号が飛んでる部分は長いので省略しています。 ソースコード /build/iphone/main.m 25:int main(int argc,
Titanium Mobileで画像の複数選択モジュールを作ってみた
モジュール開発 最近忙しくて全然ブログ書けていなかったのですが、先日初めてTitanium Mobileのモジュール開発をした時にはまったりしたのでメモとして残しておきます。 クレイでは森山がブログを書いていたり、ダニーが仕事で使っていたりと多少実績はあるのですが、私自身は全くさわったことがありません。必要に迫られて、いきなりモジュール開発をすることになったのですが、Objective-Cさえわかっていれば意外に簡単にできるし、いろんな拡張が出来るので、かなり楽しかったです。 もしかするとTitanium Mobileでバリバリ開発している人から見ると、作法がなってないとか、変な動きをしてるとかあるかもしれませんので、その時はぜひ教えていただけると嬉しいです。 Titanium Mobileに関連した記事 近頃話題の Titanium Mobile でラクラク iOS アプリ開発してみた
軽量高速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
[iPhone] JavaScriptを使ってUIのデバッグを自動化してみた
はじめに そろそろ今年も終わりそうで、絶望してるみなさんこんにちは。「プログラマが知るべきじゃない97のこと」って書籍が出たら読みたいダニーです。 iPhone開発でユーザーインターフェースをテストする時、いちいち手作業でやるのは大変ですね。 今回はUI Automationでユーザーが行う操作を自動的に動かすのを試してみたので紹介したいと思います。 実例 実例としてWall CalendarというiPhoneアプリで以下の操作をJavaScriptで自動化したいと思います。 ユーザー名を入力する。 パスワードを入力する。 カレンダーリストの項目を押す。 カレンダーリストに表示された２番目のカレンダーをオンにする。 カレンダーリストに表示された３番目のカレンダーをオンにする。 カレンダーリストの設定ボタンを押す。 次へボタンを押す。 画面 ユーザー名とアカウントの入力画面がこのようになって
実例でみるiPhoneアプリ内課金(In App Purchase) iTunes Connectへの登録
はじめに あまのです。 先日Good Choiceというアプリをバージョンアップしました。有料版と無料版の両方を提供しつつ、無料版ではアプリ内で課金を行うことで、有料版と同等の機能にバージョンアップできるようになっています。（20%オフ以上のお買い得品リストを表示する機能） 今回は大きな機能でありながら、イマイチ実例のドキュメントが見当たらないアプリ内課金（In App Purchase）について説明したいと思います。 アプリ内課金とは？ アプリ内課金（In App Purchase）はiPhoneアプリ内でデジタルコンテンツなどを直接販売できる機能のことです。コンテンツ以外にも追加機能や月々の利用料を課金することができます。 無料アプリでもアプリ内課金は使えるため、基本機能は無料で提供して、新しいコンテンツのみを有料にするなどビジネスの幅が広がったと思います。 アプリ内課金は二つのタイプ
iPhone アプリ開発で使える Framework の作り方
もりやまです。前回は iPhone / iPad アプリ開発で使える Objective-C のライブラリをいくつか使ってみました。 今回は、自分で作ったライブラリを Framework として使う方法をご紹介します。 ライブラリ用にプロジェクトを準備する 新規プロジェクトで、iPhone OS の Library から「Cocoa Touch Static Library」を選択します。 プロジェクトを作ると以下のような状態で生成されます。ここでは「KrayKit」という名前で作りました。 まずは不要なファイルの削除と、ファイルシステム上のプロジェクトのディレクトリ構成を整備します。 Classes を削除 Include, Resources, Sources を作成 次に、Xcode 上でプロジェクトの構成を整備します。 Classes を削除 Foundation.framewor
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 の各種サービスへアクセスするためのライブラリです。 今回の開発
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
