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

以下の記事は、 R 教授による S 大学での講義録を Haskell Advent Calendar 2012 のために転載したものである。 はじめに えー、それでは、今年最後の授業を始めたいと思う。今日は『究極の関数型言語による至高の Hello, world!』について講義することにしたい。 “究極”の関数型言語が何であるかについては諸説あろうが、ここでは SKI コンビネータ計算を指すものとする。また“至高”の定義を、最も簡潔であること、すなわち最も短く記述されていることと定める。 諸君は第一プログラミング言語として Haskell を選択している者がほとんどであろう。当初この講義も Haskell をベースに行おうと考えていた。だが、Haskell は非常に巨大な言語となってしまっており、言語仕様を把握するだけでも難しい。だいたい STG が Spineless Tagless G

今回、WEBCRE8.jpの優さん企画の#LOVEFONT Advent Calendar 2012というイベントにお誘いいただきました。 愛するフォントの魅力を語る・詳しくなくても構わない、と優しい声をかけていただいて勇気がでたので、私も参加させていただくことになりました。 今回の企画、Advent Calendarと#LOVEFONTについては、WEBCRE8.jpさんの記事をご覧ください。 2012年、今年こそはAdvent Calendarに参加しよう！！ ｜WEBCRE8.jp#LOVEFONT ｜ WEBCRE8.jp#LOVEFONT Advent Calendar やさしさゴシックって…？その名の通り、やさしい雰囲気の「やさしさゴシック」。 好きなポイントはいろいろあるのに、そのフォントについて知っていることは、とても少なかったので調べてみることにしました。 やさしさゴシッ

Dependency injection has been a frequent subject of discussion among many corporate developers in the past few years. Many feared that they might sacrifice too much time building their application architecture without doing any real work. In this article, I'll explain why PHP developers should consider taking advantage of dependency injection, when building large, scalable projects. What is Depend

2. 合わせて読みたい • 第2回 ioDrive+MySQL勉強会 @外道父 ioDriveの世界 へようこそ – http://www.slideshare.net/GedowFather/welcome-to- iodrive-world • ActiveRecord Turntable – ドリコム内製のDBの水平分割ミドルウェア – http://www.slideshare.net/drecom/activerecordturntab le • ソーシャルゲームにレコメンドエンジンを導入した話 – http://www.slideshare.net/TokorotenNakayama/ss- 15111004 3. 自己紹介 • ところてん＠Drecom – データ分析グループ – 高機能雑用 • R&D&火消し&データ分析&企画 • 最近、インフラ業務が外れた – 定額働きた

2012 Pythonアドベントカレンダー(Webフレームワーク) #python_adv の5日目の記事です。 明日は @altnight にお願いします。 Flaskはオモチャじゃないよ PyCharmなどのIDEがFlaskに対応を始めたり、Flask はそろそろ Django に続く Python の Web フレームワーク No.2 と名乗れそうなほど広まってきています。(その割にPython3対応遅いけど) Flaskと言えばマイクロフレームワーク、Hello World が簡単に書けるヤツで有名ですよね。 import flask app = flask.Flask(__name__) @app.route('/') def index(): return "Hello, World." app.run(debug=True) これを見るとオモチャっぽく見えるんですが、Fla

Backbone.js Advent Calendar 2012 – 03日目 最近になってようやくBackbone.jsを触り始めた高梨ギンペイです。 まだよくわかってないけど、初めて触ってみて気付いた事のうち、Backbone.jsが自動的に処理してくれる部分について書いてみました。 Viewの要素生成の仕組み Viewのイベント監視の仕組み Backbone.jsのバージョンは0.9.2です。 内部用ユーティリティ ローカルスコープの汎用関数。方々で使ってるので、先にこれ書いておきます。（この項は後から見返せばいいです。） getValue(object, key) object[key]が関数なら実行して戻り値、そうでなければプロパティの値を返すだけです。 要素の生成 properties.elがview.elにならない…… サンプルを見てみると、Backbone.View.ext

