もう一つのSRA東北

さぁ、はじめよう写真の整理!!~プログラミングがライフスタイルを変える?~

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

 

みなさんこんにちは。
いつも当サイトをご利用いただき、ありがとうございます。

毎度おなじみ営業戦略部の我妻裕太です。

本日は写真の整理についてコラムを投稿したいと思います。

急なご質問ですが、

撮影した写真、どんどんたまっていませんか?

一昔前まではインスタントカメラで写真を撮ることが多く、大事に一枚ずつ撮影していたものです。
当時は現像代もバカになりなりませんでした・・・(汗)

しかし、時代の進化は早いもので、最近では携帯やデジカメ、スマホなどで簡単に写真を撮影できる時代になりました。

日常的に写真を撮影するシーンもみなさん多いのではないでしょうか。
image-07

ですが、自由に写真撮影できるのはとっても便利ですが、気付いたら、写真が整理されずに・・・

この前の風景の写真はどこだっけ・・・(汗)
打ち合わせメモの写真はどこだっけ・・・(汗)
家族との思い出の写真は何年前だっけ・・・(汗)

なんてことないでしょうか。私はよくあります(汗)

大切な思い出やデータだからこそ、しっかり管理・整理しなくてはいけないのではないでしょうか。
image-18

本日はそんな写真の整理を手助けてしてくれる無料のプログラムを知る機会がありましたので、紹介させていただきます。

 

▼目次

1.よくある困りごと
2.無料で使えるプログラム「Shuffle.js」
3.利用シーン3選(デモあり)
まとめ

 

対象

本コラムでは以下の方を対象としておりますが、その他にご興味のある方がいらっしゃればぜひ参考にしてみてください。

・写真の整理に困っている方
・写真の見せ方を検討されている方
・ポートフォリオサイトのデザインを検討されている方

コンテンツのサブタイトルが「プログラミングがライフスタイルを変える?」としておりますが、私は営業なので、技術的な詳細説明は本日は割愛します(汗)

それでは、さっそく進めていきましょう。

よくある困りごと

みなさん撮影した写真はどこかに保存されていますか?

私の周りの方に聞くと大体以下の回答をいただきます。
「パソコンに保存しているよ」

もちろん私も
「パソコンに保存しています」

ですが、そのあと写真を探したりするときに結構苦労されることはないでしょうか。
以下は私のパソコンのイメージです。よく分からないですね(汗)お恥ずかしい(汗)
image-20

さらに、フォルダの中身は・・・
image-19

ファイル名だけだとちょっと・・・

では、

こんな感じで写真が探せたらいかがでしょうか。

image-03

おぉ!リッチでグラフィカル!!
私が撮影した写真ではないですが、写真のクオリティもすごい!!

画面の上部にある絞り込み用のボタンをクリックすると・・・
image-04
おぉ!写真が絞り込まれる!!

ボタンのクリックでデータが絞り込まれると目的となる写真も探しやすくなるのではないでしょうか。

撮影した写真をそのまま保存しておくだけではなく、グラフィカルに写真を見えるようにすることで探しやすかったり、新しい気づきや発見があるかもしれません。
image-22

では、ここから少しだけ見える化してくれた無料で使えるプログラム「Shuffle.js」を紹介します。

 

無料で使えるプログラム「Shuffle.js」

image-05

Shuffle.js

「Shuffle.js」は写真などの画像を絞り込んだり・並び替えたりできるプログラムです。
プログラムというと未経験の方はちょっとと思われる方もいるかと思いますが、

安心してください。

丁寧に説明してくれているサイトさんもたくさんあります。
image-23

私は営業なので、プログラムが苦手ですが、こちらのサイトで勉強させていただきました。
物は試しにということでぜひチャレンジしてみてください。

【参考サイト】
スタイリッシュなアニメーションで要素を絞り込み・ソートする「Shuffle.js」

 

では、実際にどのような場面で有効活用できるのか、身の回りでありそうなシーンを考察してみました。

利用シーン3選(デモあり)

本日は3つほど考えてみました。

・シーン1:フォトグラファーよくある?編
・シーン2:実験・研究のよくある?編
・シーン3:建築現場でよくある?編

(※)以下の例は極端な例かもしれませんので、参考としてご覧ください。

 

シーン1:フォトグラファーよくある?編

フォトグラファーの方ですとポートフォリオサイトなど運営されている方が多いかと思われます。
image-24
私もデザインの勉強の一環でよくいろいろなサイトさんを訪問しております。

その反面、ポートフォリオサイトを運営されていないフォトグラファーの方も多くいらっしゃるかと思います。
私の友人の話になってしまいますが、10年ほどフォトグラファーとして活躍している友人がいます。

友人に写真の整理の話を聞くと、ポートフォリオサイトはなく、撮影した写真は日付や関連したキーワードをフォルダ名にして管理しているそうです。

こんなイメージでしょうか。
image-08

うんうん、きれいに整頓されていますね。
撮影した写真は日付やキーワードである程度写真を探すことができるそうです。

ですが、友人に話を聞いてみると「この前の夕日の写真は・・・」など頭の中にあるイメージから写真を探すことには苦労しているそうです。

image-09

では、本日紹介する「Shuffle.js」を使うとどんな感じかみてみましょう。
まずは先ほどのフォルダのイメージです。

【Before】
image-08

きれいに整頓されていますね。
では、「Shuffle.js」を使うとどうなるでしょうか。

1、2、3

どうぞ、

【After】
image-03

おぉ!リッチでグラフィカル!!

