canvasResizeはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 iPhoneでWebブラウザから写真をアップロードできるようになりましたが、カメラの性能が高いためにファイルサイズが大きくなってしまっています。そこでクライアントサイドでリサイズできるcanvasResizeを使ってみましょう。 ファイルを指定した表示です。自動的にリサイズされます。 iPhoneからです。Choose fileをタップします。 カメラまたはライブラリから写真を選択します。 プレビューが表示されます。この時点で縮小済みです。 canvasResizeではCanvasを使ったリサイズとプレビュー表示に加えて、iPhoneで大きなサイズの写真を指定した際に潰れてしまう問題を解決するライブラリや、Exifの回転を読み取るライブラリが組み合わさって提供されてい

あなたは今、目の前に同じような画像ファイルが複数あって、どこが違うのか調べないといけません。文字が違うかも知れませんし、アイコンの並びが違うかも知れません。はたまた色が1%だけ違う可能性もあります。そんなのをすべての画像に対して行うのは大変なことです。 そこでBlink-Diffを使ってみましょう。Blink-DiffはYahoo! Inc.の開発した画像差分表示ツールです。 Blink-Diffの使い方 Blink-Diffの使い方は簡単です。二つの画像と、その差分の出力先を指定するだけです。 $ blink-diff --output test.png YDN_Color.png YDN_Missing.png Blink-Diff 1.0.7 Copyright (C) 2014 Yahoo! Inc. FAIL 最後にFAILと出ていますがコマンド自体は成功しているようです。 Bl

これは『Rubyによるデザインパターン』（ラス・オルセン著　ピアソン・エデュケーション刊）をPythonに翻訳してみようというシリーズです。 Rubyによるデザインパターン 作者: Russ Olsen,ラス・オルセン,小林健一,菅野裕,吉野雅人,山岸夢人,小島努出版社/メーカー: ピアソン桐原発売日: 2009/04/01メディア: 単行本購入: 13人 クリック: 220回この商品を含むブログ (66件) を見る デザインパターンの原則から 変わるものを変わらないものから分離する インターフェイスに対してプログラムし、実装に対して行わない 継承より集約 委譲、委譲、委譲 必要になるまで作るな（これは「Rubyによる〜」の筆者による） 記事 Template Methodパターン Strategyパターン Observerパターン Compositeパターン Iteratorパターン C

WebサイトやアプリケーションのUIは、いくつかの要素の組み合わせで構成されますが、使いやすさに最大の影響を与えるのはナビゲーション要素でしょう。ナビゲーションのデザインを制する者がUIデザインを制する、といっても過言ではありません。 というわけでここでは、UIで最も大事な要素、ナビゲーションというものを整理して理解するために、その種類と特徴をまとめてみました。 1. グローバルナビゲーション ユーザがWebサイトやアプリを使う際に、もっともよく使われるのが、このグローバルナビゲーションです。通常は画面のどこかに常設されており、画面遷移をしても、決まった場所に、決まった並びで必ず表示されます。 メニューの構成方法としては、情報種別、機能種別、対象者／状況別、利用頻度別などの切り口があります。 Appleサイトのグローバルナビゲーション。どの画面でも、同じメニュー構成・同じデザイン・同じ場所

コミックマーケット84で話題を呼んだグルメ本「町あるき江東」の市販が8月30日、D-STAGE（千代田区外神田3）で始まった。 江東健康友の会が発行する新聞「けんこう」で、「メタボ防止のための町歩き」をテーマに2008年4月から始まった連載のうち4月20日までの60回分をまとめて冊子化した同書。筆者は74歳の男性で、本の中の挿絵や地図、文章、編集を全て一人で担った。 内容は江東区内のさまざまな飲食店を巡り、「しがらみの無い戦前生まれ戦中育ちの1江東区民のグルメ本」として1店に付き1ページの筆者による評論を掲載するほか、区内の名所旧跡や公共施設も訪れ、率直な感想や筆者のうんちくを行ったその日のうちに書き上げライブ感を演出。「孤独のグルメ」「ブラタモリ」「ちい散歩」「ゆうゆう散歩」のようなテレビの町歩きリポートの雰囲気も併せ持つ。若いころから描いていたスクリーントーンを使ったカットイラストや手

コミュニケーションツールでしかないサブカル 渋谷直角のマンガ『カフェでよくかかっているJ-POPのボサノヴァカバーを歌う女の一生』（扶桑社／以下『ボサノヴァ女』）は、とても身も蓋もない内容だ。収録されている５つの短編には、音楽、お笑い、写真、雑誌（同人誌）など、“サブカル的なもの”を愛好する若い男女の悲喜こもごもが辛辣かつ直截に描かれている。 表題作のボサノヴァ女は、枕営業してまでも有名になろうとし、お笑いマニアの小太りの青年はファミレスでバイトをしながら周囲にお笑い的コミュニケーションを吹っかけ、ブロガー男子はおセンチな感傷を日々ブログにアップしつつ小太りの女と付き合い、ライター青年は文学フリマで売ってそうなミニコミの企画を有名ライターに持っていかれ、『TV Bros.』ファンの女性はこれまでの男性遍歴（２人）について語る。 この５編に共通するのは、必ず恋愛や性愛について言及されているこ

