Fukuoka.php 第一回勉強会 LTスライド

YUKI YAMAGUCHI
YUKI YAMAGUCHIDesigner em Fablic
間違ってたらごめんなさい



PHPで画像処理
  のいろいろ
自己紹介
              や ま ぐ ち   ゆ う き


   @yuki930   山口 有由希

フロッグマンオフィス所属/Webデザイナー
個人のサイトもいろいろやってます。
PHP in Fukuokaで

  勉強しました
本日の流れ

✦ PHPの画像処理ライブラリ
✦ 画像処理に使えそうな関数色々
✦ 実際にやってみた
✦ まとめ
PHPの画像処理
 ライブラリ
GD



            なんか
Image      いろいろ    Imagine
          あるらしい…
Magick


         Gmagick
                   結局どれがいいの><
やりたいこと次第でー
   速度がー
   うんぬん
ソーシャルゲームな画像合成のススメ ∼ GDと
Imagickの比較とともに
http://tech.voyagegroup.com/archives/
3732640.html


PHPで行う簡単画像リサイズと速度検証
http://blog.asial.co.jp/837
とりあえず

やりたいことできればいいんで、

   私はGDにしますね!
PHPの画像処理に
 使えそうな関数
image関数で

  ググる
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
すんごいいっぱいある!!
実際に
やってみた
画像を解像度に合わせて
  リサイズさせたい
Fukuoka.php 第一回勉強会 LTスライド
画面サイズを取得し、
縦と横の比率を計算、
隙間ができないように
元画像をリサイズさせる
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
imagecreatefromjpeg
 新しい画像をファイルあるいは

    URL から作成する
imagecreatetruecolor
TrueColor イメージを新規に作成する
imagecopyresampled
   再サンプリングを行い

イメージの一部をコピー、伸縮する
Fukuoka.php 第一回勉強会 LTスライド
画像にカレンダーを
  表示させたい
カレンダー画像を

毎月作るのは大変…
祝日の判定をして
   出力する座標を計算
適切な色でテキストを打ち込めば
    一生使える!!
まず祝日の判定
祝日判定ロジックについて研究されてます

http://www.h3.dion.ne.jp/~sakatsu/

holiday_logic.htm
このあたりを参考に

 ロジックを作成
Fukuoka.php 第一回勉強会 LTスライド
imagettftext関数

 指定した位置に

 テキストを描画
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
画像の色を調べて
似た色画像検索を作りたい
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
imagecolorat
image で指定された画像上の特定位置に

あるピクセルの色のインデックスを返す
Fukuoka.php 第一回勉強会 LTスライド
が、しかし。
Fukuoka.php 第一回勉強会 LTスライド
うまくいかなかった…
ので次の作戦
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
成功したかにみえたが…
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
似た色のグループ化をしない

と青っぽい色だけでも何千色

もあって似た色探せない!
Fukuoka.php 第一回勉強会 LTスライド
Fukuoka.php 第一回勉強会 LTスライド
いろいろ実験
Fukuoka.php 第一回勉強会 LTスライド
詳しくはブログ見てね


PHOTO STOCKERに似た色が使われている画像が

簡単に検索できる機能を実装してみました!

http://blog.v-colors.com/photo-stocker-color-

search.html
Fukuoka.php 第一回勉強会 LTスライド
まとめ
アイデア次第で結構使える
image関数ありがとう!
ありがとうございました!

    @yuki930
1 de 62

Mais conteúdo relacionado

Mais procurados(20)

