PhpStorm | HappyQuality | HappyQuality新しいメンバーのためにPhpStormのリモートデバッグの設定方法を記事にします。 php.iniの設定 末尾にXDebugの設定を以下... バージョンが古いので申し訳ないですが、PhpStorm7の話です。 Gitを使っているのに右クリックメニューにGitメニューが出ない場...
【まとめ】これ知らないプログラマって損してんなって思う汎用的なツール 100超 - Qiita
2019/06/11追記: これは2012年の投稿です。なぜかはてなブックマークで拡散されていますが、内容は時代にそぐわなくなったものもあるのでご注意ください。 これ知らないプログラマって損してんなって思う汎用的なツールのコメントに寄せられたツールを分類分けしてみました。 解説は、ほぼコメントに寄せられた内容のコピペです。 URLのみの記述は公式サイト(か、ほぼ公式サイトと化しているサイト) 公式サイトとは別に、ページタイトルだけでツールを説明しきっているページへのリンクも付けておきました。類似ページが複数ある場合は、はてブのブックマーク数が多いものを選びました。 知らないツールもあるので、分類がいいかげんなところもあると思います。何か気づいたらコメントください。 解説が不十分なツールについても、補足（コピペで本文に取り込める体裁だとありがたい）を頂けると助かります！ 元ネタの投稿は現在進
サイトに来た人のブラウザ画面をリアルタイム閲覧できる「SiteSupport」 - GIGAZINE
訪れたユーザーがページのどこをどう見て、どのように移動し、どのあたりで詰まるのか、そういった各種行動を把握するためにユーザーのデスクトップ自体をリアルタイムにリモートデスクトップっぽく見ることを可能にするというのがこの「SiteSupport」です。 SiteSupport - Remote Desktop for Web Apps http://sitesupport.com/ ブラウザのセッションを共有し、特別なソフトウェアをインストールする必要性は一切無し。JavaScriptのウィジェットをサイトに設置すればユーザーのデスクトップをリモートで見せてもらう仕組みを簡単に導入することが可能であり、APIが提供されているので自分の好きなようにカスタマイズすることも可能、全部のコネクションはSSL経由であるためセキュリティも万全です。 実際にどのような感じで動作するかというのは以下のムービ
Webサイト用のベストなプロトタイピングツールはありますか？ | yamashitakoji.com
What is the best web prototyping tool? プロトタイピングツール関係の情報を漁っていたらWhat is the best web prototyping tool?なんていうやりとりがあったので、翻訳してみました。 ツール派、アナログ派などいろいろいますねー。 回答は23人に増加！ Balsamiq MockupsとPencil Project（Swaroop C H さん） Balsamiq Mockups（商用ソフト：$79）か、Pencil Project（オープンソースのFirefoxアドオン）を試してみなよ。 返答：おお、Pencil Projectすげー！ありがとう！ ペンと紙（jpeacockさん） ペンと紙。マジで。ツールを覚える時間も要らないからデザインに時間かけられる。 最初にページのテンプレートをいくつか作っておいて、それをコピーす
複数のランダムな文字列を作成します - random string generator
任意の長さのランダムな文字列を、任意の数だけ作成するCGIです。文字列に使用する文字を、ある程度自由に選択することができます。 文字列に使用する文字は、最低でも2つ以上の文字が含まれるように選択してください。アルファベットと数字を含まず、記号も1種類だけの時はエラーになります 出現確率は1文字単位で等しくなるようになっています。例えば、アルファベット大文字すべてと数字すべてを選択した場合、「アルファベット大文字の出現確率」と「数字の出現確率」が同じになるわけではありません 乱数生成のアルゴリズムには、メルセンヌ・ツイスタ（Mersenne Twister）を使用しています ■アルファベット大文字 すべて [ABCDEF] なし ■アルファベット小文字 すべて [abcdef] なし ■数字 すべて [01234567] [01] なし ■記号 ! # $ % & * + - . / = ?
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選 - かちびと.net
Web制作時、個人的にかなり助かっ ているWebアプリやソフトウェアなど をご紹介。何度お勧めしても足りない 位、助けられています。低スキルな 自分にとっては無いと困る。そんな ツールをシェアしたいと思います。 もっと沢山あるんですが、特に利用しているものを。制作時には毎回利用しているかもしれません。基本的に無料のものを使っています。順不同。 960 grid system グリッドシステムです。ブックマークレットも含め、色々手軽なのが嬉しい。何よりグリッドレイアウトはお客さん受け良い傾向にある気がします。 960 grid system Firebug Web制作といえばFirebugですが、僕はChrome派なのでChromeエクステンションのLite版を使っています。元々、Chromeにはデベロッパーツールがありますし、FxのFirebugも使いこなせてなかったのでこれで十分。 Fi
お手軽アクセス解析サービス「Web Analyst」が永久無料化、有料版はさらにパワーアップ
せっかくGoogle Analyticsなどアクセス解析ツールを導入しても、入れただけになってしまっていて本当に「分析」ができているかよく分からない……という人は多いかと思います。これは、Google Analyticsに80種類以上のレポートがあるため、どのレポートのどの数値が売上アップに重要か判断するのが難しいためです。 以前お伝えした、EC studioの設定ほぼ不要・誰が見ても意味が分かるアクセス解析サービス「Web Analyst」では「ウェブサイトの成果」に注目、成果の達成を計測するのに特化した有料アクセス解析サービスとして登場しましたが、この「Web Analyst」が1ヶ月につき100万PVまでの解析が永久無料化、PV無制限の有料版ではレポート機能が強化されるなど、さらに使いやすいサービスに進化しました。 詳細は以下。 売上が上がる無料アクセス解析ツール｜Web Analy
要注目！HTMLからPDFを生成するPHPライブラリ·mPDF MOONGIFT
Webシステムを開発する際に問題になりやすいのが帳票やレポートの扱いだ。そのレイアウトを含めて柔軟に変更できる必要があり、それでいて開発工数を低くする必要がある。PDFはHTMLとは異なるので、柔軟なレイアウト設計を可能にするライブラリはとても貴重だ。 元HTMLファイル そう、レイアウトがHTMLと異なるのが問題なのだ。それを一緒にできれば、どれだけ幸せになれるだろう。 今回紹介するオープンソース・ソフトウェアはmPDF、HTMLからPDFを生成するソフトウェアだ。 mPDFは現状では日本語には対応していないが、UTF-8に対応しているのでフォントや設定を行えば問題なく表示できると思われる。実際アラビア語も表示できている。HTMLをテンプレートとしてPDFを生成するのが特徴だ。 PDF化されたファイル 画像や外部リンク、CSSによるレイアウト設計をある程度PDFとして実現してくれる。テー
Gitの基礎練習
バージョン管理ツールGitの基礎練習です。 Windows XPのコマンドプロンプトでGitの基本的なコマンドを動かしていきます。 Gitを学び始めるきっかけにどうぞ。 （筆者もまだGitを使いこなしているわけではありません。 誤りのご報告、改善提案などは大歓迎です。フィードバックからよろしくお願いします） 目次 はじめに ダウンロードとインストール ファイルをGitの管理下に置きましょう 新しいファイルを追加します 新しいディレクトリを追加します 編集からコミットまでの流れはこんな風に進みます ブランチを使ってみましょう ここまでの作業ログを見ましょう この文書に書かなかったこと 関連リンク 更新履歴 ぜひ、感想をお送りください はじめに Windows XPのコマンドプロンプトで、 バージョン管理ツールGitの基本的なコマンドを動かしてみましょう。 この文書の通りに実行すると、 基本的
ブラウザを選ばずWebテストを自動化するSelenium
Webアプリケーションのファンクションテストを行うツールとして注目されている「Selenium」のバージョン1.0が6月20日にリリースされました。安定性が向上するとともに、Firefox 3.0、3.5（Selenium IDEは1.0.2から、Firefox 3.5に対応）や、Internat Explorer（以下、IE） 8などの最新のWebブラウザにも対応しました。 本稿では、Selenium 1.0をベースとしたSelenium IDEとSelenium RCを利用した効果的なSeleniumの利用方法を紹介します。 Webアプリのテストで誰もがイラつく大きな課題 Webアプリケーションテストを手で行うと、非常に煩雑です。Selenium登場以前の従来のやり方では、次のような問題がありました。 回帰テストに時間がかかる バグ修正や仕様変更などで、Webアプリケーションを変更した
無料でFlashの制作環境を構築 FlashDevelopとFlex SDKのインストール | ClockMaker Blog
FlashDevelop(フラッシュ・デベロップ)というActionScriptのエディターが非常に優秀で、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることができます。 FlashDevelopはソフトの軽さと強力なコードヒント機能によってプロのFlasherから熱烈な支持を受けているエディターです。まずはコードヒント機能がどのくらい優れているか分かる90秒のライブコーディングビデオを用意しました。 FlashDevelop Code Hint Movie from clockmaker on Vimeo. コードの補間によってキータイプの量を劇的に減らせ、自動的に整形されるため見通しの良いコードが仕上がるのがおわかりになるかと思います。 では、そんな便利で高機能なFlashDevelopのインストール方法を紹介します。できる限り
GPDE Team Blog : JavaScript Memory Leak Detector
Archived MSDN and TechNet Blogs 2/7/2020 2 minutes to read MSDN and TechNet blog sites have been retired, and blog content has been migrated and archived here. Archived blogs are grouped alphabetically by the initial letter of the blog name. Blogs and blog posts can be searched by their names, using the Search box at the top of the page. Actively updated blogs have been moved to other blog sites,
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌
FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ＆ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作
ウノウラボ Unoh Labs: Ext JSをUIに使って携帯サイトのシミュレータを作ってみた
五十川です。 携帯サイトの見栄えをシミュレートするウェブアプリ作りました。と言っても、実際に作ったのはかれこれ半年以上前で、手直ししてから公開しようと思ってたら、結局「guid=ON」を付け足したくらいであとは放置だったので、さすがにいい加減晒そうと。 任意のヘッダでリクエストして、レスポンスの絵文字とか変換してサイトの見栄えを確認するというものですが、これはそもそもExt JSをいじってた頃に、Ext JSでこういうの作ればいい感じになるんじゃね？ということで、丁度2.0がリリースされた頃にデモ用に作ったものなのでした（なので、かれこれ半年以上前） 実機テストの代用になるわけでは、もちろんありませんが、絵文字も含めたマルチキャリアでの見栄えを手軽に確認したいときなどに、わりと便利に使えてたりします。 スクリーンショット 機種ごとのプリセットのヘッダグループをYAMLファイルに書いておいて
Google Maps(Local) で座標位置を取得するブックマークレット - AUSGANG SOFT
Googleローカルは、住所で検索すると、ほぼその場所に飛んでくれるので、住所から地図上の位置を割り出すのに便利です。 最近、Google Maps API を使ったものを仕事で作ってるのですが、マーカーを立てる座標を取得するのに、この機能を使おうと思ってブックマークレットを作りました。 座標を取得 Google Maps(Local) で実行すると、現在の緯度経度を表示します。 ↓直接、クリップボードに転送するようにしたもの。 座標を取得 IE専用 座標を取得 Firefox専用 リンクをツールバーにドラッグするか右クリックで「お気に入り」に登録してお使いください。 Firefox専用は to-zero.com さんのコードを使わせていただきました。 to-zero.com: Fotolifeの画像リンクタグ取得Bookmarklet http://www.to-zero.com/200
【レビュー】Webページレイアウトを「Bamboo」で記述する - クロスWebブラウザの対処法 (1) 複数のWebブラウザに対応したWebページを「Bamboo」で作る (MYCOMジャーナル)
複数のWebブラウザに対応したWebページをどう作るか 複数のWebブラウザに対応したWebページを作成する場合、どのような方法があるだろうか。例えば、デザインはすべてCSSで記述して、ブラウザごとの違いを調節するための処理はJavaScriptで行うという方法がある。これは経験と実力が必要になる方法だが、有効ではある。 また、Webページのレイアウトだけを「Bamboo」を用いて記述するという方法もある。ここでは、このBambooについて解説を行う。 Bambooの概要 「Bamboo」は、複数のブラウザに対応したWebページのレイアウトを行うためのフレームワークである。レイアウト情報を「Bambooレイアウト言語」と呼ばれる言語でXML文書として記述し、それを元に、実際にレイアウト処理を行うためのJavaScriptのコードを生成して使うという仕組みになっている。 また、「Bamboo
Subversion メモ
基本概念と特徴 リポジトリ Subversion は共有情報の一元管理システムであり、情報はリポジトリに格納される。 リポジトリは情報をファイルシステムツリー（一般的なファイルとディレクトリの階層構造）の形で保持する。 Subversion ではリポジトリの場所は URL によって表現される。 リポジトリにアクセスするための URL には以下のようなものがある。 file:/// リポジトリへの直接アクセス (ローカルディスク上) http:// Apacheサーバ への WebDAV プロトコル経由でのアクセス https:// http:// と同じだが、SSL による暗号化 svn:// svnserve サーバに対する独自 TCP/IP プロトコル経由でのアクセス svn+ssh:// svn:// と同じだが、SSH トンネルを利用する ほとんどの場合、Subversion の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
papalabs.com
bluegate.org