RGBによって画像が表現される液晶ディスプレイなどのディスプレイは小さな光の点で構成されていて、その1つ1つが赤・緑・青の3色の組み合わせで表現されています。1つの点にある赤・緑・青の明るさを調節することでより多くの種類の色を表現できるのですが、「生粋のギークである」というJozsef Fejesさんは、RGBで表現できる209万7152色を1枚の画像に入れるというチャレンジに挑戦し、作成した画像およびムービーを公開しています。 All RGB colors in one image | Joco blog http://joco.name/2014/03/02/all-rgb-colors-in-one-image/ まず、Fejesさんが取り組んだのは、1原色当たり32階調の明るさを割り当て、合計3万2768色になる15ビットカラーで解像度が256×128pxの画像の作成です。画像は全

年末年始から CoffeeScript を積極的に使っているわけですが、ピュアな JavaScript よりもクラスの取り扱いがしやすくなっていることに一番の恩恵を感じています。すべての機能を使いこなせているわけではありませんが、何件かの業務を通じてフィールド（インスタンス変数）やプライベート関数など自分流のクラスの書き方が出来てきたので、ここに書き記しておくとします。 よくある CoffeeScript のクラス構造 CoffeeScript に関する書籍やブログエントリを見ると、だいたいこのようにクラスを紹介していることが多いです。 class ClassName @staticVar: 0 # 静的なプロパティ @staticFunc: -> # 静的な関数 # do something... constructor: (name)-> # コンストラクタ @name = name

脱獄などしなくても｢iPhone｣や｢iPad｣に任意のフォントを追加出来るアプリがApp Storeでリリースされました。 その名も｢AnyFont｣というアプリで、このアプリを使用して任意のフォントを追加すると、｢Pages｣や｢Keynote｣などでそのフォントが利用可能になります。 （注：システムフォントは変更出来ません） フォントは｢otf形式｣と｢ttf形式｣に対応しており、使用方法は下記の通り。 １，iTunesから｢AnyFont｣アプリにフォントファイルを転送 （注：フォントファイルのファイル名には日本語は含まないように）

連載目次 一昔前であれば、HTML／JavaScript／CSSを使用してWebアプリを作成する場合、（筆者の経験では）所定の位置にファイルを置くだけでした。最近はHTML／JavaScript／CSS関連の技術も複雑化／多様化し、いろいろなことを考慮しなければなりません。 例えばJavaScriptファイルの場合は、以下の作業を行うこともあるでしょう。 minify（圧縮）や結合 単体テストの実行 JSLint（構文チェック）の実行 さらに、CoffeeScriptやTypeScriptを使用している場合にはコンパイル（JavaScript変換）を行う必要もあります。 また、SCSS（Sass）やLESSなどのCSS拡張メタ言語を使用している場合にも、コンパイル（CSS変換）作業が必要です。 ファイルを修正してビルドするたびに、これらの作業をいちいち手作業で行っていては非常に面倒でしょう

ブラシには非常にさまざまな種類があり、簡単に複雑な描写を描き出せるということもあり、頻繁に利用しているという方も多いのではないでしょうか？そんな中今回紹介するのは、スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」です。 網目状のスクリーントーン描写を、ブラシで手軽に作り出すことができるセットです。 詳しくは以下 定番として利用できるシンプルな網目対応から、斜めの格子状、レース風、花柄風といった、いろいろな種類のスクリーントーンブラシが全部で44種セットになってまとめられています。そのまま利用するのはもちろんのこと、重ねて使ったり、他のテクスチャなどと組み合わせることで、オリジナル性のある描写も可能になりそうです。 モノトーンなので、利用できる範囲も非常に広いのではないでしょうか？取り入れておけば、多彩なシーンで活躍してくれるブラシになるか

きんちゃん( @wa_kinchan )です。 iPhoneを脱獄していて調子悪くなると気分転換に再構築する方が多いかと思います。 でも再構築が、億劫に感じる人がいるかもしれません、私はあまりそうではない方ですが・・。笑 そういうときは、再構築後手順を簡潔にする方法を作っておいた方がいいかもしれませんね。 以下は、私が使っている再構築後の手順のメモです。 再構築後めも 私は、母艦(Mac)と復元するiPhoneを使って行っています。 母艦のTerminalからiPhoneにsshで接続して以下で紹介するコマンドを貼付けてちゃちゃっと終わらせます。 Windowsからなら、Cygwin等を入れていれば可能です。 Cygwin Mac: ssh root@[iphone_ip_address] シャッター音、録画開始終了音を消す カメラのシャッター音、ムービーの録画開始・終了時の音を消します。