Meteor 関連情報メモ Posted in Ajax (RSS) 「Node.js」 をベースとしたWebアプリケーションプラットフォーム 「Meteor」 の関連情報をメモ。φ(..) 関連情報 ・もうJavaもRubyも要らない？–JavaScriptオンリーの未来派WebアプリフレームワークMeteorがデビュー ・「Meteor」は、JavaScript/HTMLで開発するリアルタイムWebアプリケーション基盤。何が起きているのかすぐに分からないほどすごい － Publickey ・あのリアルタイムJavaScript/HTML5開発基盤「Meteor」、8.5億円のベンチャー投資を受け入れ － Publickey ・連載：体感！JavaScriptで超速アプリケーション開発 －Meteor完全解説｜gihyo.jp ・JavaScript Meteor 0.4.2を試してみた

at 東京Node学園祭2012 Webブラウザからハードウェアを動かす話をしました 詳細はこちらで http://log.niccol.li/2012/10/nodejsxbeeiphonearduino.html http://log.niccol.li/2012/11/iphonearduinoxbeenodejs2.htmlRead less

2. Agenda o  Facebookの選択の波紋 o  「Webアプリ」とは何か？ o  Webの世代について o  Webを取り巻く環境の変化 o  変化の三つの方向 o  WebプロトコルとHTTPの見直し o  サーバーとクライアントの役割の見直し o  開発言語の見直し 4. TechCrunch誌とのインタビュー 2012年9月11日 I think the biggest mistake that we made, as a company, is betting too much on HTML5 as opposed to native… because it just wasn’t there. 会社として、我々が犯した最大の誤りは、ネーティブに対して、 HTML5に、あまりに賭けすぎたことだと思う。 5. 「スマートフォンのアプリを、HTML5で

Sublime Text 2 Advent Calendarの1日目です。 本当は12/1に書くはずが、風邪でダウンしていて公開が遅れてしまいました。。 気を取り直して、頑張って書きたいと思います。 最初にAdvent Calendarとは何か？という方は、技術評論社さんのこちらの記事が参考になります。 本日12月1日より，プログラマ有志による2012年の技術系Advent Calendarが各所ではじまる Sublime Text 2 Advent Calendarについては、こちらで他の方のブログポストやエントリーができます。まだ空きがあるようですので、興味のある方は是非！ Sublime Text 2 Advent Calendar さて今回は、意外とあまり取り上げられないSublime Text 2のテーマについて触れてみたいと思います。デフォルトでも多くのテーマがあり、Soda

jQuery プラグイン作った時とかに説明用とデモ用のソースを別々に用意するのが面倒で、なんとか一本化できないかなぁとあれこれしてたら、jsdo.it とか jsFiddle みたいなことができるようになってた。 jquery.ex-demo - GitHubjQuery ver 1.7 以上、jQuery Compatible を併用すれば Ver 1.2.x で動作可。 2013/09/25追記 Google Code Prettify と統合しました。詳細は以下をご覧ください。 [Ex Code Prettify] その場で編集／実行できるシンタックスハイライター jQuery プラグインデモページに使用デモページに使う場合は以下のような感じ。 HTML <!-- 実行結果の表示場所を用意（必須ではない） --> <div class="result"></div> <!-- CSS

Backbone.jsで書き始めたら「Backboneどう？」と聞かれることがあったので、自分ではあんま語れるほど知らないけど「ここらへんの記事は素晴らしいよ！」というものをまとめておいたヽ(・ω・´)ゝ まずは読んでおくべきもの Backbone.js Advent Calendar 2011 なにはともあれまずはBackbone.js Advent Calendar 2011 ある程度まで書けるようになる情報は総ざらいで書いてあると思う。 中でもBackbone.js入門はありがたい。読んでおけば基本の仕組みを知ることが出来る。 Backbone.jsが依存しているunderscore.jsの情報なんかもあったりしてありがたい。 ちなみに今年(2012)のAdvent Calendarはこちら。今はまだ始まったばかりだから情報少ないけどこれから充実してくるだろうし楽しみ（´ω｀） Ba

