Canvasを使ってクライアントサイドで画像リサイズ·canvasResize MOONGIFT
canvasResizeはHTML5/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 iPhoneでWebブラウザから写真をアップロードできるようになりましたが、カメラの性能が高いためにファイルサイズが大きくなってしまっています。そこでクライアントサイドでリサイズできるcanvasResizeを使ってみましょう。 ファイルを指定した表示です。自動的にリサイズされます。 iPhoneからです。Choose fileをタップします。 カメラまたはライブラリから写真を選択します。 プレビューが表示されます。この時点で縮小済みです。 canvasResizeではCanvasを使ったリサイズとプレビュー表示に加えて、iPhoneで大きなサイズの写真を指定した際に潰れてしまう問題を解決するライブラリや、Exifの回転を読み取るライブラリが組み合わさって提供されてい
Blink-Diff – Yahoo!製の画像差分表示ツール
あなたは今、目の前に同じような画像ファイルが複数あって、どこが違うのか調べないといけません。文字が違うかも知れませんし、アイコンの並びが違うかも知れません。はたまた色が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
Pythonによるデザインパターン（目次） - None is None is None
これは『Rubyによるデザインパターン』（ラス・オルセン著 ピアソン・エデュケーション刊）をPythonに翻訳してみようというシリーズです。 Rubyによるデザインパターン 作者: Russ Olsen,ラス・オルセン,小林健一,菅野裕,吉野雅人,山岸夢人,小島努出版社/メーカー: ピアソン桐原発売日: 2009/04/01メディア: 単行本購入: 13人 クリック: 220回この商品を含むブログ (66件) を見る デザインパターンの原則から 変わるものを変わらないものから分離する インターフェイスに対してプログラムし、実装に対して行わない 継承より集約 委譲、委譲、委譲 必要になるまで作るな（これは「Rubyによる〜」の筆者による） 記事 Template Methodパターン Strategyパターン Observerパターン Compositeパターン Iteratorパターン C
Windows起動時にVirtualBoxゲストOSを自動起動させる - インフラメンコ
Windows起動時にVirtualBoxゲストOSを自動起動させる Dec152009 Author: ゴリ丸 Categories: IT関連, その他 Tags: VirtualBox, Windows, 仮想化, 自動起動 Bookmarks: 人が登録 Next Page: MindTouch Core Dekiwiki On CentOS 5.4 インストール手順書 Prev Page: dkim-milterをmilter-manager経由で使う 仮想ネットワーク内のDNSサーバがいまして、こいつは常時起動させておかないと困るなぁと思い、自動起動させるようにしてみました。 自分でやってて軽くはまったので、メモ的にエントリーしておきます。 環境 Windows XP SP3 Sun xVM VirtualBox 3.1.0 以下の記載において、ファイルパス名などは適宜置き換え
[webサービス制作]「○○がwebサービスを作ってみた」系記事まとめ
まとめる。 webとwebデザインに関しての、WEBCRE8.jpによる 情報まとめのカテゴリです。 素人がwebサービスを作る 最近、というか結構前からはてなブックマークのアノニマスダイアリー(匿名で書ける日記で閲覧率も高いようです)を中心に、webサービスを何カ月で作ったというような記事を見かけるようになりました。 中にはなんでそんな事がわかるの…良く気付いたね…みたいな事もあって我々としては本当に素人か疑いたくもなりますよねｗ 素人といってもたまたまwebサービスを作ったことがなかっただけで、プログラミングの下地はあったという人もいるかとは思います。 今回はそうしたwebサービス制作秘話系記事をまとめてみます。ついでに、素人ではないにしても、同じように制作までの流れを明かしてくれている記事もいくつかピックアップしたので合わせてどうぞ。 webサービス制作してみた系記事まとめ 自分でW
![[webサービス制作]「○○がwebサービスを作ってみた」系記事まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/59fc4b8cf1c794158aa358a703d709cadeff33bf/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F11%2Feyecatch-collection-150x150.png)
TortoiseSVNでWordやExcelの差分をWinMergeで比較する方法 - 小さい頃はエラ呼吸
はじめに TortoiseSVNには専用の差分ビューワがありますが、WordやExcelのテキスト比較ができません。そこで、外部の差分比較ツールを使って、WordやExcelのテキスト比較を行います。 この記事では、TortoiseSVNでWordやExcelの差分をWinMergeで比較する方法をご紹介します。 Subversion実践入門:達人プログラマに学ぶバージョン管理(第2版)posted with amazlet at 11.08.25Mike Mason オーム社 売り上げランキング: 51141 Amazon.co.jp で詳細を見る WinMergeをインストールする 以下のサイトからWinMergeをダウンロードして、ウィザードに従いインストールします。 WinMerge 日本語版 WinMergeでWordやExcelを比較できるようにする WinMerge単体ではW
Leanpub: Publish Early, Publish Often
#1 - Computers and Programming#2 - Software#3 - Software Engineering#4 - Software Architecture#5 - Agile#6 - JavaScript#7 - Computer Science#8 - Data Science#9 - C and C++#10 - Artificial Intelligence#11 - Management#12 - Web Development#13 - Textbooks#14 - Python#15 - Testing#16 - DevOps#17 - Leadership#18 - Java#19 - Teamwork#20 - Startups#21 - Cloud Computing#22 - Internet of Things#23 - Lean#2
「さくらのVPS申し込み」から「RubyをインストールしてReVIEWを動かす」まで - 結城浩のはてな日記
「さくらのVPS申し込み」から「RubyをインストールしてReVIEWを動かす」までの自分用メモです。 なお、以下の手順やコマンドラインの多くは、ドットインストールさんの無料講座「さくらのVPSの基礎 (全21回) 」を見て書いています（もしも問題があるようなら、すぐに削除します）。細かい設定で省いている部分がありますので、正確なところはこの講座をごらんください。この講座はたいへんわかりやすくてすばらしいです！3分単位でさくさく学べます。 前提 Windows 7, PuTTY, msysgit, Firefox, Mail ssh, ssh-keygen, scpはmsysgitのものを使った さくらのVPS申し込み Firefox: http://vps.sakura.ad.jp/ さくらのVPS 1G Mail: お申込受付完了のお知らせ Mail: [さくらのVPS] 仮登録完了の
Skala Previewは、iPhoneアプリ製作に必須かもしれない | fladdict
有名アプリなんでしょうかね、Skala Preview。いままで知りませんでした。 Skala Previewを使うと、Mac上の画像やPhotoshop画面やクリップボードの画像を、iPhone上でピクセルパーフェクトで表示できます。 Mac / iPhone 用アプリ。 使い方も簡単で、MacとiPhoneで両方立ち上げれば適当に同期してくれます。フォトショッパ—マジ感涙！ 昔はイラレ画像をDropboxとかメールで転送してたのですが、Skalaを使えば直接見れる。UIもシンプルで綺麗。まだiPhone5には対応してませんが、はやく対応して欲しいなぁ。これは便利！ ついでに、普段使ってるものをつらつら。大分定番ですが。 IconKit Store 大きいアイコンを作れば、自動でiPad用やiPhone用などすべてのアイコンをリサイズして準備してくれる。 ReSizer Store iP
連載：C# 4入門 - ＠IT
第2回 簡潔なコーディングのために （2017/7/26） ラムダ式で記述できるメンバの増加、throw式、out変数、タプルなど、C# 7には以前よりもコードを簡潔に記述できるような機能が導入されている 第1回 Visual Studio Codeデバッグの基礎知識 （2017/7/21） Node.jsプログラムをデバッグしながら、Visual Studio Codeに統合されているデバッグ機能の基本の「キ」をマスターしよう 第1回 明瞭なコーディングのために （2017/7/19） C# 7で追加された新機能の中から、「数値リテラル構文の改善」と「ローカル関数」を紹介する。これらは分かりやすいコードを記述するのに使える Presentation Translator （2017/7/18） Presentation TranslatorはPowerPoint用のアドイン。プレゼンテー
agilephp @ ウィキ - cakePHPによるアジャイルWebアプリケーション開発
このページを編集 このページを編集(メニュー非表示編集;α) このページをコピーして新規ページを作成 このページのページ名を変更 このページの編集モードを変更 このページの閲覧/編集権限の変更 このページにファイルをアップロード このウィキにファイルをアップロード（FTP機能/管理者のみ利用可） メニューを編集(メニュー部分は非表示で編集) 右メニューを編集(メニュー部分は非表示で編集)
SVGを用いたリサイズ対応の地図·jQuery Vector Maps MOONGIFT
jQuery Vector MapsはSVGで描かれた地図です。JavaScriptとの親和性が高いです。 HTML5から標準に取り入れられた技術の一つにSVGがあります。IllustratorなどもSVGで出力できますが、まだまだ利用範囲は広くありません。そこでSVGを使ったデモとしてjQuery Vector Mapsを紹介します。 デモです。右側の地図がベクターで描かれています。 こちらは世界地図。 ドイツのマップ。 ヨーロッパのマップ。マウスオーバー、クリックで色が変わります。 jQuery Vector MapsはSVGデータをそのまま取り込んで表示している訳ではなく、JavaScriptでレンダリング内容を指定しています。その結果マウスオーバーにも対応しているようですが、マップの作成が大変なのは否めません。とは言えズームやパンしても乱れない奇麗な地図というのは使い勝手が良さそう
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
マインドマップを作成してWord/Excel/PowerPointなどと連携可能なフリーソフト「Edraw MindMap」
マインドマップに限らずブレインストーミングやSWOT分析などを作成する際に使えるソフトがこの「Edraw MindMap」です。作成した図はPowerPointや各種画像ファイル、PDFなどにエクスポートが可能。クリップアートも豊富に用意されており、これまでとは違ったプレゼン資料などが作成できます。日本語入力も大丈夫です。 作成例、インストール、操作＆機能については以下から。 Free Mind Mapping Software, Freeware, Create mindmaps for brainstorming, problem solving, rational analysis, and decision marking. http://www.edrawsoft.com/freemind.php ◆作成例 実際にこのソフトを使って作れる図はこのような感じ、かなり多種多様。 ◆イ
レスポンシブWebデザインとは (1/5)
スマートフォンやタブレット、PCなどあらゆるデバイスに対応する制作手法として注目されている「レスポンシブWebデザイン」。レスポンシブWebデザインの概念からサイト制作の基本まで、レスポンシブWebデザインによる制作案件を数多くこなす菊池 崇氏が解説します。（編集部） 本連載で紹介したレスポンシブWebデザインの基礎に加えて、画像や動画のレスポンシブ対応、パフォーマンス改善といった商用サイト構築のノウハウを大幅に加筆。さらに、解像度に依存しないレスポンシブWebデザインの考え方やスマートテレビ対応などの応用テクも盛り込みました。 レスポンシブWebデザイン マルチデバイス時代のコンセプトとテクニック 定価：2,625円 (本体2,500円)／形態：B5変 (232ページ) ISBN：978-4-04-886323-0 レスポンシブWebデザイン（Responsive Web Design）
無料で使えるレスポンシブのWordPressブログテンプレート１０選 | バズ部
WordPressブログのテンプレートは、とても高性能なものが多く、色々なところで様々なものが紹介されている。しかし余りにも多過ぎて、どれを選べば良いのか分からなくなってしまう方もいるのではないだろうか？ そこで本日は、ソーシャルメディアマーケティングを実践する上で最適なブログデザインという部分に焦点を当てて、オススメのWordPressブログテンプレートを１０個ご紹介する。 これらのテンプレートの選択基準は、以下の３つだ。 シンプルな２コラムであること メインコンテンツが左、サイドバーが右にあること レスポンシブデザインであること なぜ、この３つの点が重要なのかという理由は、「月１５万PVを生むブログをデザインした時に徹底した７つの要素」で確認して欲しい。 １．Respo デモを確認 ｜ ダウンロードページ シンプルで落ち着いたデザインでありながら、ヘッダー直下のスライダー画像が目を惹く
Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」
Illustratorの表現の幅が広がるIllustratorブラシセットまとめ「75+ Illustrator Brush Sets for Download」 クオリティの高いデザイン制作のために、細かいパーツを一つ一つ制作したり、パーツの加工をPhotoshopで行うことも多いと思いますが、一手間も二手間もかかり、制作時間も増えてしまいます。そんなシーンに是非活用したい、Illustratorの表現の幅が広がるIllustratorブラシセットをまとめた「75+ Illustrator Brush Sets for Download」を紹介したいと思います。 （illustrator brush set 3 by ~nrmb on deviantART） さまざまな罫線を制作できるブラシや、繊細なモチーフやパーツを表現できるブラシが多数紹介されています。中でも気になったものをいくつか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
サル先生のGit入門〜バージョン管理を使いこなそう〜【プロジェクト管理ツールBacklog】
新米デザイナーに読ませたい、ロゴデザインの制作プロセス