Takayuki Shimizukawa @shimizukawa @masa_edw コネクションプールが無い場合、使い終わったコネクションが即解放されない（解放まで多少遅延する）ので実際に使っているコネクションの数より多く存在する。その分メモリを圧迫して効率が悪い。っていう話は聞いたことがあるよ（要出典 2013-09-04 09:27:28 ハイパーむとう @masa_edw @voluntas 現状で必要な状況は理解していますが、なぜそうなるのか理解していないということです。他にもたとえば、bitlyの呼び出しはコネクションプールを使うべきか？なぜ(べき、べきでない)のか？どういう要請でそうなのか？と言う問いに僕は答えられません。 2013-09-04 09:31:22

美容スキンケアほうれい線2020年8月27日 更新『舌回し体操』で若返り大作戦！ほうれい線を目立たなくしちゃおう☆年齢とともに気になるほうれい線。今回の記事でご紹介するのは、ほうれい線に効果的と口コミでも人気な『舌回し体操』♪ほうれい線が気になる方は今すぐ実践してみたくなるはず…！

先週日曜日に総額480円、プログラムコード200行、作業時間8時間で「給与明細.net」(http://www.給与明細.net)というWebサービスを作ってリリースをしました。これは給与支払明細書のPDFをWebで簡単に作れるWebサービスです。 シンプルな内容なので開発を開始してから8時間以内の作業でリリースできました。このエントリではサクッとサービスを開発してリリースするまでの僕なりの方法を紹介します。 特長 無料 会員登録不要 Excelから一括作成できる（CSVではない） オープンソース（MITライセンス） 目次 解決したい課題を見つける ドメインを取得する サイトマップとURLを決定する よいツールを集める まずデプロイ（公開）する そこそこのデザインにする 最低の機能をつけたらリリースする 広めるための準備をする おまけ：コードをかく 解決したい課題を見つける これがないとそ

2. 解析動機 2013年5月18日Tokyo WebMining #26 2 最後の春だし画像処理の勉強でもしとくか 後輩からAV女優の類似画像検索の話を聞く （ぱろすけ 2012） DMMにはアフィリエイトあったよな これでウェブサービス作れば儲かるかも 決して下半身からの要望で解析したのではありません http://blog.parosky.net/archives/1506 3. 計算環境 2013年5月18日Tokyo WebMining #26 3 使用言語：Python ２．７ （少しだけR） 使用モジュール：Numpy, Scipy, OpenCV 科学技術計算用のライブラリ MATLABにできることは大体できる  numpy.ndarray 型付き多次元配列  numpy.linalg 線形代数計算  scipy.cluster 今回はこれのk-means法を使用

まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる 情報まとめのカテゴリです。 素人がwebサービスを作る 最近、というか結構前からはてなブックマークのアノニマスダイアリー(匿名で書ける日記で閲覧率も高いようです)を中心に、webサービスを何カ月で作ったというような記事を見かけるようになりました。 中にはなんでそんな事がわかるの…良く気付いたね…みたいな事もあって我々としては本当に素人か疑いたくもなりますよねｗ 素人といってもたまたまwebサービスを作ったことがなかっただけで、プログラミングの下地はあったという人もいるかとは思います。 今回はそうしたwebサービス制作秘話系記事をまとめてみます。ついでに、素人ではないにしても、同じように制作までの流れを明かしてくれている記事もいくつかピックアップしたので合わせてどうぞ。 webサービス制作してみた系記事まとめ 自分でW

ユーザーインターフェイスが洗練されているアプリは、使っていて気持ちいい。ボタンの形、配置、配色、画面の遷移、アニメーション。これらのデザインと機能がマッチすると、多くの人に受け入れられるアプリになる。 今回はiOS、特にiPhoneのUIデザインを紹介したい。どれも触りたくなるものばかりだ。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin

できるだけ正確な記述を目指していますが、誤りがありましたら、お知らせ願います。 (最終更新: 2013/3/29 11:22) 正規表現の種類 まず、PHP には以下の 3種類の正規表現があります。 Perl 互換の正規表現 (pcre) mbstring の正規表現 (mbregex) POSIX 拡張正規表現 (regex) このうち、regex は バイナリセーフでない 日本語は扱えない PHP 5.3 で非推奨 なので使わない方がいいでしょう。見つけたら、随時 pcre か mbregex で書き直しましょう。 Perl 互換の正規表現 (pcre) 正規表現エンジンは Perl の「PCRE」 日本語は UTF-8 のみ扱える UTF-8 を使う場合は、パターン修飾子に u を指定する 文字クラスはロケールの影響を受ける PHP: 文字クラス - Manual 処理の制限値 (p

■ GitLabでGitHubっぽい開発環境を構築した かずひこに先を越されてしまったが、GitHubライクなソーシャルコーディング環境を実現するフリーソフトウェア「GitLab」の導入が楽になったらしいので、入れてみた。職場の開発環境用。もう、Pull Requestのない開発なんてありえないからなー。 インストールマニュアルはだいたいDebian系のLinuxディストリビューションをターゲットに書かれているので(というかUbuntu向けだろうけど)、愛用のDebian Squeezeにもわりとすんなり導入できた。かずひこと同様、既存のApacheからリバースプロキシとして動かすように設定(→レシピ)。 唯一、実行後にSidekiqがRedisまわりでエラーになるのだけど、ちゃんとトラブルシューティングのドキュメントがあって、そのとおりにやったら動いた。すばらしいじゃないですか……見習い