1998年に検索エンジンとしてサービスをスタートさせ、大企業に成長したGoogleの所有するサービスの中で最も強力なものと言っても過言ではないのがGoogleマップです。Googleマップが地図検索サービスとして有能で便利であるのは疑いのない事実ですが、他の地図検索サービスの中で昨今注目を集めているものに「OpenStreetMap(オープンストリートマップ)」というサービスがあり、創設者であるスティーブ・コースト氏がThe Next Webのインタビューで、オープンストリートマップの長所や短所、今後の展望などについて語っています。 OpenStreetMap http://www.openstreetmap.org/ The rise of OpenStreetMap: A quest to conquer Google’s mapping empire - The Next Web h

GREEがOpenStackを導入した理由と苦労と改良点（後編）。OpenStack Days Tokyo 2014 オープンソースで開発されているIaaS型クラウド基盤ソフトウェアのOpenStackをテーマにしたイベント「OpenStack Days Tokyo 2014」が、2月13日、14日の2日間にわたり開催されました。OpenStackはIBM、HP、シスコシステムズなど大手ベンダも相次いでサポートを表明し、急速に注目度を高めています。 OpenStack Days Tokyo 2014、2日目の基調講演ではグリー株式会社 インフラストラクチャ本部 渡辺光一氏、松橋洋平氏が登壇。GREEの本番環境で稼働しているOpenStackについて、導入の経緯から苦労した点、実装方法などについて紹介しました。本記事ではそのダイジェストを紹介します。 （本記事は「GREEがOpenStack

以前、チェーンストアエイジというフランチャイズ企業向けの業界誌で、海外企業の対Amazon戦略に関するレポートを書いたことがある。誰もが認めるEC業界の巨人、Amazon。我々は、巨人が跋扈するこの世界で生き延び、成長していくにはどうすればいいのだろうか？　日々頭を悩ませている読者は多いだろう。僕もその一人だ。 特に資金力に不安のある中小規模のECサイトの場合、できることが限られる。中小ECサイトは、そもそも世間に知られていないことも多く、こうなると検索エンジン対策以前の問題だ。新しい顧客を捕まえることもままならずに、ジリ貧となっているECサイトも多い。 今回ご紹介する「People & Store」は、そんな中小ECサイトのために生まれたショッピングアプリだ。（規模を問わず）ECサイトの至上命題「顧客の獲得と育成」を、とても簡単に行うことができる。 以前より告知しているので、ご存知の読者

そぞろ西新宿探訪 ゴルゴンゾーラ等のチーズとはちみつのトースト 年末年始の休暇は fuzkue から始めるのが毎年のルーティーンで、今年は東直子＋くどうれいん『水歌通信』とpanpanya『そぞろ各地探訪』を持参した。思えば昨年末のfuzkueでも、 ユリイカのpanpanya特集 を読んでいた気が…

GREEがOpenStackを導入した理由と苦労と改良点（前編）。OpenStack Days Tokyo 2014 オープンソースで開発されているIaaS型クラウド基盤ソフトウェアのOpenStackをテーマにしたイベント「OpenStack Days Tokyo 2014」が、2月13日、14日の2日間にわたり開催されました。OpenStackはIBM、HP、シスコシステムズなど大手ベンダも相次いでサポートを表明し、急速に注目度を高めています。 OpenStack Days Tokyo 2014、2日目の基調講演ではグリー株式会社 インフラストラクチャ本部 渡辺光一氏、松橋洋平氏が登壇。GREEの本番環境で稼働しているOpenStackについて、導入の経緯から苦労した点、実装方法などについて紹介しました。本記事ではそのダイジェストを紹介します。 GREEにおけるOpenStackの導入

##リアルタイムweb？ リアルタイムにwebの情報をサーバからのpush通知で更新する。 有名どころでいうとFB、Chatwork、Twitterとか。 技術的には方法が大きく3つある。 ####・ポーリング(Polling) 一定の時間に一度、Ajaxでサーバに接続させ 新しい情報がないかどうか調べる。擬似的なプッシュ型。 ####・コメット(Comet) クライアントから送られてきたレスポンスをすぐに返さずに処理中の形を取ってコネクションを張ったままにする。 新着の情報があったタイミングでレスポンスを返す。 ####・Websocket HTML5より作られた新しい通信規格。独自のプロトコルを持つ。 先程の2通りのデメリットを補いより効率よく双方向通信が可能。 今回は技術的な流れも含め、Websocketを用いる。 ##railsでどうやって構築する？ railsを用いる事をmust