ProcessingについてProcessingについて
Processingについて
reona3961.4K visualizações
FireFoxによるWebデザインFireFoxによるWebデザイン
FireFoxによるWebデザイン
だいすけ ふるかわ973 visualizações
Pusherとcanvasで作るリアルタイムグラフPusherとcanvasで作るリアルタイムグラフ
Pusherとcanvasで作るリアルタイムグラフ
Ryunosuke SATO3.6K visualizações
Progcamp studygroup 100814Progcamp studygroup 100814
Progcamp studygroup 100814
Hiro Yoshioka423 visualizações
はじめてのWord pressプラグイン勉強会はじめてのWord pressプラグイン勉強会
はじめてのWord pressプラグイン勉強会
Takahiro Nakahata726 visualizações
2021 01-25 lt sho kato2021 01-25 lt sho kato
2021 01-25 lt sho kato
katosho124 visualizações
Pythonと出会ったデザイナーの話 #PyLadiesTokyoPythonと出会ったデザイナーの話 #PyLadiesTokyo
Pythonと出会ったデザイナーの話 #PyLadiesTokyo
Yumi uniq Ishizaki10.2K visualizações
Webページで学ぶJavaScript2013 第5回Webページで学ぶJavaScript2013 第5回
Webページで学ぶJavaScript2013 第5回
京大 マイコンクラブ587 visualizações
Alternative chefAlternative chef
Alternative chef
Ryuji Tsutsui1.6K visualizações
flip the chabudaiflip the chabudai
flip the chabudai
Tetsuo Mitsuda2.7K visualizações
ぼくのビルドはにゃあとなくぼくのビルドはにゃあとなく
ぼくのビルドはにゃあとなく
Tomoki YAMASHITA2.6K visualizações
プログラマのためのPC自動化プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英603 visualizações
人もブログも見た目が9割人もブログも見た目が9割
人もブログも見た目が9割
Haruna Kitakoji5.6K visualizações
Blenderアーチストに捧げる10の言葉Blenderアーチストに捧げる10の言葉
Blenderアーチストに捧げる10の言葉
Tetsuo Mitsuda4.1K visualizações
ブレンダーをDisってみるブレンダーをDisってみる
ブレンダーをDisってみる
Tetsuo Mitsuda8.3K visualizações
22
mmsyamada176 visualizações

Destaque(20)

ルビー( ´∀`)人(´∀` )ルビールビー( ´∀`)人(´∀` )ルビー
ルビー( ´∀`)人(´∀` )ルビー
Toshiaki Sasaki1.5K visualizações
WordPressテーマの作り方WordPressテーマの作り方
WordPressテーマの作り方
YUKI YAMAGUCHI2.2K visualizações
WordcampFukuoka2010プレイベントWordcampFukuoka2010プレイベント
WordcampFukuoka2010プレイベント
YUKI YAMAGUCHI914 visualizações
ProgressionのススメProgressionのススメ
Progressionのススメ
Toshiaki Sasaki1K visualizações
Osc2010fukuokaOsc2010fukuoka
Osc2010fukuoka
YUKI YAMAGUCHI766 visualizações
Abc wordsAbc words
Abc words
YUKI YAMAGUCHI2.9K visualizações
Tips of DesignTips of Design
Tips of Design
Toshiaki Sasaki2.7K visualizações
Hello Google+Hello Google+
Hello Google+
Toshiaki Sasaki1.2K visualizações
Performance up Web DesignPerformance up Web Design
Performance up Web Design
Toshiaki Sasaki1.9K visualizações
Road Map 2012Road Map 2012
Road Map 2012
YUKI YAMAGUCHI5.4K visualizações
First sassFirst sass
First sass
Toshiaki Sasaki3.6K visualizações
いろのいろいろいろのいろいろ
いろのいろいろ
sekaiya1.9K visualizações
PHPの教室「foreachを極める」PHPの教室「foreachを極める」
PHPの教室「foreachを極める」
Yusuke Ando26.5K visualizações
Sacss WordPress Special with FireworksSacss WordPress Special with Fireworks
Sacss WordPress Special with Fireworks
YUKI YAMAGUCHI1.6K visualizações
CS -Cart勉強会CS -Cart勉強会
CS -Cart勉強会
YUKI YAMAGUCHI5.8K visualizações

Fukuoka.php 第一回勉強会 LTスライド