2010年03月15日14:10 カテゴリ PHPにて携帯サイト構築 リマインド 0からPHPで携帯サイトを構築した事がほぼ無かった為、結構はまってしまった。 リマインドとして記しておきます。 サイト側 SJIS プログラム UTF-8 DB UTF-8 にて構築。 ■PHPの設定 弊社のサーバでは複数のPCサイト&携帯サイトを動かしている為、簡単には php.iniの設定をいじる訳にもいかず、 ini_set('mbstring.http_input', 'SJIS'); ini_set('mbstring.http_output', 'SJIS'); ini_set('mbstring.internal_encoding', 'UTF-8'); ini_set('mbstring.detect_order', 'SJIS-win,eucJP-win,JIS,UTF-8,ASCII');
内容:「NAVERフォトエディター」は、オンラインで画像のさまざまな加工ができるサービスだ。Flashベースで動作し、Adobe Photoshopライクな高度な画像処理を手軽にできる。 ブラウザ上で画像加工ができるサービスは数多く存在するが、その中で手軽さと高機能さを兼ね備えているのが「NAVERフォトエディター」だ。Flashをベースにしており、会員登録も不要で手軽に利用できる。 操作は、前回紹介した「PHOTOX」と同様、画像をアップロードしたのち任意の操作を実行し、最終的に完成した画像をダウンロード、という順序になる。対応フォーマットはJPEG、PNGのほか、レイヤーが利用できる専用のNPE形式の3種類。最大サイズは2000×2000ピクセルで、原寸表示のほか縮小表示も可能だ。 機能については、回転、切り取り、サイズ調整、各種色補正、範囲選択、移動、変形、バケツ、ブラシ、消しゴム、
顔のニキビを一刻も早く治す効果的な方法 大事な日が控えている時に限ってできてしまうこと、ありませんか? ニキビができてしまうと、それだけで気分も落ち込み、印象も大分変わってしまいますよね? 私も最近まではチョコチョコニキビができてしまうことがありました。 最近は以下の対策をすることで、劇的にニキビに悩むことが少なくなりました。 よかったら参考にしてみてください。 【YouTube】赤ら顔を治す方法こちら 顔のニキビの原因 まずはニキビができてしまった原因を特定しましょう。 ニキビの原因は様々です。 食生活の乱れ、角質の汚れ、メイクがきちんと落とせていない。 乾燥によるニキビ、または疲れが溜まっていたり、ストレスが溜まっている場合、ホルモンのバランスが崩れている場合などが挙げられます。 自分のニキビの原因が何なのかを知ることもとても大切です。 対処法その1 原因が分かったら、その原因を排除し
Automatic Image Montage with jQuery | Codrops 並べた画像を敷き詰めて超カッコよくするjQueryサンプル。 <img>を単に並べるだけであとはブラウザの幅に応じて画像を次のように並び替えてくれちゃうデモとスクリプトのダウンロードが可能です。 画像間の調整や背景色の調整等が行えるようです。 デモページはこちら ブラウザサイズを変更しても画像を再計算して表示しなおしてくれます。 背景を黒にするとよりオシャレな感じです。 関連エントリ 異なる幅・高さの画像も超綺麗に整列させるjQueryプラグイン「Atteeeeention plugin」 ブロックサイズ内に画像を綺麗に収めるjQueryプラグイン「CJ Object Scaler」
PHPが使えるなら、大体どこのレンタルサーバーでもGDライブラリくらいは用意してる。こいつを使えば、画像のサイズ変更が簡単にできて、例えば携帯用の画像をサイズをその場で縮小して表示とか、アップロードした写真データのサムネイルファイルを一発で作成とか。 とまぁ、偉そうに言いながら実は、さっき初めて触ったばかりなんだけど(笑)、 ちょっといじってみた感触を忘れないうちにメモっておくよ。 GDを使った目的は画像の縮小。 実は前の記事でファイルのアップロードの仕方をメモったんだけど、 アップロードしたファイルの縮小ファイルを作るのにGDを使った。 んじゃまずは画像の読み込みから $file_path = "ファイルパスまたはURL"; $image = ImageCreateFromJPEG($file_path); //JPEGファイルを読み込む $image
こんにちは、martinです。日本に帰国して1年が経ちました。昨年は2月から新しい職場で働き始めたり、9月6日に第1子が生まれたりとバタバタな一年でして、まるでppBlogの開発・サポートが出来ませんでしたが、今年はなるべく時間を作ってppBlogをいじれたらと思っています。 世界中の皆さんにとって、良い年でありますように。 久しぶりのカキコ。 静的リンクでの挙動を変えています。URLのパスに日付情報などを含ませるように。まだ、いじっている段階なので、色々と不具合があるだろうけれど、まぁ気にしないと。 日付情報がある以外には、現状、PermaLink用の英数文字からなる記事タイトルを別に指定できたのですが、これはそのまま取っておくとして、そうでない場合は、記事のタイトルがそのままブラウザのアドレスバーに表示されるような感じにしてます(静的リンクが有効な場合ですが)。今時のブラウザならエンコ
Full Screen Background/Slideshow | jQuery Plugins 迫力あるフルスクリーンの背景スライドショーが実装できるjQueryプラグイン。 ブラウザのサイズに応じて画像のサイズも切り替わるというフルスクリーンのスライドショーが実現可能です。 大きめの解像度の写真を迫力そのままに出したいみたいなシチュエーションで使えるかもしれません。 フッターにサムネイルつきのナビゲーションもついてます。 実装は、各種表示用のオプションに加え、画像のデータを配列で渡してあげるだけという簡単仕様です。 関連エントリ これは新しい、回転させて切り替えるスライドショー実装jQueryプラグイン 次の画像が何なのかが分かりやすいフルスクリーンのスライドショー実装jQueryプラグイン「SuperSized」
JSだけでここまで画像編集できちゃうのが分かるツール&jQueryプラグイン「JSManipulate」 2011年08月08日- JSManipulate - Javascript Image Filters & Effects JSだけでここまで画像編集できちゃうのが分かるツール&jQueryプラグイン「JSManipulate」。 ブラウザ上で画像を瞬時に編集できちゃいます。フィルタもかなり大量にあって様々なエフェクトがかけられます。 jQueryプラグインの形で、いつでも自由にリアルタイムエフェクトをかけたりもできるみたい。 アニメーションも可能。ということで一見の価値ありです。 パラメータをいじるだけで画像編集できます。 フィルタも大量に存在。 以下、エフェクト例 jqueryのコードでいえば例えば、次のようなコードで実現できるようです。 $(element).jsManipul
html2canvas - screenshots with JavaScript JavaScriptでスクリーンショットが取れるライブラリ「html2canvas」 サーバサイドでブラウザを動かしてスクリーンショットを取るというより、利用者のブラウザ上でスクリーンショットをJavaScriptとcanvasを使って生成しちゃおうというものらしいです。 canvas非搭載ブラウザはflashcanvasやExplorerCanvas等の代替が必要とのこと。 html2canvasでレンダリングされたサンプルも見ることが出来ます。 frameやobjectのサポートはしていない点に注意。 スクリーンショットを取る仕組みをサーバに仕込むとタイムラグがあったりサーバ側は大変だったりで色々問題点を抱えていますが、クライアント側でやれば画像を受け取るだけでいいので便利です。 クライアントごとの表示
異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 2011年06月27日- Official Demo page for MyThumbnail jquery plugin 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」。 画像は普通に並べると高さやサイズも一定ではなくかといってサイズしていで縮めちゃったとしても幅は一定になりません。 このプラグインを使えば指定のサイズにまるめてくれるだけでなく、トリミングもして画像が変な方向に伸縮しないようにも調整してくれます 次のような画像を並べただけの状態があったとして。 次のように、指定したサイズに調整した上でトリミングもしてくれます(角丸はCSSで指定してます)。 HTMLは次のようにかなり単純に<a>付きの<img>を並べただけです。 <div
写真画像をブラウザいっぱいに表示し、ウェブページにフル表示の背景画像やスライドショーを設置するjQueryのプラグインを紹介します。 ドットベースのオーバーレイ用の画像が数多く用意されているので、画像にスタイリッシュなエフェクトを加えることも簡単にできます。 デモページ サムネイルをクリックすると、写真画像が変更されます。 Vegasの実装 外部スクリプト 「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="/vegas/jquery.vegas.js"></script> スタイルシート スタイルシートもあらかじめ用意されており、外部ファイルとして指定します。 <link rel="st
テキストだけじゃ見にくいので適度に画像を使ってアクセントテキストばかりの記事だと読みにくい。(逆にテキストだけのほうがいいって場合もあるかもしれませんが)。見に来てくれた人が「読みやすい」と感じてもらうためのふ画像も適度に使ったほうがいいだろうし、場合によってはスクリーンキャプチャを使うこともあるでしょう。 僕の場合はテキストだけで記事を書くことができていしまう場合でも、適度に画像を使ったり、上記のように見たらすぐわかる説明のような画像を作ることもしばしば。 基本的にはキャプチャを撮ったり、画像を作ったりしていますが、それ以外にアクセントというかイメージとして画像を使いたい時には画像サービスから探すといいかもしれません。 以下に紹介するサービスの利用に関しては各サイトをご確認ください。 フリー写真素材::Free.Stocker国内外の建物や風景写真が多くある画像サービスです。
Githubで画像の差分を見られるモードが話題を呼びましたが、このように2枚の画像の差分を調べたいときって時々ありますよね。 そんなときImageMagickのコマンドラインツールを使えば、たった1行で実現できます。 $ composite -compose difference A.jpg B.jpg diff.jpg とすれば、A.jpg と B.jpg の差分画像 diff.jpg が作られます。この差分画像は以下のようになります。 さらにこの差分画像(diff.jpg)が「真っ黒な画像」かどうかも、コマンドラインで調べることができます。 # 差分がなかった場合(=diff.jpgは黒一色の画像) $ identify -format "%[mean]" diff.jpg 0 # 差分があった場合 $ identify -format "%[mean]" diff.jpg 960.8
In this post we take a look at 23 of the best jQuery plugins that will allow you to easily build a feature-rich image gallery ( a number of plugins support various multimedia formats like video and Flash). There are a lot of technologies available for developers. Sometimes, you have a large collection of images in your website that you can make fashionable content as image sliders. . 1. jquery ima
作った。 http://search.cpan.org/dist/Image-ObjectDetect/ http://d.hatena.ne.jp/darashi/20070223/1172232765でRubyの拡張ライブラリを公開されていたので、こりゃやらなくちゃ・・・と思った次第です。すみません。 こんな感じで使えます。Imagerで顔を囲んでみた。 #!/usr/local/bin/perl use strict; use warnings; use Imager; use Image::ObjectDetect; my $file = 'picture.jpg'; my $image = Imager->new->read(file => $file); my $cascade = '/usr/local/share/opencv/haarcascades/haarcascad
Bijostagram(びじょすたぐらむ)というWebサービスを作ってみました。 Bijostagram - Cute Girls on Instagram きれいなおねいさんは、好きですか? Bijostagramとは? Bijostagramは、きれいなおねいさんの画像がたくさん眺められるサービスです(個人的に作りました)。一番の大きな特徴は、Instagramから自動的にきれいなおねいさんの画像を集めてくる、というところです。Bijostagramでは、集めてきたおねいさん画像をランダムに表示しています。 Instagramは写真版Twitterで、しかも撮影した画像をオサレな感じで加工できてツイートできるというサービス。2月末に公式のAPIが公開されたので、いじってみました。→インスタグラムのAPIについてはこちら Bijostagramは、画像抽出と画像配置のアルゴリズムをPer
データセンターには、近未来的でスマートなイメージがあります。最近は「工場萌え」が流行しているようですが、ITエンジニアなら「データセンター萌え」な感情を理解される方もきっと多いでしょう。 Flickrで公開されている写真の中から、データセンター萌えを感じさせる写真を選んでみました。クリエティブコモンズライセンスの写真ばかり選んだので、プレゼンテーションに引用するなど実用面でも役に立つはずです(ご利用前には、それぞれのライセンスを確認してください)。最後の1枚までお見逃しなく! 美しいデータセンターの写真 データセンターといえば、一直線に並んだラック群。近未来的な風景を作り出しています。 古風な外観というギャップもいい。パロアルトにあるFacebookのデータセンター。 そしてオランダにあるグーグルのデータセンターは、工場萌えにも通じる1枚。 データセンター内部も美しい マイクロソフトのBi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く