Support CreativeApplications.Net Since 2008, CreativeApplications.Net (CAN) has been a driving force, tirelessly influencing and shaping the conversations surrounding technology, society, and critical making. With a community of 1600+ members and a vast library boasting over 3,500 meticulously curated projects, experiments, texts, and reviews, CAN stands resolute as an unparalleled resource for st

First wave of Cinder built applications are starting to appear and boy are they wonderful. Posted on the Cinder forums are dynamic mesh experiments by Marcin Ignac, a Copenhagen based designer and programmer. Part of the Shiftcontrol collective, Marcin has been playing with Cinder mesh deforming as well as coding his own GUI based on the ControlP5 library for Processing. For triangulation he used

The Strata project by Quayola consist of a series of films, prints and installations investigating improbable relationships between contemporary digital aesthetics and icons of classical art and architecture. A combination of 3d render/processing application, the film includes Processing delaunay triangulation conversion applied to photographic stills with 3D mesh output which was then fed into 3D

In the last few years we have  seen a number of projects that utilise delaunay triangulation to translate photographs into their geometric representations. Jonathan Puckey's Delaunay Raster was the first to utilise this combination of delaunay triangulation with manually placed points and color averaging. Jonathan's images, most of us have seen already, have inspired a wave of projects. Support Cr

ドロネー図 。2年前くらいに Strataの一連のシリーズ を見てからずっとアルゴリズムが気になってたので、ちょっと時間ができた隙に調べてjavascriptで動かしてみた。これであってるかどうかわからないし、Strataはさらにここから3Dになるので全然違うんだけど、なんとなくこういう仕組みだったのかなぁと思えるくらいにはなれたので非常に勉強になった。 非表示にしているけど後ろに敷いている画像はこんな感じです。 1 jsで画像から色を取得する方法とかも知らなかったけどやってみたら案外なんとかなったので良かった。 動かしてから、もしや・・・と思ってググったら、既にD3というライブラリで簡単に実現できる事を見つけてしまった。 Delaunay Triangulation これを使えばたったこれだけでできたみたい。 どうでも良いけどドロネー図もボロノイ図も何度覚えてもボロネーゼで上書きされて名

6. 三角形分割 • どの面も三角形である。 （∵多角形は三角形に分割できる） • 外側はPの凸包である。 • Pがn点を含み、Pの凸包の境界上にk点が あるとき、Pのどの三角形分割も、2n-2-k 個の三角形を含み、3n-3-k個の辺を含む。

ちょうど一年ほど前の2013年5月にこの記事が話題になりました。 静かに流行り始めているポリゴン風デザインに挑戦！ | Webクリエイターボックス ポリゴン風というのはまるでセガサターンや初代プレイステーションのころのような、ポリゴンの少ないカクカクとした図形で構成されたところから名付けられたものなのでしょう。 ただ実際にはこの系統は、三角形を組み合わせて平面的に構成させたものが多く……つまりこれは3DCGのような立体的な面の分割というよりは、原理的にはドロネー図（Delaunay triangulation）なのですが……、ま、分かりやすいので以後ここでもポリゴン風とします*1。 こうしたイラストを制作するのにはもちろん画像編集ソフトを使い、一つ一つ図形を配置していく手もありますし、実際に3DCGソフトでローポリゴンを作るのもありでしょう。 でも、できるなら楽に作りたいですよね？ 上記の

今年もありがたいことにいろんなお客さんから年賀状のデザイン依頼をいただきました。とあるお客さんのロゴがポリゴンっぽいテイストのデザインだったもので、ロゴに合わせて年賀状もポリゴン風にデザインしてみたんですが、それがけっこうかっこよく仕上がったんで短時間で簡単にポリゴン風イラストを作る方法をご紹介します。 step1.まずはポリゴンイラストのもとになる写真選び 提供元：Railstation.net 今回はこの鶴の写真をポリゴン化してみます。 使うのは左下にいるこの鶴。まずはPhotoshopで余計な部分をカットして、使いやすい大きさにリサイズします。 Photoshopで100%表示した時に、だいたいお使いのパソコンの画面サイズにすっぽり収まるぐらいがポリゴンにする時の使いやすい大きさです。 ざっくり切り抜いてた方がポリゴン作りやすいかも もし背景がごっちゃごっちゃしてたり、ポリゴンに