RubyMotion に興味がある有志で集まってもくもく会というのをやっています。 もくもく会とはなんぞや、という方は http://mokumokukai.tumblr.com/ あたりを。要はゆるいハッカソンです。 RubyMotion のもくもく会は、集まって軽く自己紹介して今日やることを説明したらあとはもくもく作業する感じです。今回で三回目。昨日インストールしたばかりという人がチュートリアルをやっていたり、開発中のアプリを作ったり、バグを直したり、ブログ書いたり。自分はもくもく会のたびに RubyMotion をアップデートして既存のアプリが動かなくなりそれを直す、ということを繰り返しているわけですが。 黙々･･･といってもそばに同志がいるのでわからないことがあったら聞きますし、今日なんかはチュートリアル始めるならこの辺がいいんじゃないかとか、Advent Calendar が埋ま

iPhoneやiPad、Androidなどの ホーム画面に表示されるアプリの アイコンを作成出来る、という ジェネレーターのご紹介です。 高機能なものではなく、画像を 取り込んで作成するシンプルなもの。 画像を取り込んでアイコン化する、というWebサービスです。手軽でいいですね。

こんにちはこんにちは！！ 今日はちょっとUIについて思うことのお話をしたいと思います。 ぼくは以前、ゲーム業界にいたんだけど、そこでは、 いわゆるグラフィックデザインを専門にしている人に 「この画面のUIおねがいね」と丸投げする光景をよく見ました。 だけど、見た目が綺麗なデザインを仕上げるのと 使い勝手を考慮したユーザーインターフェイスを設計するのとでは、 考え方も、必要なスキルもまるで違うものだと思う。 情報や機能を、どのようにユーザーに提供するか。 これは画面上の配置や見た目だけの話だけじゃなくって、 情報の階層化や、いつどのタイミングで見せるかといったことまで考えなきゃならない。 たとえばゲームなら、初めからボタンだらけの画面にするのではなくて、 ゲームの進み具合、ユーザーの習熟度に応じて段階的に機能を見せるとかね。 細かい話なら、ボタンを押した時に反応するのか、 離した時に反応する

@fladdict さんの分析した iTunes11 のアルバム情報表示アルゴリズムをとりあえず実装してみました。 詳細は http://fladdict.net/blog/2012/11/itunes11_colorpicker.html で公開されています。 - 減色の色数は 512 色 - 減色アルゴリズムは 32 で割って小数部を切り捨て32を掛けて16を加算するだけの単純なもの - 文字色は背景色と色相の差が 120 以上のもの、かつ明度の差が96以上のもので出現回数の一番大きいもの - 動作確認は Google Chrome のみ 実物を見ないで実装したので大きく異なっている可能性があります。全然違ったらゴメンナサイ。 window.addEventListener('DOMContentLoaded', function() { var style = document.cr

「DOOM 3 BFG Edition」のソースコードが GitHub に公開されました。 id-Software/DOOM-3-BFG https://github.com/id-Software/DOOM-3-BFG 関連情報 PC版『Doom 3 BFG Edition』FOV設定や影生成を改善するパッチが配信、ソースコードの公開も - Game*Spark http://gs.inside-games.jp/news/373/37376.html

※ グレー背景はSVGデータの以上の容量になったものです。 これくらい簡単な図だと、画像にするよりSVGの方が容量が軽くなるのですね。 結構オドロキです。 あと、なぜかJPEGの４倍画像（1280×1280px）の容量が小さくなります。う〜ん。なんでだろう…。こっちもオドロキです。 ◆ 会社案内の地図の場合（パス数：186） 実際は、会社案内の図などはGoogleMapsを使う事が多いとは思うのですが、とりあえず試しにやってみました。

