Submit Search
Upload
Fukuoka.php 第一回勉強会 LTスライド
•
5 likes
•
1,403 views
YUKI YAMAGUCHI
Follow
PHPでやった画像処理のいろいろのお話です。間違っていたらごめんなさい…!
Read less
Read more
Report
Share
Report
Share
1 of 62
Download now
Download to read offline
Recommended
絵描きさんあるあるPhotoshop技 DIST3
絵描きさんあるあるPhotoshop技 DIST3
Yumi uniq Ishizaki
Web frontend performance tuning
Web frontend performance tuning
ssuser3c214d
NUTハッカソン2014成果報告
NUTハッカソン2014成果報告
Joe_noh
Cake assets plugin in PHP Matsuri 2012
Cake assets plugin in PHP Matsuri 2012
Hirohide Sano
デザイナーさんでもできる Browsersync からはじめる作業効率化
デザイナーさんでもできる Browsersync からはじめる作業効率化
Kumiko SHIMIZU
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
Kumiko SHIMIZU
Pinoco phptal-phpcon-kansai
Pinoco phptal-phpcon-kansai
Hisateru Tanaka
p5.js について
p5.js について
reona396
Recommended
絵描きさんあるあるPhotoshop技 DIST3
絵描きさんあるあるPhotoshop技 DIST3
Yumi uniq Ishizaki
Web frontend performance tuning
Web frontend performance tuning
ssuser3c214d
NUTハッカソン2014成果報告
NUTハッカソン2014成果報告
Joe_noh
Cake assets plugin in PHP Matsuri 2012
Cake assets plugin in PHP Matsuri 2012
Hirohide Sano
デザイナーさんでもできる Browsersync からはじめる作業効率化
デザイナーさんでもできる Browsersync からはじめる作業効率化
Kumiko SHIMIZU
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
デザイナーさんでもできる Browsersync からはじめる作業効率化・春
Kumiko SHIMIZU
Pinoco phptal-phpcon-kansai
Pinoco phptal-phpcon-kansai
Hisateru Tanaka
p5.js について
p5.js について
reona396
Processingについて
Processingについて
reona396
ソースコードをAAに変換するやつやってみた
ソースコードをAAに変換するやつやってみた
Takahashi Koki
FireFoxによるWebデザイン
FireFoxによるWebデザイン
だいすけ ふるかわ
Pusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフ
Ryunosuke SATO
今から始めるPhotoshopによるWeb制作-初期設定編
今から始めるPhotoshopによるWeb制作-初期設定編
regret raym
20150717 これからプログラミングを勉強する人へ
20150717 これからプログラミングを勉強する人へ
SEED310
Progcamp studygroup 100814
Progcamp studygroup 100814
Hiro Yoshioka
Angular js meets cakephp at cloud on the beach 2014 前夜祭
Angular js meets cakephp at cloud on the beach 2014 前夜祭
司 知花
はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
Takahiro Nakahata
2021 01-25 lt sho kato
2021 01-25 lt sho kato
katosho1
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
Yumi uniq Ishizaki
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
Alternative chef
Alternative chef
Ryuji Tsutsui
flip the chabudai
flip the chabudai
Tetsuo Mitsuda
ぼくのビルドはにゃあとなく
ぼくのビルドはにゃあとなく
Tomoki YAMASHITA
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
人もブログも見た目が9割
人もブログも見た目が9割
Haruna Kitakoji
Blenderアーチストに捧げる10の言葉
Blenderアーチストに捧げる10の言葉
Tetsuo Mitsuda
ブレンダーをDisってみる
ブレンダーをDisってみる
Tetsuo Mitsuda
2
2
mmsyamada
ルビー( ´∀`)人(´∀` )ルビー
ルビー( ´∀`)人(´∀` )ルビー
Toshiaki Sasaki
WordPressテーマの作り方
WordPressテーマの作り方
YUKI YAMAGUCHI
More Related Content
What's hot
Processingについて
Processingについて
reona396
ソースコードをAAに変換するやつやってみた
ソースコードをAAに変換するやつやってみた
Takahashi Koki
FireFoxによるWebデザイン
FireFoxによるWebデザイン
だいすけ ふるかわ
Pusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフ
Ryunosuke SATO
今から始めるPhotoshopによるWeb制作-初期設定編
今から始めるPhotoshopによるWeb制作-初期設定編
regret raym
20150717 これからプログラミングを勉強する人へ
20150717 これからプログラミングを勉強する人へ
SEED310
Progcamp studygroup 100814
Progcamp studygroup 100814
Hiro Yoshioka
Angular js meets cakephp at cloud on the beach 2014 前夜祭
Angular js meets cakephp at cloud on the beach 2014 前夜祭
司 知花
はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
Takahiro Nakahata
2021 01-25 lt sho kato
2021 01-25 lt sho kato
katosho1
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
Yumi uniq Ishizaki
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ
Alternative chef
Alternative chef
Ryuji Tsutsui
flip the chabudai
flip the chabudai
Tetsuo Mitsuda
ぼくのビルドはにゃあとなく
ぼくのビルドはにゃあとなく
Tomoki YAMASHITA
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
人もブログも見た目が9割
人もブログも見た目が9割
Haruna Kitakoji
Blenderアーチストに捧げる10の言葉
Blenderアーチストに捧げる10の言葉
Tetsuo Mitsuda
ブレンダーをDisってみる
ブレンダーをDisってみる
Tetsuo Mitsuda
2
2
mmsyamada
What's hot
(20)
Processingについて
Processingについて
ソースコードをAAに変換するやつやってみた
ソースコードをAAに変換するやつやってみた
FireFoxによるWebデザイン
FireFoxによるWebデザイン
Pusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフ
今から始めるPhotoshopによるWeb制作-初期設定編
今から始めるPhotoshopによるWeb制作-初期設定編
20150717 これからプログラミングを勉強する人へ
20150717 これからプログラミングを勉強する人へ
Progcamp studygroup 100814
Progcamp studygroup 100814
Angular js meets cakephp at cloud on the beach 2014 前夜祭
Angular js meets cakephp at cloud on the beach 2014 前夜祭
はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
2021 01-25 lt sho kato
2021 01-25 lt sho kato
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
Alternative chef
Alternative chef
flip the chabudai
flip the chabudai
ぼくのビルドはにゃあとなく
ぼくのビルドはにゃあとなく
プログラマのためのPC自動化
プログラマのためのPC自動化
人もブログも見た目が9割
人もブログも見た目が9割
Blenderアーチストに捧げる10の言葉
Blenderアーチストに捧げる10の言葉
ブレンダーをDisってみる
ブレンダーをDisってみる
2
2
Viewers also liked
ルビー( ´∀`)人(´∀` )ルビー
ルビー( ´∀`)人(´∀` )ルビー
Toshiaki Sasaki
WordPressテーマの作り方
WordPressテーマの作り方
YUKI YAMAGUCHI
WordcampFukuoka2010プレイベント
WordcampFukuoka2010プレイベント
YUKI YAMAGUCHI
Progressionのススメ
Progressionのススメ
Toshiaki Sasaki
デザイナー視点のWordPress WordCrub Fukui 2011.1.29
デザイナー視点のWordPress WordCrub Fukui 2011.1.29
Toshiaki Sasaki
Osc2010fukuoka
Osc2010fukuoka
YUKI YAMAGUCHI
WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう!
WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう!
YUKI YAMAGUCHI
Abc words
Abc words
YUKI YAMAGUCHI
Tips of Design
Tips of Design
Toshiaki Sasaki
Hello Google+
Hello Google+
Toshiaki Sasaki
Performance up Web Design
Performance up Web Design
Toshiaki Sasaki
サンタクロースを支えるIT技術 @M_Ishikawa #yapcasia
サンタクロースを支えるIT技術 @M_Ishikawa #yapcasia
Masayuki Ishikawa
Road Map 2012
Road Map 2012
YUKI YAMAGUCHI
First sass
First sass
Toshiaki Sasaki
WordPressでサイト作成するときに知っておくといいことあれこれ
WordPressでサイト作成するときに知っておくといいことあれこれ
YUKI YAMAGUCHI
ノンデザイナーでもグラフを見やすくする6つのコツ
ノンデザイナーでもグラフを見やすくする6つのコツ
Sho Hamano
いろのいろいろ
いろのいろいろ
sekaiya
PHPの教室「foreachを極める」
PHPの教室「foreachを極める」
Yusuke Ando
Sacss WordPress Special with Fireworks
Sacss WordPress Special with Fireworks
YUKI YAMAGUCHI
CS -Cart勉強会
CS -Cart勉強会
YUKI YAMAGUCHI
Viewers also liked
(20)
ルビー( ´∀`)人(´∀` )ルビー
ルビー( ´∀`)人(´∀` )ルビー
WordPressテーマの作り方
WordPressテーマの作り方
WordcampFukuoka2010プレイベント
WordcampFukuoka2010プレイベント
Progressionのススメ
Progressionのススメ
デザイナー視点のWordPress WordCrub Fukui 2011.1.29
デザイナー視点のWordPress WordCrub Fukui 2011.1.29
Osc2010fukuoka
Osc2010fukuoka
WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう!
WordCamp Tokyo 2012 画像のアップロード&アイキャッチ画像をしっかり理解しよう!
Abc words
Abc words
Tips of Design
Tips of Design
Hello Google+
Hello Google+
Performance up Web Design
Performance up Web Design
サンタクロースを支えるIT技術 @M_Ishikawa #yapcasia
サンタクロースを支えるIT技術 @M_Ishikawa #yapcasia
Road Map 2012
Road Map 2012
First sass
First sass
WordPressでサイト作成するときに知っておくといいことあれこれ
WordPressでサイト作成するときに知っておくといいことあれこれ
ノンデザイナーでもグラフを見やすくする6つのコツ
ノンデザイナーでもグラフを見やすくする6つのコツ
いろのいろいろ
いろのいろいろ
PHPの教室「foreachを極める」
PHPの教室「foreachを極める」
Sacss WordPress Special with Fireworks
Sacss WordPress Special with Fireworks
CS -Cart勉強会
CS -Cart勉強会
Fukuoka.php 第一回勉強会 LTスライド
1.
間違ってたらごめんなさい PHPで画像処理 のいろいろ
2.
自己紹介
や ま ぐ ち ゆ う き @yuki930 山口 有由希 フロッグマンオフィス所属/Webデザイナー
3.
個人のサイトもいろいろやってます。
4.
PHP in Fukuokaで
勉強しました
5.
本日の流れ ✦ PHPの画像処理ライブラリ ✦ 画像処理に使えそうな関数色々 ✦
実際にやってみた ✦ まとめ
6.
PHPの画像処理 ライブラリ
7.
GD
なんか Image いろいろ Imagine あるらしい… Magick Gmagick 結局どれがいいの><
8.
やりたいこと次第でー
速度がー うんぬん
9.
ソーシャルゲームな画像合成のススメ ∼ GDと Imagickの比較とともに http://tech.voyagegroup.com/archives/ 3732640.html PHPで行う簡単画像リサイズと速度検証 http://blog.asial.co.jp/837
10.
とりあえず やりたいことできればいいんで、
私はGDにしますね!
11.
PHPの画像処理に 使えそうな関数
12.
image関数で ググる
13.
14.
15.
16.
17.
18.
すんごいいっぱいある!!
19.
実際に やってみた
20.
画像を解像度に合わせて リサイズさせたい
21.
22.
画面サイズを取得し、 縦と横の比率を計算、 隙間ができないように 元画像をリサイズさせる
23.
24.
25.
imagecreatefromjpeg 新しい画像をファイルあるいは
URL から作成する
26.
imagecreatetruecolor TrueColor イメージを新規に作成する
27.
imagecopyresampled
再サンプリングを行い イメージの一部をコピー、伸縮する
28.
29.
画像にカレンダーを 表示させたい
30.
カレンダー画像を 毎月作るのは大変…
31.
祝日の判定をして
出力する座標を計算 適切な色でテキストを打ち込めば 一生使える!!
32.
まず祝日の判定
33.
祝日判定ロジックについて研究されてます http://www.h3.dion.ne.jp/~sakatsu/ holiday_logic.htm
34.
このあたりを参考に ロジックを作成
35.
36.
imagettftext関数 指定した位置に テキストを描画
37.
38.
39.
画像の色を調べて 似た色画像検索を作りたい
40.
41.
42.
imagecolorat image で指定された画像上の特定位置に あるピクセルの色のインデックスを返す
43.
44.
が、しかし。
45.
46.
うまくいかなかった…
47.
ので次の作戦
48.
49.
50.
成功したかにみえたが…
51.
52.
53.
似た色のグループ化をしない と青っぽい色だけでも何千色 もあって似た色探せない!
54.
55.
56.
いろいろ実験
57.
58.
詳しくはブログ見てね PHOTO STOCKERに似た色が使われている画像が 簡単に検索できる機能を実装してみました! http://blog.v-colors.com/photo-stocker-color- search.html
59.
60.
まとめ
61.
アイデア次第で結構使える image関数ありがとう!
62.
ありがとうございました!
@yuki930
Download now