先日Facebookのf8とかいうイベントがあった。僕は去年のf8はそこまで注目してなかったのだけど、Parseがf8に買収されたので今回は楽しみにしてました。 そしたら期待のParseからこりゃいいねという発表が２つあった。 ひとつはParseの料金体系が変わり、安くなったこと。もうひとつはオフライン時のデータベースを扱うParse Local Datastore。 特にLocal Datastoreはオフラインで使えるデータベースを実装しつつ、他のデバイスとの同期も実現したいモバイル開発者にとって死ぬほど期待の機能。ワクテカが止まらない。 なぜかAndroidのみ使えて、iOSは近日公開らしい。待ちきれん！ Parseの新しい料金体系 今までは月に一定の回数のアクセス以上は有料になりますよっていうシステムだったけど、今度は一秒間に30requestsまでだったらいくら使っても無料になっ

『Clef』 バージョン：2.44 App Store価格：無料 （バージョンと価格は記事掲載時のものです） サイトへのログインにはIDとパスワードの入力が必要……なんてもう古いかも?! 半歩先行く『Clef』なら、iPhoneをパソコンにかざすだけでWordPressやTwitterなどにサクッとログインできる！

Fireworksが開発終了のニュースも手伝い、web制作ツールとしての「Sketch」の注目度が国内でも高まってきている。 お値段的にも魅力的なアプリ「Sketch」。でもどこまでできるこなのか。 気になって夜も寝られなかったので、Fireworksと比較したりして僕なりにまとめてみた。 Sketchとは、Adobe社でいうとFireworksのような、ベクターベースの描画系アプリです。 いままでWebデザイン制作ツールの定番といえば、Adobe社のPhotoshopやFireworksでしたが、2013年5月7日にAdobe社がFireworksの開発終了を発表し、数年前からあったこのソフトが新たに注目を集めてきています。 参考： 「公式サイト（英語）」購入もこちらから。 「Fireworksユーザーに朗報？海外で話題の新しいWeb制作ツールSketch.app」日本語の記事です。概要

世界で最も多く、エンジニアやデザイナーなどプレイヤーの海外進出をサポートする企業、それがFrogです。プレイヤーとして海外で活動してきた私達にしか出来ない、モノ作りをする人間として現実的な海外就職プランを皆様にご提供しています。 「日本でしか活躍出来ない」から「世界でも通用する」へ、様々なステージの皆様へ、過去500名の海外就労事例からご提案しております。 Frogが選ばれる5つの理由 留学から就職、帰国後のキャリアまで何でもご相談ください 「ただの留学がしたいわけじゃない」「今後の自分のキャリアが心配」など、一度Frogまでお問い合わせください。 私達は、海外を視野にいれたトータルキャリアプランをご提案します。 まずは説明会に参加

僕が海外に渡った時は21歳の時、当時はただの高卒でWEB制作を数年やってただけというバックグラウンドから、今やカナダで会社を設立し、一軒家をシェアハウス化し、マネタイズも生活も環境も、もはやこれ以上の状況が思いつかない（…わけじゃないですがｗ）そのくらい充実した生活を送らせて貰ってるわけです。 そんな僕が運営するこのブログへは、毎日数多くの留学相談が寄せられます。このブログを運営してもうすぐ4年になり、留学相談の数はそろそろ400件を超えそうな勢いです。 その中には「今から就職するんだけど、いつか海外に行きたい、自分はこれから社会人としてどうしたら良いか」という物も決して少なくは無くて、これから社会人になる人にアドバイスを求められる事もめちゃめちゃ多いんですね。 僕は自分が楽しいと思える事に愚直で正直だっただけなので、アドバイスとか求められても正直困ってしまう部分はあるんですが、こんな僕の

Thank you for being patient. We are doing some work on the site and will be back shortly.

javascriptでデスクトップアプリが作れるnode-webkitのビルドツールnuwk!と、超軽量MVVMフレームワークのvue.jsを使ってデモアプリを作ってみました airtoxin/MiniTodo 見た目… 準備 node.jsをインストールしてnpmが使えるようにする node-webkitとnuwk!をインストール vue.jsのmin.jsをダウンロード nuwk!を開いて新規プロジェクトを作成 ここまででnuwk!がHello Worldのテンプレートを作ってくれるので、満足するまでそれらをいじってからBuild projectすればBuildディレクトリにappとしてアプリケーションが作られます。 テンプレート部分 Appディレクトリ中のindex.htmlを編集します。 <link rel="stylesheet" type="text/css" href="./

