サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

備忘録。JQMでイメージギャラリーを作成する 際に参考になりそうなサンプルがありましたの でご紹介です。問題視されていた脆弱性もと りあえず修正されましたし、実践も視野に入れ てスキルを磨きたいところですね。JQMももう 少し軽くなってくれるといいんですけどね・・ いつもの個人的なメモ。jQuery Mobileでタップでポップアップするイメージギャラリーを構築するコードのサンプルです。以前ご紹介したPhotoSwipeもかなりいいですよ。 jQuery Mobile Gallery こんな感じで実装出来ます。リンクにはdata-transition=”pop”が使われており、サムネイルをタップすると画像がポップアップして拡大されます↓ 拡大した画像には見出しも付いています。 <link rel="stylesheet" href="http://code.jquery.com/mobil
ImageMagick® is a free, open-source software suite, used for editing and manipulating digital images. It can be used to create, edit, compose, or convert bitmap images, and supports a wide range of file formats, including JPEG, PNG, GIF, TIFF, and Ultra HDR. ImageMagick is widely used in industries such as web development, graphic design, and video editing, as well as in scientific research, medic
■ フォーム生成からアップロードされた画像を保存する。 プロジェクト内で画像のアップロードからリサイズ処理を見ることがあったので、 勉強がてら処理内容を追ってみました。 1.フォームの生成 2.アップロードされたファイル情報取得 3.画像の保存方法 1. フォームの生成 <form action="アクション先" method="post" enctype="multipart/form-data"> <input type="file" name="upload_file" /> <input type="submit" value="アップロード" /> </form> ※ formタグのmethodをpostに、enctype="multipart/form-data”を指定する必要があります。 2. アップロードされたファイル情報取得 アップロードされたファイルの情報は $_FIL
See related links to what you are looking for.
以前、jQuery.uploadでアップロード画像のサムネイルの作成というエントリーを書いたので、それの実装を作ってみました。アップロードする画像を選択すると、アップロードされ、それのサムネイルが表示されます。 また、ページを離れるときに画像をJavascriptで削除していますが、実際に使うときは使わない場面も多いと思いますので、その部分は適当に削除するなり、なんなりして下さい。 デモ:http://demo.torounit.com/jquery.upload/ script.js(ajaxでのアップロード等々) [js] jQuery(function($){ //送信ボタンの非表示 $(‘#submit’).hide(); //フォームの内容が変更されたとき $(‘#img’).change(function() { var preview = $(‘#preview’); //現
Ajaxを使ったメールフォームとかってやっぱり素敵ですよね。 以前仕事で写真投稿付きのフォームを作らざるを得なかったので、どうせならということでAjax化しました。 というわけでjQuery.uploadを使って写真をアップロードして、サムネイルを表示するチュートリアルです。 2011-12-03追記:デモ作りました。jQuery.uploadを使ったフォームのデモを作りました。 コード html [html] <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>upload form</title> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquer
Tip: High quality CSS thumbnails in IE7 ・Devthought 画像をCSSだけでハイクオリティに縮小サムネイル化する方法が紹介されています。 普通、IEで、img に対して、width, height 指定すると、画像が汚く縮小されちゃってましたが、CSSの指定をしちゃうとそれが解決されるということのようです。 具体的には以下のCSS指定によってそれが可能みたいです。 img { -ms-interpolation-mode: bicubic; } デモページ う〜ん、縮小してもとっても綺麗です。 FirefoxやChromeの場合は何も指定しなくても綺麗に縮小される、っていうのも知りませんでした。 これは、サーバサイドでサムネイルを生成しなくて良くなる場面が出てきて開発者としては手間の削減になりますね。 転送量を考えれば、サムネイルが完全に不要に
投稿日:2007年11月16日 レベル:初心者 ソフトウェア:- このチュートリアルでは私がAccidental Presidentのサイトで書いたサムネイル生成スクリプトに焦点を当てます。小さい画像を生成するのではなく、写真のセクションを切り取ってぼんやりしたスナップショットを作成します。また、サムネイルのサイズは変更が可能なので、それぞれのサイトの間でスクリプトを使用して異なるサイズのサムネイルを作成します。 Step1 : 変数を取得 Step2 : 変数を保存 Step3 : 画像をトリミング Step4 : サムネイルの調整 Step5 : 空白の画像を作成 Step6 : 微調整 Step6 : 完成
こんにちは、久保田です。 これまでの記事では、PHPでバイナリを扱うための基本的な事柄を扱ってきました。第一回では、PHPではバイナリをどのように扱えばいいのか、第二回では、そもそもバイナリの反対のテキストとは何か、ということについて記述しました。今回の記事では、例として実際にPHPでGIF画像をどのように解釈していくかを解説します。 バイナリを扱うコードを書く際の手順 ではGIF画像をPHPで扱う前に、まずは一般的にバイナリを扱うコードを書く際の手順の例を以下に大雑把に示します。 1. フォーマットに関する資料を集める 2. 資料からフォーマットを理解する 3. プログラミング言語で実際に扱ってみる バイナリファイルはその種類によって各々が違ったフォーマットを持っています。GIF画像とPNG画像にしても同じ画像ですが、当然ながら内部のフォーマットは全く違います。従って、自分がこれから扱い
画像形式を変換したり画質の変更をしたときに「思っていたよりも画質が悪かった」「ファイルサイズがぜんぜん小さくなっていない」と期待外れな結果が出て、しょうがないのでやり直しをするハメになったことがある人は多いと思いますが、そんな二度手間をなくしてくれるのがこのフリーソフト「RIOT」です。 プレビューをリアルタイムで確認しながら画像変換ができるので、画質は落とさないように、ファイルサイズはできるだけ小さく、というのを簡単な操作で実現しています。扱える画像形式は「JPEG」「GIF」「PNG」の3種類。 デフォルトでの使用言語は英語ですが日本語化することもでき、Windows 2000/XP/Vista/7の32ビット版およびXP/Vista/7の64ビット版に対応しています。 日本語化や実際の使い方などの詳細は以下から。RIOT - Radical Image Optimization To
クリスマスが近づき、Twitterアイコンに赤いサンタ帽をかぶらせている人が増えている。多くの人が、アイコンを簡単に装飾できるサービス「Twibbon」を利用しているようだ。 Twibbonは、イラストや写真、ロゴなどのアイコン素材を投稿し、「みんなアイコンに同じ画像を付けて○○を主張しよう」など呼び掛けられるサービス。呼び掛けに賛同する人がアイコンを変えることで、主張を広められるというわけだ。 Twitterで共有するための装飾アイコン置き場の役割も果たしており、季節に合ったアイテムもアップされている。12月2日現在、サンタ帽の写真やイラストなど4種類がアップされており、自分のアイコンに合うサンタ帽を選んでクリスマス気分を高められる。 TwitterとはAPIで連携、ログインして重ねたい画像を選べば自動でアイコンに画像を重ねてTwitterに表示できる。 関連記事 Twibbon Twi
「携帯百景」向け写真投稿iPhoneアプリ『投稿百景』 S21G(エスツーワンジー)はこのほど、コミュニティサービス「携帯百景」を運営する16Lensと共同で開発した、同サービス向け写真投稿iPhoneアプリ『投稿百景』をAppStoreで提供開始したと発表した。 S21Gでは今回、「投稿百景」を提供することにより、「iPhoneからより手軽に携帯百景に写真をアップロードでき、さらにTwitterに投稿ができることを目指した」としている。 投稿百景では、写真を好きなサイズにリサイズして投稿が可能。罫線絵文字キーボード(タイトル入力時)やコマンド入力画面なども提供、「携帯百景への投稿をより簡単に楽しむことができる」(S21G)という。 利用するには、携帯百景の投稿アドレス、送信用メールアカウント情報が必要となっている。
デジタルガレージの子会社、DGモバイルはこのほど、Twitterにつぶやきと動画、画像を同時に投稿できるサービス「twitvideo」をスタートした。PCと携帯電話両対応。 PCサイトでは、Twitterのアカウントでログインし、ローカルにある画像や動画ファイル選択。つぶやきを入力して投稿ボタンを押せば、画像・動画にリンクするURL付きつぶやきを、Twitterに投稿できる。携帯からはメールに画像や動画を添付して投稿する。 投稿した内容は、twitvideo上では動画・静止画のサムネイル付きつぶやきとして新しい順に表示され、サムネイルをクリックすれば、動画や画像を見られる。 対応するファイル形式は、動画がAVI/MOV/MPEG/WMV/3GP形式などで、静止画はJPEG/GIF/PNG。PCからは、20Mバイトまでの動画と10Mバイトまでの静止画を、携帯電話からは10Mバイトまでの動画と
北京オリンピック 富田さんありがとうございます 阿部さんありがとうございます 武田さんありがとうございます 日清シスコ レイモンドラブロック 夫の注文だけど 正面奥の山の斜面の灯りは箱根湯本? どこからともなくイヤな揺れ メロディ ボンボンショコラメロディ アサヒ生ビール黒生 クルミ まろやかチョコレート 馬道駅 whitebeer worldcraft ワールドクラフト 無濾過ホワイトビール 筧尚鏡 ソシソンショコラ ソシソンメープルショコラ オーバーホール もみじじゃないよカエデだよ 納豆ダブル玉子ダブル コメダのまわし者ではない コメダ特製 小倉あん 香辛料 まだまだ続くよピスタチオ もっと見る おはよう 月曜日 moonlight イマツキ お月さま moon sky 空 イマソラ sunny ohayo 青空 晴天 晴れ 月 BlueSky GoodMorning フィギュアスケ
ケータイで撮影した写真に手書き風の文字を書き込んで簡単に投稿できるwebサービス「携帯百景」。個人でこのサービスをスタートさせたフリーランスのエンジニア、kimzoさんが、「ぼくとうさぎの1人と1匹で運営する」会社を作ったと自身のブログで発表しました。 そーいや会社つくったりした - 妖精ホルモン 携帯百景には写真をメールに添付して送信すると投稿できるのですが、メール本文に文字を書くと、その文字が手書き風のフォントで写真に書き込まれた状態で表示されます。メールの件名に「下」「右」「左」などのコマンドを書いておけば、それぞれ写真の文字が「下詰め」「縦書き」「左詰め・縦書き」となって投稿されるほか、文字の色やサイズも変更可能。携帯百景は、今後kimzoさんが設立した会社のサービスとして運営されるそうです。 ブックマークのコメントには、会社設立を祝う声が寄せられているほか、携帯百景ユーザーの間で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く