Webシステム開発で使っている便利なツールをあげてみました。 あらためて社内の開発環境を見直す機会があったので、使っているツールを並べてみました。こうして見ると色々なツールを使って開発をしていますね。わりと定番系なものが多いですが、良かったら参考にどうぞ。 1. Apache / PostgreSQL / PHP Mac OS X に MacPorts でインストールしたApache / PostgreSQL / PHP 環境を使って開発をしています。 PHPは5.3、PostgreSQLは8.4 or 9.0です。 ただ旧バージョンのPHPを使ったり、Linux でなければ動かないモジュールを使うこともあるので、その際は社内のCentOSサーバにSSHで入って開発したりもします。 Vimを使ってるので、SSHで入ればどのサーバでも開発できるのは利点ですね。 Mac を使い出して、しばらく

2011/3/22に、GoogleがようやくGoogle Chrome版「Page Speed」拡張機能を公開しました。 「Page Speed」は、項目をある程度理解できれば自分や自社のサイトの表示速度の改善にとても役立つツールです。 この記事では、「Page Speed」のインストール方法から各調査項目の見方や改善方法を中心に使い方を解説します。 ぜひ、ご自身のサイトの改善に役立てていただければと思います。 そもそも、なぜサイトの表示速度を速くする必要があるのか？ 例えば、Amazonの調査によると「表示速度が0.1秒遅くなると、売上が1％減少する」といい、Googleの調査によると「表示速度が0.5秒遅くなると、検索数が20％減少する」と言われます。 また、GoogleはWebページの読み込み速度をアルゴリズムに取り入れたことを発表しています。 大手サイトや大規模なECサイトに限らず

2017年6月30日 便利ツール 「海外Webサイト・海外Web屋の特徴」でも少し紹介したプロジェクト管理サービス、Basecamp。「日本語版があれば使ってみようかな」という人がいたのですが、実は日本語に対応しているのです！アカウントの作成、言語の設定を含めた、Basecampの簡単な使い方を紹介します！ ↑私が10年以上利用している会計ソフト！ Basecampとは？ Basecampは37signalsが提供しているオンラインプロジェクト管理ツール。「よりシンプルに使いやすく」をテーマに作られ、海外では企業やフリーランサーに大人気です。チームメンバーとタスクを共有することで、誰がどんな業務を持っているのか、どこでつまづいているのかなどがわかるようになり、結果プロジェクトの進行がスムーズになると思います。 Basecampの特徴 メッセージボード、ToDoリスト、マイルストーン、Whi

OMMWRITER A perfect place to think and write _ A perfect place to think and write OmmWriter is a tool which makes it easier for you to concentrate. Based on a natural setting, it effectively insulates your mind from distractions and sets up a direct line between your thoughts and your words. As if you were alone, you'll hear your inner voice clearer than ever and you'll be able to delve deeper int

Online diagramming tool for collaborating on wireframes, flowcharts, and more

動画サイトからムービーをダウンロードできるフリーソフト「Freemake Video Downloader」がさらにパワーアップ、メニューや設定がすべて日本語化され、ニコニコ動画・MTV.com・MTV Music.com・Myvideo.de・Hulu.com・Vevo.comへ対応、Vimeo・Megavideo・FacebookからのHDビデオダウンロード、DailymotionからのHQビデオダウンロード、さらには完全にストリーミング化されてキャッシュにも残らずダウンロードもできないRTMPベースのYouTubeにも対応、ダウンロード速度は以前の4倍になり、iPod/iPhone/Android/PSPへの変換機能や音声のみ抽出する機能を搭載し、以前にGIGAZINEでレビューしたときよりもさらに強化されました。 というわけで、ダウンロードとインストール、使い方は以下から。 フリー

Windows 7やWindows VISTAでIE6/IE7/IE8/IE9を共存させる方法です。IE9はまだベータ段階ですが、周辺ツールも対応してきた頃なのでまとめてみました。 公式ブラウザの共存はできませんが、以下に示す方法で各バージョンの表示を確認することができます。最近はIETesterが主流になってきたようなので、そこを踏まえてます。 IETesterを利用＋IETesterでIE9を確認できるようにカスタマイズする 「Microsoft Expression Web SuperPreview for Windows Internet Explorer」と「Internet Explorer Platform Preview（「Internet Explorer 9 Platform Preview」）」を併用する IE9のブラウザーモードとドキュメントモードを利用する 以下、

Google Chromeの拡張機能が本格的に登場してから約1年が経ち、その数はFirefoxには一歩及ばないもののライブラリーにはクオリティの高い拡張機能がかなり充実してきました。当サイトでもちょうど1年前に、Google Chromeに入れておきたい拡張機能30個まとめという記事をエントリーしたことがありますが、この1年で当初とは比較にならないほど多数の便利な拡張機能が出揃ってきています。 そこで今回は、最近になって登場した比較的新しいものも含め、利用価値の高そうなお勧めの拡張機能を改めて30個まとめ直してみました。Firefoxのように再起動する必要なく気軽に使えるのもChrome拡張機能の特長なので、気になったものがあれば是非一度試してみてはいかがでしょうか。 なお、この記事では上記エントリーで紹介したものとは重複しないように選んだため、あまり広く使われていないマイナーな拡張機能も