「Kyoto.なんか」というイベントで，最近書いたgithub-commit-comment.vimというVimプラグインの話をしてきました．お招きいただきありがとうございます． github-commit-comment.vim https://github.com/moznion/github-commit-comment.vim Vim上からGitHubのコミットコメントの投稿と参照が出来るというプラグインです． GitHubのコミットコメントには， 行単位のコメント ファイル単位のコメント コミット単位のコメント と，3種類のコミットコメントが存在しており，これらすべてに対するコメントが可能となっています． 詳しくは上記URLのREADMEを読むと良いと思います．Gifアニメを大量に貼っているので，なんとなく雰囲気がつかめるでしょう． なお，READMEには書いていないのですが，こ

最終回完成しました→sm28765059※PS3は完全体なので尻尾はありません質問　苦情　ご要望などがあればこちらのコメント欄にお願いしますhttp://eroor668.blog.fc2.com/最新情報はツイッターより→https://twitter.com/koke_koke2sm22390145←前回　次回→sm28765059　マイリストmylist/36022117

『Monument Valley 』は、画家、マウリッツ・エッシャーの騙し絵の世界に迷い込んだような、美しく神秘的なアプリです。 まずは、このアプリの世界観が伝わってくる開発元による紹介動画をご覧下さい。 ゲームの目的は、主人公である「沈黙の姫アイダ」を、3Dで描画された現実にあり得ない構造の建造物(モニュメント)の中を、ゴールを目指して導くというもの。 難しい操作やルールといったものはなく、行きたい方向をタップするだけというシンプルな仕組みです。 モニュメントには、騙し絵の要素が組み込まれており、思わぬ場所で回廊が繋がったり、重力の方向が変わったりと、非現実的なことが起こります。 用意されているモニュメントは10個あり、進むにつれてより複雑になり、ゴールへ辿り着くのが難しくなっていきます。 また、ストーリーも徐々に明らかになっていき、謎である「沈黙の姫アイダ」の冒険の目的も、最後には判明

まぁ、親が同じだからなぁ。劣性は遺伝するんだよな。悲しいなぁ…。 劣性遺伝子とは、「性質が劣った形質の遺伝子」ではなく「対立する形質の遺伝子をもった際に、表れない方の形質をもつ遺伝子」のことをいいます。 http://anond.hatelabo.jp/20140505230006 2014/5/6 20:53追記 なんで普段の30分くらいかけて自分の思いを書いた日記はスルーされるのに、 中学校の教科書レベルの指摘をしただけの、2～3分で書いたトラバにはてぶが100個近く付いてるの。 訳がわからないよ。 元増田さん、横道にそれてごめんなさい。

今回はアーティスト、バンド、その他クリエイターの定期ツイート（定期ポスト、bot）についてのお話です。 定期ツイートとはツイッターで定期的に決まった文章をツイートする事。主に自動投稿サービスを使って行います。内容は楽曲、動画、絵、ブログ、販売サイト、購読のお願いなど様々です。 僕は定期ツイートについて散々ディスってきましたが、ここで一度落ち着いて、まとめてディスってみたいと思います。最近やってる人も減ってきたんですが、一匹残らず駆逐したいと思いますのでよろしくお願いいたします。 ざっくり・コアなファンに嫌われるリスクがある ・新規にフォローされづらい ・むしろ逆効果 ・反応が無いのはツイートを見てもらえてないんじゃなくてつまらなそうだから ・効果測定している人は連絡下さい ・それでも定期ツイートしたい人は工夫しよう ・代わりの宣伝方法として、名前に入れる事、エゴRT、小さなコンテンツをこま

13/09/28 23:13 設定の記述を誤っていたため修正しました。 339d483 検索して見つかる Vim で Markdown をプレビューする方法は、どれも GitHub Flavored Markdown に対応しておらず GitHub で改めて確認すると表示が崩れていることが多々ありました。そんな悲劇をなくすため GitHub Markdown Rendering API を使ってプレビューする vim-quickrun-markdown-gfm を作りました。 https://github.com/superbrothers/vim-quickrun-markdown-gfm 以下の利点があります。 GitHub Flavored Markdown でプレビューできる Perl, Ruby などの Markdown parser に依存していない 別途プレビューサーバを起動

