Crop & Resize with JavaScript, PHP, and ImageMagick - Monday By Noon PHP＋ImageMagick＋JavaScriptで画像を切り抜くサンプル。 次のように、JavaScriptで領域指定→キリトリ→拡大が可能なサンプル →デモを見る １回アップロードしてしまった画像を再度加工して再利用したい場合に便利そうですね。 ダウンロードはこちら 関連エントリ 画像をサーバ側で好きなサイズにリサイズできるPHPスクリプト
PHP＋ImageMagick＋JavaScriptで画像を切り抜くサンプル:phpspot開発日誌
Crop & Resize with JavaScript, PHP, and ImageMagick - Monday By Noon PHP＋ImageMagick＋JavaScriptで画像を切り抜くサンプル。 次のように、JavaScriptで領域指定→キリトリ→拡大が可能なサンプル →デモを見る １回アップロードしてしまった画像を再度加工して再利用したい場合に便利そうですね。 ダウンロードはこちら 関連エントリ 画像をサーバ側で好きなサイズにリサイズできるPHPスクリプト
「Ajax？ 知ってますよ」と言えますか：ITpro
新人配属や異動の季節になった。この4月，あなたがもし新しい職場に配属されて，上司から「君，Ajaxって知ってる？」と聞かれたとする。そのとき，堂々と「知ってますよ」と答えられるだろうか？ このITproのサイトでは，Ajax，マッシュアップ，リッチ・クライアント，SaaSなどいわゆるWeb2.0関連の記事が一昨年ぐらいから毎日のように掲載されている。そもそもITproはこうした言葉を知っている読者を対象にしているので，ほとんどの読者は冒頭のような質問を受けても，「知ってますよ」と堂々と答えられるだろう。しかし，この春初めてITの世界に入る人の中には，「名前や概念的なことなら分かるのですが…」という人も多いのではないだろうか。 そこで今回の記者の眼では，そういう新人君にお勧めな「Ajax学習法」を考えてみた。といっても，要するに，実際に自分でちょっとしたプログラムを作って試してみるだけである
最速インターフェース研究会 :: SafariのAjaxの文字化けをクライアント側だけで対応するバッドノウハウ
SafariでXMLHttpRequestのresponseTextが文字化けするという話。 http://blog.33rpm.jp/garbled-on-safari.html 最近のバージョンだとcontent-typeがちゃんとしてれば化けなかったような記憶があるけど、まあともかくとして、Safariで文字化けするのはJavaScript側だけで対処することができたりする。 http://kawa.at.webry.info/200511/article_9.html これ読んでほんとかよ、って感じだったんだけど案外役に立った。livedoor Readerで使われてたり。 実際に使われてるコードはこんなの。 if(browser.isKHTML){ ajax.filter.add(function(t){ var esc = escape(t); return(esc.index
AJAX PICS - エイジャックス ピクス: オンライン画像編集エディター
新社会人も初めてのお給料をもらい、どう使おうか考えられている方もたくさんいらっしゃるでしょう。銀行や信用金庫などにお勤めの方とつながりがある方は、さっそく積立をすすめられたかもしれません。実際、私の職場にも積立を勧めにきた人がいました。 また私自身、別口でお金の積立を行ってます。 積立の期間や金額は条件によってバラバラではありますが、1口いくらという形が多いかと思います。 積立そのものに金利はつかないので、定期預金とは異なります。 ただある程度の期間は決まった金額を塩漬けにすることになりますから、お金の無駄遣いを避けることができます。 そういう意味で、将来的な貯金につながります。 近い将来に大きな買い物を考えていらっしゃる方には効率の良い方法かと思います。 また、お金の管理に自信のない方にとっても、無駄遣いを抑える良い方法です。 銀行さんなどが新入社員さんにまず勧めるのも、そういう意味があ
オンラインでPhotoshop級の画像加工ができる「nexImage」 - GIGAZINE
DHTMLやAJAXを使いまくったオンライン画像加工サービスです。 レイヤー機能や自動でコントラストを調整する機能などがあり、シャープやぼかし、グレースケール、ガンマ値補正、ネガポジ反転といった代表的な各種フィルタも使用可能です。切り抜き、回転、反転、リサイズ、なんでもできます。 また、ちゃんと「元に戻る」機能があり、何段階でも戻ることが可能です。これは安心。 編集するためにアップロードした画像は最後に自分のパソコンへダウンロードして保存可能。ファイル形式も幅広く、JPEG・GIF・PNG・BMP・TIF・PICT・PCX・TGA・PCD形式で保存できます。JPEGは圧縮率の指定が可能で、GIFは色数指定やディザリングの指定もできます。 というわけで、実際にデジカメで撮影した画像で「nexImage」を使ってみました。 nexImage :: The ultimate online ima
GIGAZINE - ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場
オーバーレイ効果を作り出す「Lightbox」というスクリプトの超軽量版です。 実際の例やダウンロードは以下から。 Litebox- Same great taste, less calories http://www.doknowevil.net/litebox/ 上記ページの画像をクリックするとどういう効果なのかがよく分かります。 Liteboxで使われているのがこの「moo.fx」という軽量なJavaScriptエフェクトライブラリ。 moo.fx - the next small thing http://moofx.mad4milk.net/ また、類似品としてはこんなのもあります。 GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
Google Map API で早速遊んでみた
つい昨日、『私自身、もしLonghornのベータ版で遊ぶか、Googleの新しいウェブ・サービスのベータ版で遊ぶかの選択肢を迫られたら、迷うことなく後者を選ぶ』と書いたばかりだが、偶然とは恐ろしいもので、ちょうど Google が Map API のベータ版をリリースしたことを発見した。そこで早速、遊んでみた。 会社の近所の地図を表示し、そのまわりの幾つかの場所にマーカーを付け、クリックすると説明が出るようにしたのだ。もちろん、マウスで地図をドラッグしてスクロールさせることも出来るし、Satelite ボタンを押して写真に切り替えることもできる。こんなウェブ・アプリケーションが３０分ぐらい遊んだだけで出来てしまうのだから、すばらしい時代が来たものだ。 ［追記］ 参考までにソースコードを添付。ただし、ソースコード中の "key=..." は、このブログのURL用に取得した専用の Maps A
[javascript] ページ内リンクでスムーススクロール @ ZEROBASE CAST
2009/04/28：すみません、スクリプトをメンテナンスしていないため、掲載を止めました。内容や動作の保証はできませんが、別のサイトを推薦しておきます：class指定もいらない超お手軽スムーズスクロール [Javascript,jQuery] - BlurBlue-Note →zerobase.jpのajax関連情報はこちら →当時エントリへのはてなブックマーク （掲載当時の文章を念のため載せておきます） 「ページ内リンクでスムーススクロール」するためのJavaScriptコードを配布します。ページ内リンクを使う際に、このスクリプトもあわせて使えば、訪問者に親切かもしれません。 意図 派手なエフェクトを取り入れたい。ではなくて、ページ内リンクをクリックすると、一瞬でワープするので、迷子になってしまう場合がある。それを解決する手段。 特徴 HTMLを書く際に一切意識しなくて良い。あとから
はてなブログ | 無料ブログを作成しよう
絵の超初心者ド下手くそ人間が、20日間絵を描いて感じたこと わたしは、「文の人」だ。絵を描くのは大の苦手。 そんなわたしが、ひょんなことから絵を描き始めた。 そうしたらおもしろくなって約20日間、なにがしかを描きつづけている。 未知の領域での挑戦は、発見が多い。 また、ここまで絵を描けない人間の挑戦は、あまりネッ…
PHPとAjaxでFTP機能を実現するツールの紹介:phpspot開発日誌
SourceForge.net: AjaxFTP A flexible widget to incorporate into your web 2.0 app to allow FTP access through a browser. AjaxFTP lets you browse, upload, and download files from remove servers using only Javascript and PHP. Built with customization in mind. これは凄いです。設置すると、次のようなＦＴＰログインフォームが現れます。 アカウントを入力して、「Connect」ボタンを押すと次のようにファイルツリーが表示され、エクスプローラライクに階層を辿ることが可能です。 この機能を実装するためには、次のような簡単なコードを書くだけでＯＫ。これだ
AJax : Google Maps
■Ajax : Google Mapsを表示する Ajax (Asynchronous JavaScript+XML)を使った有名なものとしてGoogle Mapsがあります。ここではGoogle Mapsで使われている技術の一部をサンプルを作成して実際に動かしてみます。 注意：現在はサーバー名やデータ方式が初期のものと異なるため動作しないサンプルがあります。説明も古いものになっています。参考までにということでお願いします。現在Google Mapsは登録すればAPIを利用して表示させたり、いろいろなことができるようになっています。（2005年11月17日午後4時11分改訂） まず、最初にGoogle Mapsを表示してみましょう。実際のスクリプトは以下のようになります。 【サンプルを実行する】 <html> <head> <title>Google Mapsのデータを表示する</titl
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
＠IT：古くて新しいAjaxの真実を見極める
では、簡単なAjaxアプリケーションを作ってみよう。ボタンを押せばサーバから取得した文字列をページに表示するものだ（ここではAjaxの基本的な動作を示すために細かいエラー処理などは行っていない）。 まず、JavaScriptでXMLHttpRequestオブジェクトを作成するコードを作る。ブラウザがIEならばActiveXオブジェクトとして、それ以外ではJavaScriptオブジェクトとして作成する。 ajax = false; // IE以外 if(window.XMLHttpRequest) { ajax = new XMLHttpRequest(); // IE用 } else if(window.ActiveXObject) { try { ajax = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { ajax = new Act
どんなに無茶をやっても「それもありかな」なAjax ― ＠IT
AjaxうきうきWatchではWebアプリのユーザビリティを改善しまくるAjax、Ajax、それはWeb2.0へと続く道とAjax界隈での動向をお伝えしている。 今回は「Backbase」という開発言語とツールや「BrowserHawk」というWebブラウザ自動判定ツール、すぐに反応が返ってくるチャット、「ConnectiveChat」をメインに今月の動向を解説する。 Backbase Ajax関係のツールやライブラリがいろいろ生まれつつあります。特に、アメリアかでは商用の製品も次々とリリースされつつあります。実は、これらの製品のサイトを見て困るのは、具体的にそれが何をしてくれるものであるのか読み取りにくいことが多いことです。Ajaxの特質として、実際に動くデモを見せるのは容易です。例えば、この製品の場合、Backbase RSS Readerというデモのリンクをたどって、RSSリーダーの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2/4 Ajax Google Mapsを自サイトに設置する [Javascript] All About![2/4 Ajax Google Mapsを自サイトに設置する [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
JavaScript++かも日記 - 1997年からの
Shift: Zoho Writer に待ちに待った機能が・・・
https://divakk.co.jp/blog/aoyagi/archive/2005/03/14/1471.aspx