フロントエンドの開発効率が3倍に…！？デバッギングプロキシCharlesの使い方 :: 5509
タイトルは釣りかとおもいきや僕は普通にあるのとないのとで3倍くらい差があるので、界王拳アプリのひとつです。特にWebアプリとか大きめの規模のサイト開発でとても役に立ちます。 Charles こんなことができます（目次） いちいちサーバーへファイル転送なんかしてられない Charlesのインストールとライセンス Map Local（指定URLのリクエストをローカルへ向ける Map Remote（指定URLのリクエストを別のURLへ向ける 常にキャッシュをオフに Locations 設定の流れ（ほとんど全部共通） Throttling で回線速度をシミュレート リクエストが丸裸 例えばXMLHTTPRequestの場合 ログの設定はRecording Settingsから 紹介してる以外にも Reverse Proxy を設定できたり、 Break Points で指定リクエストのパラメータを
HTML5で誤用されがちな各要素の正しい使い方 | コリス
HTML5はXHTML1.0やHTML4を継承しつつ、使い方が大きく変わった点もあります。 よく利用されるHTML5の各要素の誤用されがちな例とそれを正しく適切に使う方法を紹介します。 You're Doing it Wrong: Common HTML Tag Misuses [ad#ad-2] 下記は各ポイントを意訳したものです。 <br>の誤用 <br>の間違った使い方 <br>のよくある誤用は、コンテンツ間にスペースをつくるために使用することです。 これはWYSIWYGエディタで作成するとよく起きる現象で、複数の空の行で隙間をつくります。 <br>の適切な使い方 <br>は文章を改行するために使用するものです。 段落に分けるには<p>を使用し、文章同士の間をあけるためにはCSSのmarginなどで間隔を設定します。 <div>の誤用 <div>の間違った使い方 HTML+CSSでペ
色彩心理学に学ぶ Webサイトの色選び / ウェブデザインライブラリー
投稿日：2010年12月28日 レベル：− ソフトウェア： このチュートリアルでは、色彩心理学の観点からWebサイトの色選びについてご紹介します。 Step1 ： はじめに Step2 ： 広告における色の使い方とは Step3 ： 色彩心理学の歴史 Step4 ： 色の意味 クリエイティブ/アーティスティックの分野でプロフェッショナルになるつもりなら、色について理解する必要があります。 今回は、色彩心理学について取り上げることにします。 色は印象に影響を与えます。 住む世界によりますが、色の認知は自分たちの文化が伴います。 どこにも行ったことがないとしても、色の「意味」は時代とともに変わります。 今日においては、精神科医は色についての普遍の真理や、 「psyche（従来の心理学では色が印象に影響を与えるという考えは認められていない）」への影響について特定することができます。 色
ＰＨＰの開発効率を上げる１０個の関数 - PHP,MySQL,Flex,JSな日々＋イラストとか
「追記とか」にコメントの返答や追記をしてますので合わせてどうぞ。 かれこれ３年くらいPHPをやっているので、せっかくなので１０個の便利な関数を並べてみました。 作業効率がかなりアップするので、これからPHPをやってみようかなぁって思う方は知っておくと便利だと思います。 変数、配列の内容をキレイに表示する関数「d」 変数や配列の内容をHTML構文でキレイに表示してくれます。 しかも、var_dumpと書くとタイピングが大変なので「d($hoge)」として簡単に記述。 これだけでも作業効率8倍 function d() { echo '<pre style="background:#fff;color:#333;border:1px solid #ccc;margin:2px;padding:4px;font-family:monospace;font-size:12px">'; foreac
博報堂DYグループでWebコンテンツをプロデュース 超過密スケジュールを自然体でこなす仕事術とは
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
[徳力] ユニクロの勝部さんに学ぶ、自社に最適なメディアを考えられるのは企業自身ということ
もう既に1ヶ月前の出来事になろうとしているのですが、6月2日に開催された宣伝会議 Internet Marketing & Creative forumに参加しました。 結局、前後の予定の関係で、ユニクロの勝部さんとスターバックスの長見さんのセッションしか参加できなかったのですが、当日のユニクロの勝部さんの発言が非常に印象的だったのでメモしておきたいと思います。 当日の詳細は下記に「マーケター＋ジャズ・シンガー」さんが速記録がアップされていますので、そちらをご覧頂くとして。 ・宣伝会議 Forum 2009 ユニクロ×スターバックス 個人的に印象的だったのが、勝部さんが「クライアント側が変えなきゃいけない」とか「自分たちでやる」という主旨の発言を繰り返しされていたこと。 なんでもユニクロでは自社の中で、宣伝やCM制作、広報やウェブなどのチームを統合して1つのチームにしてしまったそうで、クリ
![[徳力] ユニクロの勝部さんに学ぶ、自社に最適なメディアを考えられるのは企業自身ということ](https://cdn-ak-scissors.b.st-hatena.com/image/square/154cb8ae3a6aabe22564cc763802b1f80815f03c/height=288;version=1;width=512/http%3A%2F%2Fblog.tokuriki.com%2Fwp%2Fwp-content%2Fuploads%2F2009%2F07%2F3382090087_b76b53ba98.jpg)
KAYACの新人Flasher課題。素材インポート編 | _level0 - KAYAC Front Engineer Blog
そろそろ苗場に向けて準備する時期に入りましたね、hidakaです。 今年は新卒もいるということもあって、年初あたりから新人用課題を作っていました。 それらを4月からやらせてみたのですが、そこで使っていた課題の素材の扱いについてのお話です。 おたくの新人さんにもどうでしょうか。 素材のインポートについて。 課題はデザインデータを渡してきちんとインポートできているかをチェックします。 そこで渡すいくつかの例はこちら。はまってる子見つけるたびに課題は増えていきます。 大事なのはそのままFlashのインポート機能を使う前に考えろ、ということです。 デザイン知識はなくてもデザインデータの知識は必須。 インポート後に見比べ・不自然なファイル要領・JPG荒れの発見などなど。 ・CMYKモードのaiファイル これはきちんと変換してインポートできる人もいたり、いなかったり。 ・RGBモードのaiファイル、カ
SEOの順位を上げるためのWordPressプラグイン10 – creamu
WebDesignBoothというサイトで、SEOの順位を上げるためのWordPressプラグインが紹介されています。 ざっとご紹介。 » All in One SEO Pack ページごとにtitle、description、タグを設定できる » Broken Link Checker リンク切れをチェックしてくれる » Google XML Sitemaps Generator Googleサイトマップを作ってくれる » SEO Friendly Images 画像に適切なaltをつけてくれる » No Self Pings 自サイトへのpingbackを削除してくれる » Enforce www. Preference wwwありなしを統一してくれる » Platinum SEO Pack All in One SEO Packと同じ機能を持ち、さらにオプションを設定できる。しかし、
初心者が簡単にプロっぽく記事の内容を仕上げるテクニック*ホームページを作る人のネタ帳
第３回目の特集は、記事の内容を少しだけレベルアップさせるテクニックです。 今回のトレーニングを全て終えた時、あなたのブログは少しだけレベルアップするかもしれないです。 あまりギスギスせずに記事を書きたいんだという方はそれでも良いと思います。 難しい事を要求するわけでもありません。特に、社長ブログや、社員ブログなどの、ぞくにいう『ブログ初心者』の方々を相手に考えた方法です。次の３つのステップにチャレンジしてみると、いつの間にか身についてしまうと思います。 興味のある方は是非やってみてください。やってダメだったら自分流を模索してみるのも悪くありませんので！ 要点分解トレーニング さて、記事を書く前に、必ず記事にしようと思うネタがあるはずです。 ネタがないのに書こうと思ってかける人なら素晴らしいですが、大体事前にネタがあるはずです。 そのネタを、まず分解する事。 これがこのトレーニングの肝です。
システム手帳のように自分好みにカスタムできるタスク管理ツール「xfy Planner」を使ってみた
ガントチャート表示やカレンダー表示を縦横無尽に切り替え、日々のToDoチェック・進捗管理・アイデアメモなど多岐にわたる情報を直感的な操作で整理し活用することができるジャストシステムの「xfy Planner」。高い操作性とすっきりとしたデザイン、HTMLやPDFでの出力が可能な点も好評で、以前GIGAZINEで紹介したベータ版を利用している人も多いのではないでしょうか。 その「xfy Planner」に、新バージョンがいよいよ登場するとのことで、さっそく使い心地を試してみました。 というわけで、実際に無償試用版を使ってみたレビューは以下から。情報整理・活用ソフト xfy Planner 上記リンク先から「無償試用版ダウンロード」をクリック。 以下インストール手順などは以前紹介したベータ版と同様なので、今回はGoogle Calendar連携機能やちょっとユニークな「リフィル」を中心に見てい
WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル:phpspot開発日誌
WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル 2009年04月15日- PHP Tutorials Examples Embedding PHP In CSS WEBデザイナーな方向けのPHP入門によさそうな、CSS内でPHPで使うサンプル。 CSSファイルをPHPとして実行して共通の値を変数にして使うというチュートリアルが公開されています。 PHPは知ってるという方には当たり前すぎるかもしれないですが、WEBデザイナーの方が最初に入門するにはよいかも。 ステップ1 AddType application/x-httpd-php .css .htaccess等に、AddTypeを追記して、.cssファイルがphpとしてサーバ側で処理されるように指定 ステップ2 <link rel="stylesheet" href="style.php" media="
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
クリエイターズネット
IDEA * IDEA
ウェブデザインのクオリティをアップする7つのポイント | コリス