エンジニアが自分一人でアプリ開発などをしているとかなり困るのが画像素材の作成。（もっというとデザイン全般ですが。。。） その中でもアプリアイコンを作る際に個人ではどうしているかを晒してみようと思います。 アイコンを作る手順 ざっくり手順を言うと以下２つです。 Inkscapeで元アイコン作成 makeappiconで全サイズのアイコン画像作成 Inkscape アイコン作成といえばIllustratorやPhotoshopを使うのが一般的かと思うのですが、非デザイナーにとってこれらのソフトはまだまだ高価で簡単に手を出せるものではありません。 そこでこのInkscapeです。 公式サイトはこちら。 Inkscapeはオープンソースの無料のベクター画像編集ソフトです。（ものすごく簡単に言うとIllustatorと同じことができる無料のソフトです） 無料ですが、基本的なアイコン作りには困らない機

はじめに 僕の妻は兵庫県西脇市でCoupé Baguette (クープ バゲット)という小さなパン屋さんを営んでいます。 この店のwebサイトは僕がRailsで作り、Herokuでホスティングしています。 http://coupe-baguette.com 去年の1月に全面改装して以来、あまり触ってこなかったのですが、RubyやRailsのバージョンも古くなってきたので、そろそろ最新化したいな～という気持ちが高まっていました。 というわけで先日、ようやくサイトをアップデートすることができました。 見た目の変化は全くありませんが、内部的にはRubyのバージョンが1.9.3から2.1.1に、Railsのバージョンが3.2から4.1にアップデートされています。 さらに、TurbolinksやCloudFlare(CDN = Contents Delivery Network)も導入して、サイトの

この記事では、引き続き正しい結果を生成しながら、できる限り効率的な PLINQ クエリを記述するのに役立つ情報を提供します。 PLINQ の主な目的は、マルチコア コンピューターでクエリ デリゲートを並列実行することで、LINQ to Objects クエリの実行を高速化することです。 PLINQ は、ソース コレクション内の各要素の処理が独立しており、個々のデリゲート間に関連する共有状態がない場合に最適です。 このような操作は LINQ to Objects および PLINQ で一般的であり、複数のスレッドでのスケジューリングに適しているため、多くの場合、"適切な並列操作" と呼ばれます。 ただし、すべてのクエリが適切な並列操作のみで構成されているわけではありません。 ほとんど場合、クエリには、並列化できないか、並列実行速度を低下させる演算子がいくつか含まれます。 また、完全に適切な並

CocProxyというツールがあります。名前の通りプロキシサーバーなのですが、用途が開発用です。置換プロキシと言うらしいですが、これがとっても便利です。例えば、クローラーの開発や、HTML,CSS,JavaScriptの修正をする際に、このCocProxyを利用するとダウンロード待ちのイライラが解消され、効率アップ間違いなしです。ローカルのみで完結するのと、Webへのアクセスが必要とするのでは、スピードが数十〜数百倍違います。一回だけでみたら、数百ミリSecの差ですが累積で考えると大きいですよ。 CocProxyとは？ Ruby製のProxyServerです。かつ標準ライブラリで動くことを目標としているので、Rubyの環境があれば、ダウンロードして直ぐに使えます。また基本的には1ファイルで完結するので、導入も簡単です。Ruby1.9をベースにしていますが、Ruby 2.0でも特に問題なく動

どうもmarcoです。 4/24発売の WEB+DB PRESS Vol.80 を購入しました。 目的は西尾泰和さん執筆の「エンジニアの学び方」の記事を読むためです。 これはエンジニア向けに、どうやって効率的に学習すればいいのかを解説した記事なのですが 元ネタが同執筆者の コーディングを支える技術 ~成り立ちから学ぶプログラミング作法 (WEB+DB PRESS plus) 内のコラムが非常に好評で今回記事として書きなおしたそうです。 非常にためになったので触りの部分だけ忘備録も兼ねてご紹介。 知識には３つの軸がある ・広い視野 ・深い理解 ・応用対象 広い視野 学ぶべき対象を見つけるために必要である。 ニュース・ブログ・勉強会等で学ぶことができる。 この軸の学びが足りていないと？ 新しいものに気付けず、視野が狭くなり自分の知っているものだけに固執するようになる。 ここで得られる知識は、具

