Chrome DevToolsを使いこなすための参考サイトまとめ | 1 pixel｜サイバーエージェント公式クリエイターズブログ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 フロントエンドエンジニアの谷です。 本記事ではGoogle Chromeの開発者ツール、Chrome DevToolsを使いこなすために参考になるサイト、ページの紹介をします。 すでに多くのフロントエンドエンジニアが開発で使っているかもしれませんが、「要素のインスペクタなどの基本的な機能しか使っていない」「UA切り替えくらいしかつかってない」というような方や、そもそもほとんど使ったことがない、という方もこれらを参考にフロントエンド開発を効率化していきましょう！ 基本的な使い方 Chrome DevTools Overview 基本はやはり公式ドキュメ
使いこなせばもしや爆速！？ここ最近助けられたチートシート色々を厳選してご紹介！ | バンクーバーのうぇぶ屋
さて、以前このブログではチートシートに関する記事を書かせて頂きました。もう1年以上前の記事になるんですねー。本当時間が経つのは早い物です…。 無くても良いけど、あったら意外と便利なチートシート。得に初心者の間はチートシートと睨めっこしながら色々な技術なりアプリなりと向かい合う事も僕は少なくありません。 しかし、当然チートシート関連もアップデートし続けた方が良い物。いつまでも古いチートシートばかり見ていたら、折角の新機能や便利ツールの存在に気づかず、ぬあーーーー！って成る事もあるやもしれません。 というわけで、今日はここ最近見たチートシート紹介第二弾！チートシートとして手元に置いておけば、いざというとき便利かもしれない物を、比較的新しそうな物から共有させて頂こうかなと思います！ それで行ってみましょー！ OverAPI.com | Collecting all the cheat sheet
バカ・アフター 雑記 After Effects初心者にありがちなこと
-----レンダー編----- ■一つのコンポジションを連番とQuickTimeで出す場合などに、２回レンダリングしてる レンダーキューの出力モジュールは「Ctrl+D」で複製できます。 ■抜けが無いのにアルファ付きで書き出してる 無駄にファイルが重くなる場合があります。アルファをつけるのは必要な時だけ。 ■とにかく何でもmovやaviで書き出す 尺が長くてやり直す可能性が高い場合は、一部分だけ書き出し直せる連番の方が便利なことが多いです。 状況に応じた対応を。 ■レンダリング結果の色が、作業中と違う気がする 恐らくコーデックのせいです。「mpg4」や「H.264」は若干明るくなります。 ■QuickTimeのコーデックが多すぎて混乱 「アニメーション(最高品質)」であればあまり文句は言われないかと。 ファイルを軽くする必要がある時は「mpg4」か「H.264」とか？ ソフトや環境によって
Mac のデフォルト文字列を変更 – Finder 編
システムフォルダ内の、あるファイルに少し手を加えるだけで、 Mac OS X に出てくるあらゆる文字列を変更することができます。 ということで、今回は Finder 関連の文字列を変更してみることに。 実際に手を加えるのは “Localizable.strings” というファイル。 ファイルのあるフォルダは日本語環境の場合、 /System/Library/CoreServices/Finder.app/Contents/Resources/Japanese.lproj/ 他言語で Mac を使っているのなら Japanese.lproj ではなく、 その言語のフォルダ内にある “Localizable.strings” を変更します。 新規フォルダのデフォルト文字列を変更する デスクトップや Finder で新規フォルダを作成した場合、 デフォルトで「名称未設定フォルダ」という文字列が
ヘッドホン・イヤホンにまつわるハック10選 | ライフハッカー・ジャパン
本日2月22日は、ヘッドホンの日だそうです。いつでもどこでも音楽が楽しめるヘッドホンやイヤホンは、いまや欠かすことのできない外出のお供。これまでライフハッカーでは、これらを快適に使うコツを数々ご紹介してきましたが、こちらでは、ヘッドホン・イヤホンにまつわるオススメなハックを10個ピックアップしました。 1: 自分に合ったものを選ぶ まずは、自分に合ったものを購入することからはじめましょう。必ずしも、高価＝いいものというわけではありません。価格帯も特徴も様々です。購入する前に、オープン型とクローズド型、どちらを選ぶべきか知りましょう。また、古い音楽で聞き比べてみると、音質を正しくテストできるという説もあります。 2: 清潔に保つ ヘッドホンは、すぐに汚れてしまいます。音質だけでなく、衛生面からも、定期的なお手入れをお忘れなく。ライフハッカーアーカイブ記事「イヤホンを清潔に保つためのお手入れ術
EC-CUBEをチューニング - MySQL：MySQLでもviewを使って8倍速にするカスタマイズ!! - EC-CUBEのカスタマイズ、ネットショップ制作メモ
こちらは2.4系の記事になります。3系でのチューニングの記事はコチラさて、だいぶ間が開いてしまいましたが、前回の続きで、EC-CUBEをMySQLで動かす際のチューニングの続きです。 僕がやった施策の中ではこれが劇的に効果がありました。 今回は、MySQLでもviewを使うという物です。 データベースのviewとは、簡単い言うとSELECT文の結果をテーブルの様に扱える機能という事です。 EC-CUBEは、PostgreSQLで動かす場合は、商品情報のカテゴリや規格の情報をまとめた物をviewにして、商品一覧画面や商品詳細画面等で利用しています。 ところが、EC-CUBEをMySQLで動かす場合、MySQLのバージョンが4.1でも利用出来る様に作られているため、viewの部分をサブクエリにして動かしています。 この、ネストしたサブクエリからSELECTする場合、インデックスが使えないので、
[PHP]phpinfo()に関する小ネタHack: 駄文と書評
こんにちは、元ヒップアップの小林すすむです（嘘です）。 php関連のEaster Eggでちょっとオモシロそうなものを見つけた。 phpにはphpinfo()というコマンドがある。実行すると、phpの動作環境などの情報を表示するよーなものである。 使い方はとっても簡単で、下記のように書けばよい。 <?php phpinfo(); ?> りょーちがお借りしているレンタルサーバではこのphpinfoが公開されている。 phpinfo()ではこのWebサーバで、どのphpのモジュールが利用できるか、phpのiniファイルはどういう設定になっているかという情報が記載される。 通常、こういった内部仕様は公開されない場合も多い。レンタルサーバを借りたいときに、通常はphpinfoの情報を閲覧できるようにレンタルサーバ会社が上記のように公開することが多い。 そういった場合でもphpinfoの情報を得るこ
フォトショップ 使い方マニュアル
カテゴリーリスト テクニック (14) 素材(画像) (10) 基本 (7) 素材(ブラシ) (7) 素材(スタイル) (4) 参考サイト (3) 素材（カスタムシェイプ） (3) 素材（ＥＰＳ） (2) 素材（パターン) (1) 素材(PSD) (1) 最近の記事 キラキラ光る星効果 人気のキラキラお星様★ 星のようなキラキラブラシ デコレ文字風加工 高解像度のblur画像20点 高品質ひだ付き布（シルク調） ビジネスマンのシルエットシェイプ 光沢感のあるボタン２１個 メタル テクスチャ ハートと翼のベクターファイル 最近のコメント 美麗なプリーツ付きカーテン素材！？ Aldon Smith Jersey 2013年01月29日 16時07分 キラキラ光る星効果 Aldon Smith Jersey 2013年01月29日 16時07分 床に反射するテキスト Torrey Smith J
Google AnalyticsでURLとページタイトルを同時に表示させる方法
今日はGoogle Analyticsのレポート表示に関する便利なTIPSを紹介します。 Google Analyticsで使える「セカンダリディメンション」はなかなか便利な機能なのですが、なかには選択できないディメンションもあります。 たとえば上位のコンテンツではもっとも閲覧数の多い順にページの「URL」が表示されます しかしセカンダリディメンションとして「ページタイトル」を指定することはできません。 でもセカンダリディメンションとしてタイトルを表示させることができるのです。 やり方は簡単です。 “&segkey=request_uri|page_title“、このパラメータをGoogle Analyticsで「上位のコンテンツ」を閲覧しているときのURLに挿入します。 挿入する場所は、”id=XXXXXXX”の後です。 XXXXXXXにはあなたのGoogle Analyticsのプロフ
新Macの環境設定その2: 使用したターミナルコマンド
► 2024 ( 1 ) ► 6月 ( 1 ) ► 2022 ( 1 ) ► 11月 ( 1 ) ► 2021 ( 5 ) ► 9月 ( 1 ) ► 8月 ( 1 ) ► 1月 ( 3 ) ► 2020 ( 12 ) ► 10月 ( 1 ) ► 6月 ( 5 ) ► 5月 ( 1 ) ► 4月 ( 2 ) ► 3月 ( 2 ) ► 1月 ( 1 ) ► 2019 ( 6 ) ► 9月 ( 1 ) ► 7月 ( 1 ) ► 6月 ( 1 ) ► 3月 ( 2 ) ► 2月 ( 1 ) ► 2018 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2月 ( 1 ) ► 1月 ( 1 ) ► 2017 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 8月 ( 1 ) ► 7月 ( 1 ) ► 5月 ( 1 ) ► 3月
Cocoaの素、Objective-Cを知ろう － ＠IT
Objective-C初心者のための入門連載です。Objective-Cとは何かの基礎知識から、さまざまな基本構文／文法（変数、データ型、nil、配列、プロパティ、アクセサ、クラス、スーパークラス、ルートクラス、サブクラス、ポインター、メソッド、インスタンス、リンク、ラッパークラス、コンパイラディレクティブ、id、メッセージ式、文字列操作、forなどの繰り返し（ループ）、列挙子、ディクショナリ（連想配列）、高速列挙、オブジェクト指向、継承、プロトコル、多重採用、セレクター、クラスクラスター、カテゴライズ、カテゴリ、メモリ管理、ガベージコレクション、参照カウンターなど）を、書き方が分かる豊富なサンプルコードとともに解説します。
Photography and photoshop contests - pxleyes.com
Photography and photoshop contests We are a community of people with a passion for photography, graphics and art in general. Every day new photoshop and photography contests are posted to compete in. We also have one weekly drawing contest and one weekly 3D contest! Participation is 100% free! Just register and get started! Good luck!
Photoshop関連まとめ - かちびと.net
Photoshop関連のまとめです。 ブラシやパターン、シェイプ チュートリアルを書いている ブログ、プラグイン、アクション などなどのまとめ、というか 個人的なリンク集です。シェア したいと思ってエントリします。 おそらく抜けてる有益サイトもありそうなので参考程度になさってください。海外サイトが殆どにどうしてもなってしまいますが、殆どは図解入りなので、英語が読めなくてもある程度分かるかと思います。バージョン、ライセンスに関しては表記し切れませんので個々でお確かめ下さい。 配布サイトはフリーをメインにしています。あと、カテゴリ分けはしていますが、結構適当です。 配布サイト ブラシ・シェイプ・パターン ブラシや、カスタムシェイプ、パターンの配布サイト WeGraphics / フリーブラシカテゴリ。11セットほど配布 Brushesdownload / ブラシ配布専門のサイト Gfxfeve
キーボードショートカット ビジュアライゼーション CS4
After Effects CS4には便利なキーボードショートカットがたくさんあります。 ですが、あまりに多すぎてなかなか覚えようという気にならない・・というのもありますよね。 ショートカットにはキッカケと慣れが大事だと思うんです。 そんなショートカットを分かりやすく確認出来るようにキーボードのビジュアルに乗せてリスト化してみました。 ここで載せられなかったものもたくさんあるのですが、適度に見やすさを確保しつつ、一般的に覚えておくと便利であろうものを掲載しました。壁紙サイズです。 黒字はキーそのまま、Ctrl、Shift、Alt、その他装飾キーの組み合わせは対応する色で書かれた機能になっています。 また、レイヤーのプロパティ操作やパネルウィンドウの操作などは欄外にまとめてあります。 特にレイヤーのプロパティ関連の操作は一通り覚えておくと非常に便利なので 、なんだろう？という方は是非チェック
高度な画像編集が一瞬でできてしまうPhotoshopアクション集:phpspot開発日誌
25 Adobe Photoshop actions for a graphic designer toolbox | reADactor 高度な画像編集が一瞬でできてしまうPhotoshopアクションが２５種類紹介されてます。 アクションでここまで出来ちゃうのかというアクション集で、覚えておくと結構楽が出来そうです。 複数のレイヤーをカバーフローみたいに並べて次のように加工してくれるアクション CDカバーを立体的にしてくれるアクション ペーパーバック風にしてくれるアクション DVDケースにしてくれるアクション ２Dのパッケージ画像を立体的でリフレクションのかかった３D画像にしてくれるアクション 虫眼鏡で拡大する効果を得られるアクション 立体的なパネルに加工してくれるアクション キャンバスから飛び出した風の画像を作成できるアクション すべて無料というわけではありませんが、安価に高度な加工が
鉄板Thunderbirdアドオンで作業効率アップ！ (1/6)
特集第1回はFirefox、第2回はChromeと、ウェブブラウザーを取り上げてきた。3回目となる本記事のテーマは無料メーラー。Mozilla Japanが提供している「Thunderbird」を扱いたい。 動作・サイズの軽さに定評のある「nPOPQ」や、テキストエディター「秀丸」を作っているサイトー企画の「秀丸メール」など、人気の無料メーラーは他にも多い。その中でThunderbirdの便利さを特徴づけている要素の1つが拡張機能「アドオン」の存在だ。 趣味で友だちとメールをやりとりするくらいなら基本機能だけでもいい。だが、公私でメールを使い分け、スケジュールやToDoなどもメール単位で把握し、さらにはTwitterなどコミュニティー単位で複数のメールアカウントを併用する―― といった形でヘビーな使い方をするようになってくると、メールの管理にかける手間は1つでも省き、効率よく作業を進めたく
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tech Advisor – Homepage
Adobe Tutorials
ちらうら PHPとCMSとWEBデザインを貪る 
Photoshopでつくるタイポグラフィのチュートリアル -Part17