私のOutreadの使い方は、次の３種類です。 1．Pocketに保存した記事を読む 2．Dropboxやメールなど他のアプリから、TXTファイルをOutreadで開いて読む 3．Safariからブックマークレットを使ってOutreadで開いた記事を読む Pocket、Instapaer、Readabilityと連携できる 一番便利な点は、Pocket、Instapaer、Readabilityと連携できることです。FeedlyやTwitterで気になった記事を、どんどんPocketに保存しているのですが、じっくり読みたい英語の記事は、Outreadで読むようにしています。 スピードとハイライト範囲を自分で設定できる 忘れてはいけないOutreadのメイン機能は、速読トレーニングをサポートすることです。文字にハイライトがついて、読むべき箇所を示してくれるようになっています。 このハイライト

この記事は Vim Advent Calendar 2013 93日目の記事になります。 先週の vimrc 読書会で読んでいた vimrc で numberwidth が設定されているのを見て思いついたのでネタにします。 さて、わたしは行番号を表示しているのですが、行番号の左側に余白がないのがちょっと気になっていました。 ぴったりくっついているのは見づらい。 そこで、バッファの行数に応じて numberwidth の値を動的に変更する事で余白を設けるようにしてみました。 augroup numberwidth autocmd! autocmd BufEnter,WinEnter,BufWinEnter * let &l:numberwidth = len(line("$")) + 2 augroup END numberwidth の値をバッファの行数桁よりも +1（正確にいえば右側のス

主にウェブのバナーやボタンなどの画像に使わているPNG形式。サイズが小さいほど読み込みが早くのなるので、できるだけ軽量化したいところ。PNG画像の見た目を変えずにサイズだけを大幅に縮減するツール「PNGoo」で変換しよう。 「PNGoo」はPNG画像のサイズを圧縮するツールだ。PNG画像の用途はほとんどがウェブページの画像やパーツ用だろう。サイズが大きいと読み込みに時間がかかるため、少しでも小さく処理するのが基本だ。 「PNGoo」は、PNG画像のサイズを大幅に縮小できる。640×480ピクセルの画像を処理したところ、半分以下のサイズまで縮小できた。ウェブに使うPNG画像を軽くするのに利用しよう。 ■ PNG画像を見た目を変えずに大幅縮小 「PNGoo」で処理する前にPNGファイルのサイズをチェックしてみよう。画像のプロパティを開いてサイズを見ると「676KB」と表示されている 「PNGo

AndroidとiOS版のChromeにはSPDYプロトコルですべてのHTTPトラフィックをGoogleのサーバーに転送することで、データ使用量を最大で50％削減してウェブブラウジングを高速化できる「データ圧縮と帯域幅管理機能」が備わっています。この帯域幅管理機能をPC版Chromeでも使えるようにして高速ブラウジングを実現するChrome拡張機能が「Data Compression Proxy」です。 Chrome ウェブストア - Data Compression Proxy https://chrome.google.com/webstore/detail/data-compression-proxy/ajfiodhbiellfpcjjedhmmmpeeaebmep インストールするには「無料」をクリック。 「追加」をクリック。 すると画面右上に緑色のマークが出現しており、アイコンを

ども、大瀧です。 今朝かた、AWSコンポーネントを自動作成するAWS CloudFormationがAWS OpsWorksをサポートしました。 「CloudFormationとOpsWorksって役割がかぶってない？」と思われる方もいるかもしれませんが、おおむね管理するレイヤーによって棲み分けができていて、両方を上手く組み合わせることが可能です。以下の図のように、OpsWorksはEC2の内部で構成するLinux/ミドルウェア/アプリケーションをChefで効率よく管理することができ、CloudFormationはRDS/DynamoDB(データベース)やS3(ストレージ)、VPC(ネットワーク)など複数のAWSサービスを管理するのに向いています *1。 従来はOpsWorksを利用するために事前にVPCやセキュリティグループなどを準備する必要があり、その整合性も管理者が自分で調整する必要

冊子の小口のツメ（章番号などの目印）を手作業によらずに移動させる方法がないか……ということがTwitter上で話題になっていたので、私なりに考えてみました。※下部に動画があります。解説が難しい場合は動画をご覧ください。 ※DOTさんの「InDesignerの悪あがき」の「マスターページひとつでインデックスをずらしてみる」という記事（http://indesigner.blog101.fc2.com/blog-entry-26.html）を参考にさせていただきました。 ツメのテキストフレームを用意する まずは「第10章」などと表示するテキストフレームを用意します。数字部分は手入力するのではなく「テキスト変数」の「章番号」を挿入しておきます。 ※「テキスト変数」の「章番号」を挿入しておくと、ブック機能で複数のドキュメントを束ねた時に自動的に連番をふることが可能です。ページパレットで任意の番号を