「屋根より高い鯉のぼり」があるなら、もっとスケールを大きくして「雲より高い鯉のぼり」があってもいいじゃないか。よし、それなら宇宙に向かって鯉のぼりを揚げてみようという事で、北海道まで行ってきた。（撮影：小牧寿里、越智岳人） このどうかしてる企画に協力していただいたのはヘリウム風船を使った空中撮影の第一人者、北海道札幌市にある岩谷製作所の岩谷圭介さんだ。 「鯉のぼりを宇宙に飛ばしたいんですけど」と、内心怒られるかもしれないと思いながらメールで相談したところ、まさかの快諾を頂いた。 さっそく札幌にお住いの岩谷さんとメールと電話でやりとりして鯉のぼりの仕様を決め、fabcross編集部で作った鯉のぼりのデータを岩谷さんに送った。

株式会社ディスコが興味深い調査結果を発表した。学生と企業の採用担当者を対象にした、「ブラック企業についての考え」に関するアンケートだ（注１）。調査結果は下記に公表されている。 ・株式会社ディスコ「就活生・採用担当者に聞いた「就活ブラック企業」－2014年４月発行」2014年4月25日（こちら） ５月5日の毎日新聞の記事「＜ブラック企業＞学生と企業の認識の差　給与金額で顕著に」（こちら）には紹介されていないが、この調査結果で特に目を引くのが、長時間残業に対する企業側の「寛容さ」だ。 月80時間の残業では「ブラック企業」にならない！？株式会社ディスコの発表資料から帯グラフを作成すると、企業側と学生側の意識の差は明らかである。 図１は、「1 カ月の残業時間」が何時間を超えたらブラック企業になると思うかを企業と学生に尋ねた結果だ。企業の回答では「100～120時間未満」が34.4％と最多になってい

WebページをRetina対応させるテクニック～基礎知識編：jQuery×HTML5×CSS3を真面目に勉強（4）（1/2 ページ） iPhoneのRetinaディスプレイは、Webページの制作フローにも大きな変化をもたらした。WebページをRetina対応させるにはどうすればいいのだろうか。 はじめに 2010年6月に登場したアップルのiPhone 4には「Retinaディスプレイ」と呼ばれる、それまでの常識を覆した高精細なディスプレイが搭載されました。それ以降、スマートフォンやタブレットといったモバイル端末のディスプレイはより解像度の高いものへと進化していき、2013年の初めにはサムスン電子のGALAXY S4やソニーモバイルのXperia Zなど、フルHD画質対応（1920×1080ピクセル）のディスプレイを搭載したスマートフォンが登場するまでになりました。 高精細ディスプレイの登場

シンセにエフェクト、MIDIシーケンサ、DAW……、DTMの要素は何でも揃うようになったiPad、iPhoneの世界。昨年iOS7がリリースされるとともに、Inter-App Audioというシステムが搭載されたことにより、アプリ間の接続が可能になり、PCのDTMも顔負けなシステム環境を構築できるようになりました。 Apple標準のInter-App Audio登場前にアプリ間接続を可能にするAudiobusというアプリが登場し、多くのDTMアプリがそれに対応するようになっていましたが、4月に大きくバージョンアップしてAudiobus2となっています。このゴールデンウィークにようやく時間が取れて、このAudiobus2を使ってみることができたので、これでどんなことが可能になったのかを紹介してみたいと思います。 大きく機能強化されたAudiobus2を使ってみた Inter-App Audi

はじめてのGo言語 - ブログのおんがえし に続いて A Tour of Go を最後までやってみました。 コードを実際に実行させながら基本的なGoの使い方を学ぶことで出来るのでおすすめです。日本語版もあります。 英語の勉強にもなるので私は英語版を使いました。どうしても意味が分からない時だけ日本語版を読むようにしたのですが、コードもあるし全体の80%くらいは英語だけでなんとか分かりました。プログラマはコード例などが付いているものの方が英語学習が捗ると思っています。 解答例 以下を大分参考にさせてもらいました。 A Tour of Go で Go に入門した - ゆううきブログ 私の解答は GitHub に。 ongaeshi/tour-of-go 演習問題は少し難しいけどGo言語の得意分野がなんとなく分かるのでおすすめです。どうしても分からない時は解答を読んで理解してみるといいです。 印象

