JavaScript でドラッグ＆ドロップで画像を切抜くことができる jsCropperUI
自作しようと思っていましたが、既に作って公開してくれている人がいました。ファイルは下記からダウンロードできます。サンプルが色々入っていますので、要点を抑えて説明させて頂きます。 DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & script.aculo.us DEfusion.org.uk » Demo » Prototype JavaScript Image Cropper UI jsCropperUI の特徴 範囲を指定することができる 指定した範囲外を再度指定することができる 一度指定した範囲を後から変更することができる Shift キーを押しながら指定で縦横1:1で範囲指定可能 縦横を固定した範囲指定も可能 tests フォルダに色々とサンプルが入っています。基本的には example-Basic.ht
Windows7 で hosts ファイルを管理するには Hosts File Manager が便利
Windows で hosts ファイルを管理するには Hosts File Manager が便利です。ただし Windows7 で動かすには「管理者として実行する」必要があります。 Hosts File Manager 管理者として実行する項目がない場合の対処方法 インストール直後、右クリックからの「管理者として実行する」項目がありませんでしたので、以下のようにして管理者として実行できるように設定をします。 「管理者としてこのプログラムを実行する」というチェックボックスがありますので、こちらにチェックを入れておけば実行時、自動的に管理者として実行されます。 管理者として Hosts File Manager を実行しなくても、一見編集することはできますが、肝心の hosts ファイルなどに変更を反映させることができませんので気をつけてください。 また Hosts File Manage
初心者Webアプリケーション開発者がチェックすべき情報源2011 - ハニーポッターの部屋
毎年恒例の診断前準備として開発者向けに、「初心者Webアプリケーション開発者がチェックすべき情報源」を集めているので、皆さんにもご紹介。他に追加した方が良い情報源があった場合はご指摘いただけると助かります。 上から重要な順。★がとりあえず読んどけ、の必須。必須のポイントは、短期間で大雑把に網羅的にポイントが整理されているもの。 徳丸本を必須に入れるか迷ったけど、あの厚さは、万人は読めないので、上位ランクだけど必須からははずした。 ★Webサイト構築 安全なウェブサイトの作り方 改訂第5版 http://www.ipa.go.jp/security/vuln/websecurity.html 携帯ウェブサイトの実装方法を追加 セキュリティ実装 チェックリスト（Excel形式、33KB） 安全なSQLの呼び出し方（全40ページ、714KB） ★発注仕様 発注者のためのWebシステム／Webアプ
初めての独自ドメインでサイトを公開できる場を超格安で作るまでの手順 | ウェブル
Web サイトを作ったこと無いけど興味がある人に WordPress でブログを書こうよと宣伝するために書きました。Web 系じゃない人もこれを機会に Web サイトを立ち上げてみましょう。 今回構築したい環境 最終的には WordPress をインストールしてブログを書きたいので以下のようなサーバーを用意します。 独自ドメインを使いたい PHP が使える（WordPress のような動的なサイトを作れます） MySQL が使える （WordPress のデータが入ります） いつかたくさん Web サイトを作りたい できるだけ格安な方が良い それを考えると CORESERVER の CORE-MINI がおすすめです。今回は VALUE-DOMAIN でドメインを取得して、CORESERVER でサーバーを契約します。ちなみにこちらからまずはアカウントを作ると私にポイントが付加されますので
Webシステム開発に便利な7つのツール
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 を使い出して、しばらく
Dropbox で同期する XAMPP ローカル環境。どこでも開発！どこでも最新！
おでこです。自宅では Windows のデスクトップマシン、出先や勉強会では MacBook Air を使っているのですが、それぞれに作っている XAMPP のローカル環境がバラバラなのがずっと不満でした。勉強会で一からローカル環境作り直したり。自宅と MBA で同じバージョンの WordPress を2回もインストールしたり。 でも、そんなこととももうおさらば！Dropbox を使って ローカル環境を同期することにしてみました。具体的な手順は以下をご覧あれ。 XAMPP のファイル構成は OS によってまったく違う 複数クライアントの XAMPP 環境の同期と聞いて、「そんなの XAMPP フォルダを Dropbox フォルダに入れて同期すれば終了だろ、JK」と思う方もいるかもしれません。XAMPP 環境を扱うクライアントがすべて同じ OS であればこの方法でも解決できますが、Windo
HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件
私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。 ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。 私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。 私自身、NetBeans IDE を使うようになってからサ
情報処理推進機構：情報セキュリティ：脆弱性対策：安全なウェブサイトの作り方
「安全なウェブサイトの作り方」は、IPAが届出(*1)を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマンド・インジェクション やクロスサイト・スクリプティング 等11種類の脆弱性を取り上げ、それぞれの脆弱性で発生しうる脅威や特に注意が必要なウェブサイトの特徴等を解説し、脆弱性の原因そのものをなくす根本的な解決策、攻撃による影響の低減を期待できる対策を示しています。 第2章では、「ウェブサイトの安全性向上のための取り組み」として、ウェブサーバの運用に関する対策やウェブサイトにおけるパスワードの取扱いに関す
JavaScriptやHTML5でデスクトップアプリケーションを開発するツール「Chromeless 0.2」リリース | OSDN Magazine
Mozilla Labsは4月29日、JavaScriptなどのWeb技術を利用してデスクトップアプリを構築する実験プロジェクト「Chromeless 0.2」を公開した。Firefox 4と同じレンダリングエンジンを利用、最新のWeb技術を利用できるという。 Chromelessは、HTML、JavaScript、CSSといったWeb技術を用いたデスクトップアプリケーションを作成するためのツールを開発する実験的プロジェクト。 Chromeless 0.2では、先にMozillaが公開していたFirefox 4と同じレンダリングエンジンを採用、「WebM」「HTML5 Parser」などの最新技術が利用でき、マルチタッチ、WebGL、コンテンツのハードウェアアクセラレーション、JavaScript 1.8.5などにも対応する。 Chromelessで作成したアプリケーションは、Chrome
＜チェック表＞WEBサービスを立ち上げるまでにやらなければならないこと - プログラマー幸福論
WEBサービスを立ち上げるまでに、やらなければならないことを自分用にまとめてみました。少人数でやっていると、いろいろやらなければならないことが多くてつい忘れてしまいがちですよね。 1) サービス名決定 サービス名とキャチフレーズだけは、最初に決定しておいた方がいいです。思いつかない場合は、TOPページのワイヤフレームを書きながら考えたりします。また、サイト名を Google などで検索してみて、ユニークな名前であるかを調べておかないと後で後悔したりします。 2) ドメイン取得／DNS反映 サービス名が決定したら、ドメインが利用可能か調べます。 最近では、.in や .me などを使った面白いドメイン名もありますよね。なるべく短く、覚えやすいドメイン名にします。 3) サーバー サービスを配置する、クラウドやレンタルサーバーなどからサーバーを選びます。 特殊なモジュールのインストールなどが必
Git Cheatsheet
stash workspace index local repository upstream repository status Displays paths that have differences between the index file and the current HEAD commit, paths that have differences between the workspace and the index file, and paths in the workspace that are not tracked by git. diff Displays the differences not added to the index. diff commit or branch View the changes you have in your workspace
PHPプロファイリングに役立つXHProfを色々便利にしてくれる「XHGui」:phpspot開発日誌
XHGui Improvements Analyzing site Performance (PDF注意) PHPプロファイリングに役立つXHProfを色々便利にしてくれる「XHGui」のご紹介。 知らない方の為に、まず、XHProfについて説明するとfacebookが作ったPHPのプロファイリングツールは、PHPアプリケーションの速度の遅い部分を探すのに便利なツールです。 プログラムのフローチャートを図にして重い部分を赤や黄色で表示してくれたりします。 テーブルでそれぞれの処理がどれだけ時間がかかったかを示してくれます。 但し、標準のXHProf の画面はなんとも味気ないものですし、１つのリクエストに対しての結果をただ表示するものでした。 XHGUI はXHProfのフォークで、 ・標準の画面をリッチにして、 ・グラフ等も付けてより分かりやすくしてくれる上に、 ・全てのリクエストの統計を
楽器を作ろう
楽器を作ろう 1 このドキュメントについて 1.1 このドキュメントのライセンス 1.2 ソースコードのライセンス 1.3 リソース 2 楽器を作ろう 第1回 ユーザーインタフェースの作成 3 「新しい」楽器 4 Soundballアプリケーション 5 画面を描画する 5.1 SoundballCharacterクラス 5.2 Ballboxクラス 5.3 Soundballクラス 5.4 SoundballSurfaceViewクラス 6 画面のタッチイベントを処理する 6.1 画面に指を置いたとき 6.2 指をドラッグしたとき 6.3 画面から指を放したとき 7 効果音を鳴らす 8 楽器を作ろう 第2回 基本的な音の生成方法
LAMP環境、自分で作りませんか？
Webアプリケーションの開発・実行環境として多くの開発者が支持するのがLAMP（Linux、Apache、MySQL、PHP/Perl/Python）です。この連載では、LAMP環境をソースコードから構築する方法を丁寧に解説していきます。（編集部） Webアプリ開発に不可欠のLAMP Webアプリケーション開発に欠かせないLAMP環境。皆さんはどのように用意していますか？ サーバの選定からはじまって、LAMPのインストールと設定、テストや運用などなど、やるべき事はたくさんありますね。悩みやトラブルは尽きないと思います。 そこで本連載では、LAMP環境の構築という観点からLAMPを攻略していきます。とりわけ環境の基礎を作る作業である、インストールから設定を中心に取り上げます。環境構築というと一般にはインフラエンジニアの範疇になると思いますが、開発環境を構築したいWebアプリケーション開発者や
ソーシャルゲームのためのデータベース設計
2. 自己紹介 MySQL/Linux周りのスペシャリスト 2006年9月から2010年8月までMySQL本家(MySQL/Sun/Oracle)で APAC/US圏のMySQLコンサルティングに従事 主な著書に「現場で使えるMySQL」「Linux-DBシステム構築/ 運用入門」「Javaデータアクセス実践講座」 DeNAでの主な役割 安定化/パフォーマンス/運用周りの中長期的な改善活動 L3サポート/運用/トラブルシューティング – 難度の高いMySQL周りの問題の根本原因の特定と解決 多くのプロジェクト支援 社内勉強会/トレーニング – MySQLやデータベース周りのベストプラクティスを社内で共有し、 技術スキルを底上げする 技術マーケティング – 国内外のカンファレンスや、技術雑誌等
JavaScript開発にalertを使っている人必見！ログ出力ライブラリ「Blackbird」 | Web活メモ帳
JavaScriptでログを表示するのに使えるライブラリ「Blackbird」のご紹介。 出力したいメッセージを指定するだけできれいに整形して表示してくれます。 例えば、以下のようなJavaScriptを実行してみます。 log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑すると、こんな感じで素敵に表示してくれちゃいます。 アイコンと色で視覚的にメッセージを区別することができるので、後から見分けるのも簡単です。 使い方 使い方は簡単で、ファイルをダウンロードした後、headタグ内でJSとCSSを読み込むだけでOKです。 <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PHPでセキュリティを真面目に考える
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