$ bower install client-jade --save 自分が使ってるbrunchやgrunt-bower-concatが動くようにbrowserifyでビルドして正しくbower.json書いた、だけ。 あとはrequire.jsなり好きなツールで読みこむなりして jade.compile('h1 foo')()とか叩けば展開される。 経緯 今作ってるアプリで、デバッグツールとしてクライアントでjadeでテンプレートを書いて任意のDOMに叩き込めるユーティリティを作っていた。まあよくある話だと思う。 クライアントでJadeテンプレートを展開しようとすると地獄が顕現した。 地獄っぽい… / “javascript - Using Jade Templates (http://t.co/PIieBIM2dR) client-side - Stack Overflow” http

OpenStackとCloudStack、違いは何？：プロダクトの差はわずか？ 活動評価視点で検証（1/2 ページ） クラウド構築に必要な機能モジュールはどちらも一緒？ 現在、オープンソースのクラウド基盤ソフトウェアといえば、OpenStackとCloudStackが注目されている。 どちらも、サービスプロバイダー、大学、企業などで既に一定の実績が出てきており、クラウドを「作る」側にとっては、必要なソフトウェアになりつつある。 この2つのソフトウェアが提供する機能、筆者の視点から評価すると、実はだんだんと似てきているのが現状だ。というのも、クラウド基盤ソフトウェアに必要とされる機能は、既に「枯れて」きているものがほとんどなのだ。 例えば、最近話題になることが多い、仮想サーバーと物理サーバーを一括管理するための機能として、ベアメタルプロビジョニング機能がある。OpenStackでは2013年

巷ではGitHubやらgitが盛り上がっていますね。 ぼくはGitHubあまり使わないのですが、なんか独自の機能が一杯あって難易度高い感じ。 消してディスっている訳では無いです。jQuery のプラグインとかでよくお世話になってるし、いずれ何か公開したいなーと夢見ている訳で。 Private Repository は有料なのでこれもぼくみたいなチキンにはハードル高い(誰もお前のことなんて見てねえよ、ってのはお約束)。 ここでタイトルに戻ってくるわけですが、主に無料で仕える Private Repository を探してみませう。 Bitbucket アンリミテッドプライベートリポジトリ 5ユーザーまでリポジトリを共有できる 今のところ最強。みんなこれつかうといいと思う。 で終わってもつまらないのでちょこっと紹介。 管理画面はシンプルで見易いし、機能もそんなにないから迷わない。 ログインして

Prototyping 101 - Quartz ComposerSpeaking of Apple's Quartz Composer, most of the you will immediately think of the Origami Library from the design team of Facebook. It is obviously more than that. Spend sometimes to understand the foundation and the core concepts, it will help speeding up your workflow. Don't start with Origami, start from this route. by Kevin Hon Chi HangA design unicorn who spe

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

wildfire.vimという、カーソルがある辺りのテキストオブジェクトをなんとなく選択してくれるVimプラグインを使い始めた。Vim力が下がる代わりに魂の平穏が得られる。ような気がする。 デフォルトではノーマル・モードで<Enter>を押すとカーソルのある辺りのテキストオブジェクトを選択してくれる。HTMLファイルを編集中なら属性値の上で発動させると、クオートの間を選択してくれる。その状態でもう一回<Enter>を押すとその上位にあるテキストオブジェクトをなんとなく選択してくれる。属性値のクオートの間を選択した状態だと、HTMLタグで括られた全体(など)まで拡大される。 逆方向に縮小することも出来るので、適当にタカタカ<Enter>を押して拡大しつつ、広げ過ぎたら<BS>で狭めるみたいな感じで使えて、とてもいい加減に使える。僕は狭める方だけを<S-Enter>に変えて、サクサク感を上乗せ

すでにご覧になった方もいるかと思いますが、GitHubの利用体験を語るビデオシリーズ、OctoTalesにお馴染みのDeNAさんが登場しています。 DeNAは2012年から7カ国にあるオフィス間のコラボレーションのためにGitHub Enterpriseを利用しています。DeNAで活躍している1300名の開発者はユーザーリサーチとコラボレーションの文化を基礎にしてモバイルゲームを通じて4千万人のユーザーが繋がるプラットフォームを構築しています。 GitHubを巡る話題に新規参戦した方向けに補足すると、「GitHubを利用する」とはgithub.comを使うという事だけではなく、独自のインフラ環境で実行できる「GitHub Enterpriseを使う」というケースが少なからずあります。この文脈を読み落として「うちもGitHub使ってるもんねー」と言うとスベる場合があるのでご注意下さい。 リン

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました KickstarterやIndiegogoといった海外サイト、日本でもCampfireなどでクラウドファンドサービスが徐々に知られるようになってきました。基本はクラウドファンドサイトに登録して注目を集めるのですが、既に一定のブランドがあると自分たちのサイト内で行いたいと思うかも知れません。 そこで使いたいのがオープンソースのクラウドファンドシステムです。これであれば自分たちのブランド内においてクラウドファンドが実現します。そのためのソフトウェアとしてCrowdtiltOpenを紹介しましょう。 CrowdtiltOpenの使い方 では逆にファンド案件を作る画面はどうでしょう。 外部のクラウドファウンドサイトでは出資に対して心理的障壁の低いユーザを相手にできます。自前で立てるのはブラ

頭の中で起こっていることを目に見えるようにするマインドマップやプロジェクトプランニングのツールとしてWindows・Mac・iOSで使える無料ソフトウェアが「MindMaple」です。ただ頭の中を可視化できるだけではなく、プロジェクトの進捗などタスク管理機能もついているとのことなので、どんな感じなのか、実際に使ってみました。 Free Mind Mapping Software for Concept Mapping and Project Planning | MindMaple http://www.mindmaple.com/ ソフトウェアはWindows版、Mac版、iOS版があるので、まずはダウンロードページからWindows版をダウンロードしてみます。 アプリを起動。 ライセンス同意にチェックを入れ、「Next」をクリック。 「Next」をクリック。 さらに「Next」をクリッ

これまでGoogleアカウントを所有していなかったユーザ層にスマホが普及することで、Googleアカウントにログインした状態でGoogle検索を利用する人が増えているはず。 ただ、このスマホ全盛時代において、自分がしていることの意味を理解していない人も、また増えているように思える。 そこで、警鐘を鳴らす意味を込めて、まず3つの質問をしておきたい。 ウェブ履歴とロケーション履歴という機能を知っているだろうか？ Googleで検索するときに、Googleアカウントにログインした状態になっているだろうか？ Googleアカウントのパスワードを、身近な人間に知られているだろうか？ この3点について、意味が分からなかったり認識が曖昧だったりする人は、非常に危険な事態に置かれる可能性がある。 その事態とは、「ウェブ履歴」と「ロケーション履歴」が他人に知られてしまうという想像したくない状況から引き起こさ

Chromeがいつの間にか新規タブを開いたら(⌘+t)、検索画面になって使いにくかったので、新規タブを開いたらアプリ一覧になるようにしました。 ずっと新規タブを開いたらアプリ一覧が出るようにしていたのですが、いつの間にかできなくなっていました。 こんな感じにしたい！ Chromeは自動にアップデートするからかな？ ちょっとわかりませんが、それを直したので直し方を紹介します。 http://samulife.com/iPhone/chrome-new-tab-redirect こちらのサイトによると以前までは chrome://flags からAPIを無効にするだけで元の新規タブ設定に戻せたのですが、今バージョンからはこの方法も無理になってしまったようです。 なのでChrome拡張機能を使います。 インストールするのはこの拡張機能です。 わかりやすいネーミング！ https://chrome

We'll be back soon! Our site is currently undergoing maintenance. Please check back later.

これはペンケースです。 立体に見えます。 近くで見るとこんな感じ。 角度によって、見え方が違います。 6種類あります。 さりげなく存在感があります。

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298

Webサービスを開発/運用してるモンとしては、いろんなWebサービスを触ってみなきゃアカンってことで、アメリカの若モンに大人気ってふれこみのsnapchatに登録してみた。これでリア充の仲間入りやと思ったが、snapchat友達が同僚二人しかいないうえに、利用シーンがあまり思い浮かばないww オジサン困っちゃいました。画像とか送信できるんだけど、数秒で消えるの。むしろそこがウリっていうね。どうやって遊ぼうか…。 2月はブログ書かなかったなーと思ったのでMySQL小ネタ。世間的にも自分的にも真新しくもなんともないTipsです。 innotopで集計 実は以前、Qiitaに書いたので↓をば。。。 http://qiita.com/la_luna_azul/items/505ca441b8c8e6a87aaa 流れるクエリ、ロックの状況、トランザクション(show engine innodb s

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298