Bootstrap was created at Twitter in mid-2010 by [@mdo](https://twitter.com/mdo) and [@fat](https://twitter.com/fat). It provides a lot of UI plugins easy to implement. You've probably already used it but have you looked at how it worked? Together, we will try to make another plugin using the same best practices as Twitter. Through this tutorial I will introduce some JavaScript concepts like protot

きのうの日記、背景が動いて見てられないっていう感想が大半だった。これは悲しいことで、昔なら、さらっと背景を止めるUserScriptでも書いて、背景止めてから落ち着いて読めてた。 最近は、iPhoneのtwitterクライアント内蔵ブラウザなど、ユーザーが手を入れられないブラウザが増えている。PCのブラウザも手を入れにくくなっていて、Firefoxだと右クリックでGreasemonkey書けたりしていたのが、Google ChromeではUserScript書きにくい。 これは寂しいことで、インターネットは皆の物だから、自分のブログを好きな見た目にするのも、他人のブログを好きな見た目で読むのも、勝手にできていいはずだと思う。俺たちのインターネットを取り戻したい。 photo by dalbera 追記 嫌がらせで背景を動かしたり、背景止めないと読めないと思ってやってるわけではなくて、背景が

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? TDDは死んだ。テスティングよ栄えよ。 by DHH http://d.hatena.ne.jp/yach/20140424#p1 【翻訳】TDD is Fun http://diskogs.hatenablog.com/entry/2014/04/25/085112 を読んで思ったことをつらつらと書いてみます。 TDDはできれば、やったほうが良いのは確か？です。 しかし、実際の開発現場で全面的に採用するのは ミドルウェア等の画面の存在しないソフトの開発以外では ほとんどの場合、無益です。 なぜなら、TDDを採用すると開発時間が膨らむ、

スライドを作りたい photo by James Jordan 勉強会に出席するような意識の高い読者諸賢であれば、各々様々な方法でスライドを作っているかと思います。 僕は、markdownを使って楽にカッコイイスライドを作ろうと、今までいろいろ試行錯誤してきたのですが、どれも僕の要求を満たすような感じではなくて、結局Keynoteを使ってせっせとスライドを作っていました。 Decksetが凄く良い Markdownからスライドショーを生成してくれる「Deckset」というMac用のアプリを2000円も出して買ってみたのですが、凄く良かったのでご紹介します。 https://itunes.apple.com/jp/app/deckset-turn-your-notes-into/id847496013?mt=12&uo=4&at=10l8JW&ct=hatenablog Deckset fo

アニメを見るためには、映画を観なくてはいけないし、 映画を見るためには、映画理論を勉強しなくちゃいけないし、 映画理論を勉強するためには、精神分析を勉強しなくちゃいけないし、 精神分析を勉強するためには、哲学を勉強しなくちゃいけないし、 哲学を勉強するためには、社会的動物として社会参加しなくちゃいけない 一体いつになったらアニメを観られるんだ？

I know that an image can be placed in an MD with the MD syntax of either  or , but I am having difficulty placing an SVG in MD where the code is hosted on GitHub. Ultimately using rails3, and changing the model frequently right now, so I am using RailRoady to generate an SVG of the schema diagram of the models. I would like

rawgithub、rawgitに改名していた 去年、CDN代わりにgithubを使いたい場合は外部サービスrawgithubを利用しよう という記事を書いていた。 で、最近になって「rawgithub利用すっか」みたいな場面が出てきた。 記事の通りrawgithub.comを利用した形でURLを指定すると rawgit.comにリダイレクトされる。 あれ、指定したURLからファイル取れないなと思って確認してみたら rawgitに進化していた。 改めて使い方を書きなおしてみる。 rawgitの使い方 github.comにあるプロダクトを選ぶ CDNが提供されていないgithub.comにあるプロダクトを選ぶ。 ここでは、Buttonsを選択する。 github.comのURLをrawgitにコピペ ここでは、button.cssをrawgit経由で利用できるようにする。 I. ブラウザで