PHPからChromeにログ出力「Chrome Logger」
こんにちは、中川です。 PHPでの開発中のちょっとしたデバッグに、echo や var_dumpで画面に値を出力して確認することがありますよね。 このデバッグ方法は簡単でいいのですが、出力した配列の値などはパッと見で確認しやすいとは言えませんし、画面の表示内容が崩れたりします。 画面に出力しない方法としては、 error_log関数を使ってapacheログやファイルに出力する方法もありますが、 この場合は、サーバ側にログインしてtailなどでファイル内容を確認する必要がでてきます。 そんなちょっとした問題を解決してくれるツール 「Chrome Logger」をご紹介したいと思います。 Chrome Loggerを使えば、JavaScriptのconsole.logのように、 表示画面には影響を与えないでブラウザのデベロッパコンソールにPHPから値を出力できます。 ■Chrome Logge
CSS Nite in KOBE, Vol.8 「デバイス多様化時代に備えるWeb制作環境の効率化」参加レポート [ 紹介されたツールのまとめ付き ]
CSS Nite in KOBE, Vol.8 「デバイス多様化時代に備えるWeb制作環境の効率化」参加レポート [ 紹介されたツールのまとめ付き ] Publish2015/04/28(火) Update2020/01/30(木) 2015年4月24日（金）に新神戸のplug078 コワーキングスペースで行われたCSS Nite in KOBE, Vol.8 「デバイス多様化時代に備えるWeb制作環境の効率化」に参加してきました。 今回の講師は、こもりまさあきさんで、こもりさんの視点で見る効率化についてを知りたくて参加してみました。 このブログを読んでいる人は知っているかもしれませんが、僕はけっこうこもりさんの話を聞きに行っているので、実は今回の内容も情報として「全く知らなかった」というものはほとんどありませんでした。 でも、話を聞きに行ったのは「新しい情報を得よう」ということではなくて
Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ
Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。 Photoshopでのガイド引きに欠かせない強力な機能拡張 定番のGuideGuideは3.1.2にバージョンアップ 幅の異なる複数のガイドを一気に作成できる優れ物 Photoshopのスウォッチをフォルダで管理 カラーピッカーを開かずにカラーのコードを簡単コピー 複数のさまざまなオブジェクトのカラーを一元管理 手元の画像からシームレスなテクスチャを1クリックで作成 ビットマップのオブジェクトをベクターに変換 画像にパースをつけてかっこよく見せる パラグラフのレイアウトを段組みに変更 要素のサイズやエフェクトやフォントなどの情報を書き出す エレメントやマージンのサイズを書き出してくれる 黄金比
人気No.1の開発・運用ツールはこれだ！1000人調査の結果発表
「短納期な小規模案件が増えるにつれ、人手に頼った従来のSIerのやり方が割に合わなくなってきた」。DTS ITインテグレーション事業部 ITプラットフォーム担当 プロジェクトリーダの小野寺 弘行氏は言う。 同社の従来のやり方では、サーバー1台を用意するのに、パラメーターシートを使って何時間も掛けて人手で設定、確認していた。しかし小規模案件では、ここまでの工数を掛けていては採算が合わなくなる。そこで同社の現場は2011年以降、開発・運用ツールをフル活用して作業を自動化する方向に舵を切った。 現場の作業を効率化する開発・運用ツールの代表格が「チケット管理・PMツール」、「CI（継続的インテグレーション）ツール」、「環境構築ツール」といったものだ。チケット管理・PMツールでは「Redmine」、「Trac」などが有名だ。現場が実施すべきタスクを「チケット」として担当者に割り当て、チケットごとの進
Lineman.jsの立ち位置 - ワザノバ | wazanova
http://thechangelog.com/128/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約7時間前 Test Double社のJustin Searlsが、the changelogのpodcastで、Lineman.jsについてのインタビューに応えています。 Linemanは、JavaScriptのフロントエンドアプリ開発におけるコマンドラインツール。AngularJS / Ember.js / Backbone.js などがフレームワーク、Grunt / Gulp がビルドタスクの自動化ツールとすると、Linemanは慣習 & 設定（convention & configuration）ツールという位置づけのようです。各フレームワークにおいて、アセットの構築、サーバのmock、ファイル変更時
404 - Page not found
Page not found The content you are looking for does not exist. Error 404 |
この Visualization がすごい2014 〜データ世界を彩るツール6選〜
4. 4 Introduc)on • Takahiro Inoue (TwiPer: @doryokujin ) • Majored in Mathema:cs in Keio University • Chief Data Scien:st and Solu:on Architect @ Treasure-‐Data Presented by • Leader of Japanese MongoDB Community, MData Scien:st Takahiro Inoue – Chief ongo Masters • doryokujin’s blog hPp://doryokujin.hatenablog.jp/ 5. 5 Treasure Data Introduc)on Data Collection Data Storage Data Analysis Com
【便利ツール】Emmetで、ちょっと気持ちいいコーディング with sublime text 2・下巻 | DevelopersIO
ダミーテキストの挿入 loremを記載して、展開するとダミーのテキストを挿入してくれます。 //展開前 p*3>lorem //展開後 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus consectetur nisi modi alias aspernatur suscipit nihil laborum vero possimus. Nobis velit iste eveniet atque aspernatur! Repellendus illum nulla similique quia.</p> <p>Magni sapiente dolorum dolorem expedita natus eaque aut nesciunt modi libero aspernatur omn
Webマーケティングに役立つ無料分析ツール厳選５つ | LISKUL
Webマーケティングでは様々なデータや情報を取得できる事が大きな特徴です。 専用のツールを使うことで競合の状況から市場のトレンドまで「こんな事までわかるのか！」とビックリするような情報やデータを把握することができます。 しかし、市場や競合状況の把握につながる情報やデータを得る方法を知らない人が意外に多いというのが実感です。 そこで、本日は私自身も使っていて便利だと実感している市場・競合調査に役立つ情報源の中から、Web上ですぐに使える無料のツールを厳選してご紹介します。 これらのツールを使うことで、今まで知り得なかった貴重なデータを得ることが出来ます。 競合の状況や市場のトレンドを捉えて戦略や施策を見直すことでこれまでよりも大きな結果を得られるようになります。 1.競合サイトのトラフィック数・流入経路を把握「SimilarWeb」 SimilarWebサイト http://www.simi
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 33,323 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の
覚えて嬉しい＆使って楽しい！B級ショートカット集【Photoshop版】
Photoshopの秋 時短の秋 ひぶたポケモンが進化しておおひぶたポケモンて。セキネです。 みなさんショートカットは好きですか？ぼくはどっちかというと好きです。 そこで、今回は王道ショートカットではなく、知っておくと実は使える／知っていても使うまでいかない／ボタン押した方が早いじゃないかというようなちょっとB級臭のするショートカットや小ネタを紹介します。ちなみにB級かそうでないかは独断と偏見で選んでます。そのへんよろしくお願いします。 目指せ、カンバス以外非表示系男子。 ※Macキーボードでの記載となります。Windowsの方はCommand→Ctrl／option→altへと脳内変換をお願いします。 ※OSやバージョン違いによって差異があるかもしれません。 ツール まずは意外と使いこなせていない人が多いツール切り替えショートカット。 ツールパレットまで移動する時間を省ければ全体で大きな
3DCG はこれからのフォトレタッチャーの第2言語 | デジタルフォト&デザインセミナー2010 | Shuffle by COMMERCIAL PHOTO
3DCG はこれからのフォトレタッチャーの第2言語 講師：ヴォンズ・ピクチャーズ 代表 片岡竜一 同 CGデザイナー 大槻昌平 Tweet 広告の世界では、すでに3DCGが一般的に使われるようになってきた。Photoshopユーザーにとっても、3DCGのスキルが必要とされる場面は今後増えてきそうである。そこで、ヴォンズ・ピクチャーズの片岡竜一氏と大槻昌平氏に、Autodesk 3ds MaxとPhotoshop CS5を使った3DCG制作について解説してもらった。 片岡竜一氏（写真右）、大槻昌平氏 「パーティクル」で舞い踊るトランプを表現する 片岡 こんにちは。ヴォンズ・ピクチャーズの片岡です。今日はヴォンズ・ピクチャーズのCGデザイナーであり、レタッチャーでもある大槻と一緒に、3DCGを使ったビジュアル制作の話をさせていただこうと思っています。 我々が3DCGの制作に取り組み始めたのは、
C++の便利ツール・ライブラリ - DO++
フルタイムで働きはじめて4ヶ月。 いろんなことがありました。 今日はインターンが来ているということもあり日頃のC++コーディングライフの中で大変重用しているツールを紹介します。といってもどれも有名なツールでググれば解説がでてくるとは思いますので、一言ずつだけ紹介してみます。みなさんも何かよさげなライブラリ・ツールがありましたら教えてください。 - valgrind/callgrind/cachegrind プログラムの実行結果を解析するツール群。まぁ、王道であえて紹介する必要はないかもしいませんが.。valgrindはプログラムのどこかでメモリが漏れているかどうかのチェックに使います．コードのどの部分で確保した領域がどこで漏れているかまで追跡することができます valgrind --leak-check=full command プログラムのどのが計算量的にボトルネックになっているかを調べ
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
GAINER.cc
Gainer（ゲイナー） Gainer（ゲイナー）はユーザー・インタフェースやメディア・インスタレーションのための環境です。Gainerを利用することにより、センサーやアクチュエータをPCに接続し、Flash、Max/MSP、Processingといった幅広いプログラミング環境から利用できるようになります。基本的なコンセプトは以下の通りです。 プロトタイピングの段階から最終形まで用いることができるブレッドボードと組み合わせて試行錯誤しながら制作を進めることができる自分自身のモジュールを部品レベルから組み立てて理解を深めることができる複数のコンフィギュレーションの中から目的にあったものを選択できるソフトウェア＆ハードウェアがオープンソースで公開されているGainerに関する「オープンソース」は次のようなことを意味します。 ユーザはGainerを無料で利用できる上級のユーザは既存のハードウェア
ライフハッカー読者が選ぶ画像編集ソフトベスト5 | ライフハッカー・ジャパン
写真を撮って、写真屋さんに出して、受け取ったらアルバムに整理して...10年くらい前までは普通にやっていたことなのに、随分昔のことのように思えます。今や、デジカメで写真を撮るのは当たり前。アナログに写真を焼いていた時代には想像もできなかったほど、デジタル写真には色々な加工や編集ができるようになりました。 米lifehackerでは「あなたの好きな画像編集ソフトは？」という読者アンケートを取りました。プロユースからフリーのアプリまで、数ある画像編集ソフトの中から、栄えあるベスト5に選ばれたのはこちらです！ 1位 Adobe Photoshop (Windows／Mac, 有料) やはり、と言うべきでしょう。画像編集ソフトの王様『Adobe Photoshop』が堂々の1位です。 画像編集ソフトを語る上で、Photoshop抜きで語ることはできません。Photoshopが、デザイン業界において
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
運用に自動化を求めるのは間違っているだろうか
http://designaholic.cc/2011/08/web-10.html
bookma! - 404