【デモページのタイトル】
a portfolio ~Only one in the world~

【カラーコンセプト】
写真を引き立たせるために背景色には白を採用しました。
また、写真そのものの温もりを感じられるようにアクセントカラーでブラウンを採用しています。

冒頭でご覧いただいたイメージですが、日付、ファイル名ではなく、写真のイメージをメインにしたページです。

デモページの閲覧は以下のボタンをクリックしてください。

実際に動かしてみる

(※)パソコンでの閲覧を想定しているため、スマートフォンでの閲覧ですと少し小さくなります。あらかじめご了承ください。

使っている写真のクオリティが高いので(汗)、見た目もグラフィカルできれいなイメージです。
image-25

デモページでは「自然美」、「人物」、「夕日」にカテゴライズしています。
先ほどの「この前の夕日の写真は・・・」などの際も写真を探しやすいかと思います。

 

シーン2:実験・研究のよくある?編

さてさて、今度はシーンを変えまして実験など研究結果の写真の蓄積を題材にしてみます。
image-26

大学の研究者の方や学生のみなさんは実験結果の写真をたくさん撮影する機会が多いのではないでしょうか。

私も一応大学は卒業しており、学生時代は研究結果の写真をパソコンに保存することが多かったです。
こんなイメージでしょうか。
image-20

私は整理するのが苦手だったので、レポートや論文の作成時に「この前の分析結果の写真は・・・」
などがあり、夜遅くまで苦労することが多かったです。

image-10

ではでは、そんな私の過去の思い出を踏まえながら「Shuffle.js」を使うとどんな感じかみてみましょう。
まずは先ほどのフォルダのイメージです。

【Before】
image-20

いろいろと保存されていますね(汗)
では、「Shuffle.js」を使うとどうなるでしょうか。

1、2、3

どうぞ、

【After】
image-11

おぉ!クール!!

【デモページのタイトル】
THE LABORATORY ~Accumulation of research results~

【カラーコンセプト】
実験結果となる被写体が浮かび上がるように黒を背景としています。

デモページの閲覧は以下のボタンをクリックしてください。

実際に動かしてみる

(※)パソコンでの閲覧を想定しているため、スマートフォンでの閲覧ですと少し小さくなりますので、ご了承ください。

デモページでは「実験機器」、「実験風景」、「分析結果」にカテゴライズしています。
先ほどの「この前の分析結果の写真は・・・」などの際も写真を探しやすいかと思います。

 

シーン3:建築現場でよくある?編

最後のシーンですが、今度は建築の現場に焦点を当ててみたいと思います。
image-27

私は建築関係のお仕事をしている知人が多く、写真の整理についても困っている知人が多いです。

建築の現場では建築の「計画」、「設計」、「施工」などいろいろな工程を経て建物が完成します。
「施工」の現場では施工工事が適切に進んでいるかの説明資料として工事写真を撮影する機会が多いようです。

image-12

友人の話を聞いていると日付や工事現場の名前などでフォルダを作成し、管理しているそうです。

image-08

よくある困りごとは建築工事の定期的な報告資料を作成する際に写真を探すのが大変なようです。

image-13

ではでは、そのような話を踏まえながら「Shuffle.js」を使うとどんな感じかみてみましょう。
まずは先ほどのフォルダのイメージです。

【Before】
image-08

きれいに整頓されていますね。
では、「Shuffle.js」を使うとどうなるでしょうか。

1、2、3

どうぞ、

【After】
image-14

コンクリートっぽい!!

【デモページのタイトル】
THE BUILDING WORK ~Photos of the construction site!!~

【カラーコンセプト】
鉄筋コンクリートをイメージして背景色にグレーを採用しています。

デモページの閲覧は以下のリンクをクリックしてください。

実際に動かしてみる

(※)パソコンでの閲覧を想定しているため、スマートフォンでの閲覧ですと少し小さくなりますので、ご了承ください。

デモページでは「事前調査」、「基礎工事」、「建築工事」のカテゴライズとしております。
先ほどの「この前の建築工事の写真は・・・」などの際も写真を探しやすいかと思います。

まとめ

っということでいかがでしたでしょうか。

身の回りでありそうなシーンをベースに写真整理の例を紹介させていただきました。

写真はたくさんの情報を視覚的に伝達する優れた情報伝達ツールです。
image-28

撮影して終わりではなく、保存の仕方やグラフィカルに見せることにより、写真が探しやすかったり、新しい気づきや発見があるかもしれません。
image-22

写真の整理や見せ方に困っている方がいれば、ぜひ参考にしてみてください。
本日の記事の内容が少しでもお役に立てれば幸いです。

写真の整理や管理、ポートフォリオサイト、デザインなどお困りの方がいらっしゃれば、お気軽にお問い合わせください。

今回も記事をお読みいただき、ありがとうございました。
また、次回もどうぞ、よろしくお願いいたします。

2015-1224-04
株式会社SRA東北
我妻裕太

お問い合わせ窓口

弊社製品・サービス等にご興味を持っていただきありがとうございます。
ご相談/お見積り依頼などございましたら、お気軽にお問い合わせください。

 

otoiawase

お電話でのお問い合わせ

お電話でのお問合せは営業日の営業時間内に限らせていただいておりますのでご了承ください。
初めての方は「ホームページを見ました」と言っていただけるとスムーズに対応できます。
担当が外出ないし、席を外している場合は折り返しお電話差し上げます。
受付時間:営業日 月曜日~金曜日 9:00~17:30

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る