Google日本語入力をメインで使ってる人は、是非ともやっておきたい設定です。Google日本語入力を使っていて、突然MS-IMEに切り替わったことはありませんか？ Google日本語入力を常に使っておきたい方には、この切り替え機能は邪魔です。言語設定でその機能をOFFにできるので、紹介します。 まず言語バーの上で右クリックし、設定を開きます。言語バーを非表示にしている方は「コントロールパネル」→「地域と言語」→「キーボードと言語」→「キーボードの変更」からアクセス可能です（Windows 7だとこの設定になります）。 「詳細なキーシーケンス」という項目があります。ここで何かしらのショートカットが割り当てられていると、IMEの切り替えがされるようです。なので、ショートカット割り当てをしなければ、IMEの切り替え機能をOFFにできます。 「キーシーケンスの変更」から「キーシーケンスを有効にす

各種ウェブブラウザやオフィスソフトなど、印刷可能なすべてのアプリケーションで簡単にPDFファイルが作れる純国産ソフトウェア、それが「CubePDF」です。ソフトが出始めたころに一部で話題になっていましたが、それ以降も「PDFの結合」「各種設定の保存」「文字化けの修正」などを追加して着実に進歩しています。 印刷の際に仮想プリンターである「CubePDF」を選択するだけの簡単操作に加え、シンプルでわかりやすいオプション画面で「機密保持用のパスワード設定」や「フォントの埋め込み」なども設定可能な上、PDF以外にもJPEGやPNGなどの画像形式ファイルも作成できるなど、かゆいところに手が届くソフトウェアです。なお、Windows XP以降の32ビットおよび64ビットのOSに対応しています。 ダウンロードとインストール、PDF作成などの詳細は以下から。無料PDF作成ソフト CubePDF - Cub

作業効率がアップする隠れた使い方教えます！ WEB制作、プロの無料サービス活用術 ──サイトチェックに使えるツール（1） クラウド隆盛の昨今、ソフトウエアと同等か、それ以上に便利な機能を持ったオンラインサービス／ツールが豊富に取りそろってきた。本記事では、オンラインサービスの中でも無料利用が可能なものを選りすぐり、Web制作を6つのシーンに分類してより快適に作業するための82の活用術を紹介する。Webサイトが完成しても即納品というわけにはいかない。不具合がないかを検証することもWeb制作の一部といっても過言ではない。ここではチェックツール活用例を紹介する。 ■バックナンバー 第1回　デザインに使えるツール（1）はこちら 第2回　デザインに使えるツール（2）はこちら 第3回　デザインに使えるツール（3）はこちら 第4回　コーディングに使えるツール（1）はこちら 第5回　コーディングに使えるツ

「Google JavaScript Style Guide」に沿ってチェックしてくれる、グーグル製JavaScript文法チェッカー グーグルはJavaScriptコードのスタイルガイド「Google JavaScript Style Guide」を公開しており、同社自身もこのスタイルに従って開発を行っているとされています（スタイルガイドの日本語訳の例）。 このスタイルガイドに従った開発を支援してくれるツールがグーグルからオープンソースとして公開されました。同社のClosure Tools Blogのエントリ「Introducing Closure Linter」で紹介された文法チェックツールのClosure Linterです。 Closure LinterはPythonで書かれたツールで、コマンドラインから利用します。上記のエントリによると、次のようなJavaScriptをチェックに書

基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ

ドットインストール代表のライフハックブログ

羊毛布団を洗濯機にかけられないことを知りました。ago（@kyo_ago）です。 意外と知られていない機能が多い！？Firebugの使い方を見て、プログラマ向けも欲しくなったので書いてみました。 1. ショートカット一覧 以下のページでFirebugのショートカット一覧が公開されています。 http://getfirebug.com/wiki/index.php/Keyboard_and_Mouse_Shortcuts 取り合えず以下の二つだけでも覚えておくと効率的かもしれません。 F12でFirebugの有効、無効の切り替え 広いコマンドラインモード時にCtrl+Enterでコードを実行 また、以下のメニューからショートカットの変更も行えるので、他の拡張等とショートカットがかぶった場合でも別のキーで使用することが出来ます。 2. Firefox本体のツールバーに「要素を調査」ボタン Fi

5月25日にリリースされた「粘土遊び感覚」で3Dグラフィックを作れるフリーソフト「Sculptris 1.0」のデモ動画・チュートリアル動画をご紹介。夢が広がりますね。 3Dモデリングソフト「Sculptris 1.0」の無料ダウンロードはこちらから。Sculptris Download ※補足：公式サイトにはWin32が必要云々と書かれておりますが、OSX上でも動かせるようです。 2011年09月19日現在、「Sculptris Alpha 6」までバージョンアップしており、Windows版とMac版の両方を無料でダウンロードできるようになっております。「Sculptris Alpha 6」の無料ダウンロードはこちらから。 次の2つがSculptris公式のデモ動画です。 [YouTube] Sculptris 1.0 After six months of intense one-ma