さまざまなクリスマスツリーが表現できるPhotoshopブラシまとめ「50+ Free Christmas Trees and Decoration Brushes For Photoshop」 クリスマスまで一ヶ月を切り、さまざまな場所でクリスマスの雰囲気が色濃くなっています。そんな中今回紹介するのが、さまざまなクリスマスツリーが表現できるPhotoshopブラシをまとめた「50+ Free Christmas Trees and Decoration Brushes For Photoshop」です。 19 Christmas Tree Clip Art Photoshop Brushes | Best Free PS Brushes Online リアルなもみの木から、可愛らしいイラストまで、さまざまなブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、

ドットインストール代表のライフハックブログ

カテゴリー アクセス解析 (2) Analysis (1) Android (7) Apache (6) API (2) Amazon Web Services (66) CloudSearch (1) EC2 (3) RDS (1) SES (1) Backbone.js (1) BigQuery (1) Blockchain (3) Blogger (1) Book (113) Bootstrap (4) Configuration Management (3) Cacti (1) Capistrano (2) CentOS (15) Chef (1) Chrome (9) ClamAV (1) CMS (2) CODA (1) CoffeeScript (1) CORESERVER (4) 仮想通貨 (1) CSS (22) Sass (6) CSV (1) DNS (1) 資料 (

wdbはPython製のWSGI用のWebベースデバッガーです。 スクリプト言語の開発のが個人的には手軽ですが、IDEを使ったコンパイル系言語の開発において羨ましいと感じるのがブレークポイントを含めたデバッガー機能です。そんなデバッグ機能をWSGIを使った開発に用いられるのがwdbです。 アクセスするとデバッガーが立ち上がります。 ステップ実行、コンソールでの出力ができます。 別なライブラリへ遷移します。 最後は結果が出力されて完了です。 wdbを実行すると、1984番ポートでWebサーバが立ち上がります。そして/wtfにアクセスするとwdb.set_trace()を実行した次の行からステップ実行が可能になります。最後までいくと画面に結果のHTMLが出力されて完了となります。変数の内容を見たり、ステップ実行もできるようになり、より開発がスムーズになりそうです。 wdbはPython製、GP

こんにちは、クライアント基盤チームのよやです。 昨今、Flash Player の自作が流行りのようですが、デバッグやテストに苦労されているとも聞き及んでいます。 丁度タイミング良く、SWFバイナリ編集のススメでサンプルとして引用している IO_SWF パッケージが SWF 解析ツールとして充実してきました。折角ですので、この場で紹介させて下さい。 http://openpear.org/package/IO_SWF http://openpear.org/package/IO_SWF/src/trunk/sample 野良 Flash Player の開発者であれば自前で SWF 解析ツールを用意出来ると思いますが、何かあった時に verify check として利用頂けると幸いです。 IO_SWF のインストール php と pear コマンドが入っていれば３つのコマンドでインストール

目黒で吞んだ後、どうしても日本酒を呑みたいという同行者に連れられ、渋谷で立ち寄ったのが新南口にできたGEMSにある「渋三魚金」です。 もう本当に新南口を出たらすぐって感じで、埼京線や湘南新宿ラインのユーザには本当にありがたい感じの飲食ビルです。 で、魚金といえば、新橋あたりにある盛りの多い有名店でして、過去にはそちらにもお邪魔したことあります。 日本酒なら魚介だろうということで、二次会的にこちらに行きました。 新しいビルですし、店内もとてもキレイでしたよ。デートにも良いのではないでしょうか！ メニューをチェックする、麦酒男です。 二次会ということで、軽めに刺身三点盛りにしてみました。 が！ 三点だけど三点じゃない！ 名が体を表してない的な！ いや、もちろん食べる側としては嬉しいんですけどね。これで1,280円だから、かなりお値打ちですよね〜。 そして、日本酒を呑む！ メンチカツも食べる！

[更新 2016-09-26] プラグイン、Githubのソースコード共に公開が取り下げられていました。類似のプラグインとしては、Notification Barなどがあるようです。 Apollo Pluginは、ワード […] [更新 2016-09-26] プラグイン、Githubのソースコード共に公開が取り下げられていました。類似のプラグインとしては、Notification Barなどがあるようです。 Apollo Pluginは、ワードプレスブログで各ページの最上部に出す告知を簡単に作成・管理できるプラグインです。 管理画面は機能をオンにするのと、通知バーの色を選ぶぐらい。 カスタムポストで通常の記事と同じように、アナウンスバーに出したい告知が書けます。開始日・終了日も指定できるので、告知の必要性が無くなったら自動的に消すことも可能。 ブログでちょっとした告知をする際にいいかも。

PHPFogが今年でサービス提供を終了するのでAPPFogに乗り換えようと思います。 乗り換えるのは今現在PHPFogにデプロイされている「はてなダイアリーキーワードBot」 サインアップとアプリケーション作成 まずはAPPFogにアカウントを作ってアプリケーションを作成します。 Step 1: Choose an application PHPを選択します。Java, Groovy, Python, Ruby, Nodeとか色々あって嬉しくなりますね。 ちなみにフリープランだと10Apps作成可能みたいです。フリーでRAMが２GBもあるので結構遊べそうです。 Step 2: Choose an infrastructure 多分どれでもいいと思うんだけど、とりあえずAWSで一番距離的に近そうなシンガポールを選択。 Step 3: Choose a subdomain: アプリのドメイン。

Get the ultimate advantage for serious developers with new premium benefits. Activate now

An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing. StackSlider is a highly experimental jQuery image slider plugin that explores a different and fun viewing concept for thumbnails, utilizing CSS 3D transforms and perspective. The idea is to navigate through two piles of images whe

これは GraphicalWeb (CSS, SVG, WebGL etc) Advent Calendar 2012 - Adventar への参加の記事です。 3日目の今日は私 id:rikuo がSVG画像ファイルの軽量化テクニックを取り上げてみます。 ちょっと長くなってしまったので、ご注意ください。 はじめに、SVGとは？ まず始めに、SVGとは何か？の簡単な説明です。 SVGとはScalable Vector Graphics（スケーラブルベクターグラフィックス）の略で、XMLを基盤に書かれた画像記述言語、またはベクター画像ファイルのことです。画像ファイルというと、JPEG、GIF、PNGまたBMPなどはよく知られていますね。それらの画像はピクセル（ドット）ごとに色を表現したもので、総じてラスター（ビットマップ）画像と呼ばれています。 対してSVGは座標や図形で扱うため、拡大・縮

この記事はPHP Advent Calender 2012の2日目の記事になります、詳細は以下をどうぞ。 PHP Advent Calender 2012 フレームワークやCMS的な記事が多いので、あまり参考例のないTIPSを書きたいと思います。 PHPでTCPサーバを立ててみる PHPでTCPなサーバを作るとなると、socket関数やfsockopenなどを使った例を多く見かけます。 PHPというよりかはLinuxなネタになってしまいますが、ここではxinetdを使った例を書いてみたいと思います。 xinetdとは？ 今回は、スーパーサーバーと呼ばれる xinetd の設定方法について説明していきます。スーパーサーバーとは、ポート監視用のデーモンプログラムで、あるポートに対してアクセスがあると、設定ファイル (/etc/xinetd.d/ 等) を元にポートに対応したサービス (ftp

Tomomi Imura An Open Web advocate and front-end engineer, who loves everything mobile, and writes about HTML5, CSS, JS, UX, tech events, gadgets, etc. She unintentionally got 15min of fame by creating The HTTP Status Cats. Also, the opinions expressed here are solely her own and do not express the views or opinions of my employer. Twitter LinkedIn Instagram Github Flickr My articles are licensed u