PHPで画像を表示するの巻き(ドローン作成会と浴衣女子撮影会)

代表の鵜川です!

先週の話になりますが金沢で2つのイベントがあり参加して参りました。

一つ目は金沢工業大学白山麓キャンパスで行われたJASA(一般社団法人組込み技術協会)主催の

オープンソースソフト・オープンハードによるドローンの組み立てイベント

二つ目はBABY☆HIPS(芸能プロダクション)主催 ミニテーマパークDAN プレオープンイベント

「艶やか女子の浴衣祭り」に参加してきました。

今回は、東京よりモデル・タレント・パーソナリティ・MC等で活躍中の薙野亜衣さんが、いらっしゃったので薙野さん中心にBABY☆HIPSのスタッフ及び所属タレントさんを撮らせて頂きました。

薙野亜衣さんに付いての情報は「LOVELOVELOVE♡薙野亜衣のBlog」で!

ドローンの組み立てイベントは当社スタッフのK君が執筆していますので当社STAFFブログ「ドローン開発合宿に参加しました!」でご覧ください。また金沢エンジニアリングシステムズさんが当日の様子をYoutube で公開しています。OSSコンソーシアム AI IoT Robotics Automotive 部会として参加させて頂きました。

 

さて、BABY☆HIPSさんのイベントは現在、当社でホームページを作成依頼して頂いておりますのでカメラマンとして参加させて頂きました。

といっても私はアマチュアカメラマンで。。。 ( ^ ^ ;;;

金沢と言えば近江市場!

近江市場駐車場口近くの「一番星」さんで、金箔の乗った海鮮丼を頂きました。

場内と比較するとリーズナブルな価格とボリュームがあり大変美味しゅう御座いました!

オーナーが元トラックドライバーで日本全国を回り土地土地の美味しい食材を知り尽くしているので全て直仕入れしているので

旨い!・安い!・デリシャスでした!w

食事の後は、日本三大砂丘(現在は、埋め立てられて違うらしい…)の内灘町へ移動し撮影会開始!

ここから内灘町のボランティア観光ガイドさんがアテンドして頂き色々なお話を聞きながら

日本海側は綺麗に青空になるのが大変珍しいと言われるなか素晴らしい青空でシャッターをもの凄い数切ってました。

この写真の中に全国放映のCMに出てる方もいらっしゃいますw

夜は、今回プレオープンした「ミニテーマパークDAN」でプレオープンパーティー「金沢おでん」をつまみに楽しい一時を過ごさせて頂きました。

たくさんの笑顔を撮れて幸せな一日でした。

 

さて本日の技術ネタですが…  (綺麗な方々の写真を選ぶのが必死で書くの忘れてしまいそうでしたw)

この日は500枚以上の写真を撮ったので、これを関係者で確認してもらうのにパソコンをあまり使わない方々が多かったのでスマートフォンで確認して頂くのにマジマジHTMLでコードを書くのはちょっとなので以下のようなコードを書きました。

———————————————————————————————

<?php

$str =<<< EOT

<html> <head> <title>memory of uchinada</title> </head><body>

EOT;

    echo $str;

    $fileName = array();

    $ret = null;

    exec(‘ls /var/www/html/uchinada’, $fileName, $ret);

    $fileCnt = count($fileName);

    for($i=0; $i<$fileCnt; $i++) {

        echo ‘<a href=”‘.$fileName[$i].'” target=”_blank”><img src=”‘.$fileName[$i].'” width=”800″ height=”560″>’;

    }

    echo ‘</body></html>’;

?>


特定のディレクトリにある全ての画像を小さく表示してクリックでフルサイズで別タブで表示するという簡単なものです。

エラーハンドリングはちょっとサボっていますが… それはご勘弁!

こんな短いコードでやりたいことが実現できました!

 

HTML を含むソースは pre タグでは簡単に張り付かない事に初めて機がつきました! ( ^ ^ ;;;

次回には何かしらのプラグイン入れてもうちょっと綺麗にしますね (^^;;;;

こんな私に興味があればFacebookでほとんどの投稿公開していますので読んでみてください。
但し、お友達申請は実際にお会いした方か友人の御紹介がないとお受けしておりませんので悪しからず。
※フォローは御自由にどうぞ!


Related post

公式Facebook

公式Twitter

Return Top