Photoshopの使い方: 作業パフォーマンスを向上させる最適な環境設定のまとめ -CC2015対応 | コリス
Photoshopでの作業がもたついたり、もっときびきび動作させたい、とパフォーマンスを向上させたい時に、見直したいPhotoshopの環境設定の項目を紹介します。 How To Optimize Photoshop For Better Performance 下記は、以前紹介した記事をCC2015対応に編集したものです。 ※翻訳・編集にあたり、元サイト様に許可を頂いています。 ヒストリーとキャッシュ グラフィックプロセッサー 仮想記憶ディスク メモリの使用状況 64ビットモード レイヤーパネル フォントプレビュー UIのアニメーション動作 作業時にパフォーマンスをさげない方法 ヒストリーとキャッシュ Photoshopで作業する際に最初にチェックしておきたい項目は、キャッシュです。キャッシュを必要最小限にすることで、パフォーマンスが向上します。 設定方法 [環境設定] - [パフォーマ
フォントジャンプ率のセオリーを考える | フォントの話 | つみきブログ
株式会社つみき UI/UX事業終了のお知らせ 拝啓 時下ますますご清祥のこととお喜び申し上げます。 平素より格別のご高配を賜り、厚く御礼申し上げます。 この度、弊社は創業以来続けて参りましたUI/UX事業（受託制作事業）につきまして、2024年4月30日をもって終了することを決定いたしました。 今後は、弊社の主力事業であるFilmarksをはじめとした、映像関連事業に注力して参ります。 ご愛顧を受け賜りました皆様には、深く感謝申し上げますとともに、ご理解賜りますようお願い申し上げます。 敬具 株式会社つみき 代表取締役社長 鈴木 貴幸 事業終了予定日：2024年4月30日 biz@tsumikiinc.com
游書体をCSSで指定しよう - Qiita
はじめに 2017/01/20現在、挙動のテストが追いついていないので、このページを訪れる人に役立つと思われるリンクを置いておきます。 https://speakerdeck.com/tacamy/modanri-ben-yu-huontozhi-ding https://rxon.now.sh/crossPlatformYu.md 以下は2013年11月の情報なので参考にしないでください(その間にChoromeがDirectWriteに対応してnameテーブルの参照メタデータが変わったりしていて、設定すべきfont-family値が変わっていることが大きな要因です)。 序文 Windows8.1とOS X Mavericksのリリースが開始されました。 Windows8.1ではRC版にインストールされていた游ゴシックに加えて、游明朝もインストールされています。 OS X Maverick
擬似要素のCSSアニメーションはinheritを使えば有効になる | inkdesign
Joshua Hibbert氏の記事、Don't Forget the CSS Value 'inherit' - Joshua Hibbertでは忘れられがちなinheritによる値の継承について説明している。 inheritを使えば親要素のスタイルの継承ができるが、これは要素とその擬似要素の関係においても、擬似要素が継承させることができる。 で、この記事における本題としては、Bonus transition trickとして紹介されている、inheritを使えば、擬似要素でもCSSアニメーションが有効になるという話のこと。 擬似要素では"基本的に"アニメーションが無効となる Hibbert氏の記事にあるbasic sampleを見てもらうとわかるのだが、右側（赤い方）では擬似要素に大しては継承を使っておらず、そのためアニメーションになっていない。大して一方では擬似要素もアニメーションを
Macでnode-canvasをインストールする方法 - Qiita
やりたいこと stylusで画像sprite自動作成をしたいので、node-sprite-generatorというライブラリを導入したら、node-canvasが必要だった。 node-canvasのOSXのインストール手順を見ると、Cairoを野良ビルドしているが、brewで入れようとしたところ、インストールに若干手間取ったので手順をまとめました。 https://github.com/LearnBoost/node-canvas/wiki/Installation---OSX 環境 Mac OS X 10.9.2 brew 0.9.5 node v0.9.12 anyenvでインストールした node-canvas https://github.com/learnboost/node-canvas インストール手順 brewで pkgconfig をインストール brew instal
Google Maps JavaScript APIの使い方まとめ
公開日: 2015/09/01 | 更新日: 2017/07/05 Googleが提供する、Google Maps JavaScript APIを利用して、ウェブページに地図を表示させる方法を説明します。通常の埋め込み型の地図とは違い、コントローラの調整、マーカーや吹き出しを配置したりなど、機能が満載です。 Google Maps JavaScript API V3 ReferenceGoogle Maps JavaScript API V3 ReferenceGoogle Maps JavaScript APIの公式リファレンスです。全てのメソッド、オプションなどについての解説が掲載されています。準備 (APIキーの取得)Google Maps JavaScript APIを利用するには、APIの有効化と、認証情報(APIキー)が必要です。この章では取得方法を説明します。 アカウントの用
CreateJSを使って簡単なゲームを作ったのでメモ - SUSH-i LOG
とある案件でCreateJSを利用してスマホ用のWebゲームを作ったので、その時に調べた内容をメモメモ。 Canvasを利用すること自体あんまり無かったのですが、結構簡単に実装することが出来ました。 CreteJS そもそもCreateJSとは、HTMLの要素であるCanvas要素の描画をFlashの様に操作出来るライブラリで、実際に自分もFlashを利用することもあったことから、比較的とっつきやすい内容でした。 また、実際には Canvasへの描画を制御する「EaselJS」 アニメーションの動きを制御する「TweenJS」 外部ファイルの読み込みを制御する「PreloadJS」 今回利用していなかったのでご紹介は省かせて頂きますが音声データを制御する「SoundJS」 の4つをパッケージ化したものが「CreateJS」となります。 そのため、一部の機能だけ必要という事であれば、バラバラ
omnioo lab. record | オムニオラボ WEB, ITのお話 Homepageを作る
xmlのパースは今までphpのsimple_xmlみたいなものを使ってきましたが、なかなかこれだけでは仕事にならないというのもあって、最近はAjaxで処理してしまうという頻度が非常に増えています。実際はHTMLに吐き出される情報がローカルのみなのでHTMLソース時代には何も書かれていないというのが、問題なんだか問題じゃないんだか、むしろその方がいいのか...って話ですが、いわゆる素人さんにはそんなこと全然関係なくて、ただただ見てくれがいいという問題が最終的な落とし所になるので、Ajaxでいいじゃないかということになります。 $.ajaxメソッドを使う jQueryでxmlをパースするときは、$.ajaxメソッドを使います。かなり楽チンです。このメソッドはjQueryのプラグインみたいに使える（というか、Pluginはメソッドなのですが）ので、適当なオプションを与えるだけでかなり簡単に使えま
マーカー、アイコン｜Google Maps JavaScript API v3｜Ajax｜PHP & JavaScript Room
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>設置サンプル</title> <link rel="stylesheet" type="text/css" href="/content/css/gmapv3.css" /> <!-- スマートフォン向けviewportの指定 --> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <!-- Google Maps APIの読み込み --> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script> <script type="t
CSSのみで画像のマスキング - Qiita
.svg { -webkit-clip-path: url(#svgPath); clip-path: url(#svgPath); } <svg height="300" width="300" class="svg"> <image xlink:href="cat.jpg" x="0" y="0" width="300" height="300"/> <defs> <clipPath id="svgPath"> <circle cx="200" cy="220" r="55"></circle> </clipPath> </defs> </svg> ▼実行結果 メリット： SVGなのでじゃぎらない 画像の描画図形の位置やサイズ等に影響されない デメリット 複数のSVGをつかったマスキング切り抜くのが上手くいかない（実装方法の問題？） 参考記事 Clipping in CSS and S
Markdown記法 チートシート
Markdown記法のチートシートです。 記法はGitHub Flavored Markdownに準拠し、一部拡張しています。 Qiitaでシンタックスハイライト可能な言語一覧については、 シンタックスハイライト可能な言語 をご覧下さい。 Code - コードの挿入 Code blocks - コードブロック たとえば、「Ruby」で記述したコードをファイル名「qiita.rb」として投稿したいときは、 バッククオート（`） か チルダ（~） を使用して以下のように投稿するとシンタックスハイライトが適用されます。 コードブロック内でコードブロックを書きたい場合は異なる記号を使うことで書けます。
requestAnimationFrame でフレームと再描画更新を制御する | Yomotsu net
Canvas や SVG などを用いて、アニメーションを行う場合の描画繰り返しについて考えます。 描画の繰り返しアニメーションには requestAnimationFrame や setTimeout など利用し、そのタイミングで再描画を繰り返すという手法が一般的です。 これまで、 setTimeout を利用することが主流で、60 FPS のアニメーションの場合は例えば以下の様なコードで実現することも多かったかと思います。 var x = 0; ( function loop(){ setTimeout( loop, 1000 / 60 ); x += 1; console.log( x ); } )(); ただし、setTimeout や setInterval は、ブラウザー側で再描画の準備が整っているか否かにかかわらず、必ず実行されてしまいます。また、ブラウザーのタブが非表示 (バ
requestAnimationFrame and Date.now in WebKit - latest log
2015-03-03 の一連のツイートがこちら performance.now() iOS 8.0 で追加されて、iOS 8.1 で削除されてた— コラーゲンたっぷりさん (@uupaa) 2015, 3月 3 正しくは、「iOS 8.1.1 で」ですね performance.now() 削除されてたのソース。 WebKit のとこ https://t.co/gvpnz9Wwk2— コラーゲンたっぷりさん (@uupaa) 2015, 3月 3 performance.now()の無効化が何故痛いかというと、Date.nowは相当重い部類のAPIという認識なのでアニメーション中には一回も呼びたくないしTimer系を呼ばないように組み上げると速くなる。 その辺の事情を知らない人はバンバン呼んでるけど、あれはよろしくないです— コラーゲンたっぷりさん (@uupaa) 2015, 3月 3
jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC engineers' blog
最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 （※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です） セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue
Mac で Webistrano 動かしたときのメモ - 復刊 ボルシチは食べ物です。
ひととおり書いてみたら特に Mac 依存の箇所なかった。 MySQL で適当なデータベース作っておく。 mysql> create database webistrano_production; github の Downloads からも落とせるけど、中身古めなので git clone で。 $ git clone git://github.com/peritor/webistrano.git bundle install でいろいろライブラリ入るはずなんだけど、 Gemfile で gem 'bundler', "~>1.0.10" となってるので、怒られる。（最近普通に gem install bundler すると 1.1.1 あたりが入ってる。） $ cd webistrano $ bundle install Fetching gem metadata from http://
引数を渡さなかった際にデフォルト値を使う場合の注意点 - Qiita
よくやる variable = argument || default_value; パターン は割と罠 jQuery のソースコードなり、色んな実装で見るこのパターンのことです。 /** * @param {number} value * @param {number=} opt_value * @param {(function():*)=} opt_callback */ function doSomething(value, opt_value) { var option = opt_value || 10; // opt_value が渡されていなかったらデフォルト /** * 以下なんらかの処理 */ } これは undefined を boolean キャストして false が返る仕様を利用したテクニックですが、実際は割と限定された用途で書けるものだと捉えた方が良いです。
PreloadJSを使ってらくらく非同期読み込み - Qiita
PreloadJSを使えば非同期ファイル読み込みと、その処理がとっても楽に書けるようになる(はず) http://www.createjs.com/#!/PreloadJS コードサンプル:画像を読み込むたびにbodyに追加していく <!DOCTYPE html> <html> <head></head> <body> <script src="./preloadjs-0.3.0.min.js"></script> <script src="./preload.js"></script> </body> </html> function init(){ // LoadQueueのインスタンス作成 // 引数にfalseを指定するとXHRを使わずtagによる読み込みを行います var queue = new createjs.LoadQueue(true); // 読み込むファイルの登録。
Alfredの 設定 & Tips メモ - Qiita
Alfredを使えばアプリの起動やら検索やら操作やらをキーボードで便利に高速に操作できる．自分の設定やTips等をまとめておこう，というお話．全部無料で使える範囲のお話．僕はもうコレなしではやっていけない． ※ 2016/10 記事投稿時のAlfredのバージョンが古かったのでスクショなどv3.1.1のものに変更するなど一部アップデートしました Alfredとは （App Store版↓もありますがバージョンがかなり異なるので↑のHPからダウンロードをオススメ） ランチャーアプリと呼ばれるもの．Spotlight的な．代表的な使用例としては，アプリを起動したり，ファイルをサーチしたり，PC自体の操作（再起動とか）したりをキーボードで高速にできちゃいますっていうアプリ．使っているうちに なにをやるにもとりあえずAlfred ってなる．もうコレなしではMac使えないってほど 作業効率上がる．
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://11neko.com/font-2/
CreateJS をはじめる人が知っておくとラクなこと - Qiita
