PHP

PHPのgetimagesizeメソッドの使い方を現役エンジニアが解説【初心者向け】

初心者向けにPHPのgetimagesizeメソッドの使い方について解説しています。getimagesizeメソッドは、PHPで手軽に使うことが出来る画像関連の関数です。アップロードした画像の幅を変更したりして、小さくリサイズする場合などに使用することが出来ます。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　調査手法：インターネット調査

今回は、PHPのgetimagesizeメソッドの使い方について解説します。実際のコードをもとに解説していきますので、理解を深めていきましょう。

そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。

なお本記事は、TechAcademyのオンラインブートキャンプPHP/Laravel講座の内容をもとに紹介しています。

今回は、PHPに関する内容だね！

どういう内容でしょうか？

PHPのgetimagesizeメソッドの使い方について詳しく説明していくね！

お願いします！

PHPのgetimagesizeメソッドとは

PHPのgetimagesizeメソッドを利用することで、画像ファイルのサイズに関する情報を配列で取得することが可能です。具体的には、ファイルの高さと幅を表す文字列データを取得します。注意点として、画像ファイル以外のファイルを調べることも可能ですが、あくまで画像ファイルであるという前提が正しい状態での調査となります。

つまり、画像ファイルではないものをgetimagesizeで調べたとしても、意味のない配列を返すだけで、実際には画像ファイルのサイズ等の情報は調べることができないということが言えます。それは、getimagesize関数では、ファイルが画像ファイルかどうかを調べることができないことも意味しています。

getimagesizeメソッドの使い方

基本文法

getimagesize (ファイル名, ファイル情報)

解説

ファイル名には、画像ファイルのファイル名を指定します。ファイル名は必須です。ファイル情報には、拡張情報を代入したい変数を指定します。

変数とは、値を入れる箱のようなものです。ファイル情報は必須ではありません。

[PR] PHPを学んで未経験からWebエンジニアを目指す方法とは

実際に書いてみよう

ソースコード

<?php
$file = "http://techacademy.jp/tech.png";
print_r( getimagesize($file) );
?>

表示結果

Array
(
  [0] => 200
  [1] => 100
  [2] => 3
  [3] => width="200" height="100"
)

解説

<?phpでは、PHPプログラムを開始するということを宣言しています。

$file = “http://techacademy.jp/tech.png”;では、tech.pngというファイルをhttp://techacademy.jp/tech.pngから代入しています。

getimagesize($file)では、tech.pngというファイルのサイズを調べています。

print_rを利用することで、調べたファイルに関する情報を表示することが可能です。

表示結果で、

0は、画像の幅を意味します。今回は200pxです。

1は、画像の高さを意味します。今回は100pxです。

2は、画像の種類を示す数字で、1はgif、2はjpg、3はpngを意味します。

3は、imgタグ内で利用できるテキストです。今回は、幅と高さを指定する際のHTMLです。

?>の行は省略可能です。phpの処理が終了することを意味しています。

今回は、PHPのgetimagesizeメソッドの使い方について解説しました。

筆者プロフィール

中本賢吾（なかもとけんご）

アジマッチ有限会社　代表取締役社長

開発実績：PHPフレームワークを利用した会員制SNS・ネットショップ構築、AWSや専用サーバー下でLinuxを使用したセキュアな環境構築、人工知能を利用したシステム開発、店舗検索スマホアプリ開発など。

地域の職業プログラマー育成活動では、小学生がオリジナルAndroidアプリをGooglePlayでリリース、NHK Whyプログラミング入賞、全国Programing Festival入賞。ゲームで遊ぶより作ろうぜ！を合言葉に、小学生でも起業できる技術力を育成可能で有ることを証明し続けている。

内容分かりやすくて良かったです！

ゆかりちゃんも分からないことがあったら質問してね！

分かりました。ありがとうございます！

TechAcademyでは、初心者でもPHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できるオンラインブートキャンプPHP/Laravel講座を開催しています。

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

PHPで文字列を出力する方法【初心者向け】

プログラミング初心者向けに、PHPの基礎を紹介する記事です。今回は、PHPで文字列を出力する方法を解説します。なお本記事は、...

PHP

PHPのlistで一連の変数に代入する方法【初心者向け】現役エンジニアが解説

PHPのlistを使って一連の変数に代入する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。単...

PHP

Laravelでformを使う方法【初心者向け】現役エンジニアが解説

今回は、Laravel のFormを利用してフォームの作成を行っていきます。 LaravelのFormを利用することで、ブラウザ画面からフォームを利用して...

PHP

日時を取得！PHPのdatetimeクラスの書き方【初心者向け】

PHPのdatetimeクラスの書き方について解説します。日時を取得、生成する上で覚えておきたいクラスなので、書き方を理解しておきましょう。 &n...

PHP

PHPでendforeachを書く方法【初心者向け】

PHPでendforeachを書く方法について解説します。どんなシーンでendforeachを書くと便利なのか知っておくと効率よく開発が行えるはずです。...

PHP

PHPでclassを継承する方法を現役エンジニアが解説【初心者向け】

今回は、PHPでclassを継承する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 &n...

PHP

あわせてよく読まれている記事

JavaScriptでCSVファイルを読み込む方法を現役エンジニアが解説【初心者向け】

JavaScriptでファイルを読み込む方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。目次PHPのgetimagesizeメソッドとはgetimagesizeメソッドの使い方実際に書いてみよう筆者プロフィールそもそもJavaScriptについてよく分からないという方は、JavaScriptとは何なのかについて解説した記事を読むとさらに理解が深まります。田島悠介今回は、JavaScriptに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 JavaScriptでファイルを読み込む方法について詳しく説明していくね！大石ゆかりお願いします！ JavaScriptによるファイルの読み込み Webサイトでは、ファイルをアップロードすることでアプリケーションの機能を利用することがよくあります。例えばマイページがあるようなサイトで、自身のプロフィール画像を登録するために画像ファイルを登録する時には、ファイルをアップロードすることになります。本記事では、ファイルの読み込み方法と、読み込んだ後の処理の方法について、ファイルの種類別に解説していきます。実際にファイルを読み込んでみようファイルを読み込んで、JavaScriptで取得するまでの一連の手順を紹介します。 1．input要素をHTMLに記述するファイルを読み込むには、まずHTMLに要素を追加する必要があります。追加する要素はinput要素で、type属性に”file”を指定します。また、あとでJavaScriptで取得できるよう、任意のidをつけておきましょう。 <input id="upload-file" type="file"> ブラウザで確認してみると、ファイルを選択できるボタンが設置されています。「ファイルを選択」より任意のファイルを選ぶと、ブラウザ内に自動的にファイルが読み込まれます。 2．input要素をJavaScript側で取得する 1で指定したid属性の値によって、input要素を取得します。 idによる要素の取得には、document.getElementByIdを用います。 const input = document.getElementById('upload-file'); 3．ファイルの読み込みを検知するファイルを取得するには、「input要素にファイルが指定された」というイベントを検知する必要があります。ファイルのアップロードは、changeというイベント名で取得できます。 changeイベントを取得するには、addEventListenerを用いて以下のように書きます。 input.addEventListener('change', (e) => { console.log('ファイルが検知された！'); }); 1行目の後半から始まる関数は、イベントリスナの「コールバック関数」と呼ばれ、指定したイベントが発生したタイミングで実行されます。コールバック関数の関数の引数として、 e という変数が指定されていますね。引数 e は、ファイルの情報を取得するための重要な引数です。 eについて、次の項目で詳しく説明します。 4．読み込まれたファイルを取得する 3では、「ファイルが読み込まれた」という状態を検知しましたが、まだファイルの中身は取得できていません。アップロードされたファイルの情報を得るには、イベントリスナのコールバック関数の引数を利用します。 input.addEventListener('change', (e) => { console.log(e.target.files[0]); }); コールバック関数の引数（ここではe）には、発生したイベントに関する情報が入っています。そのなかで、e.target.filesは、アップロードされたファイルが配列になっています。アップロードされたファイルが1つならば、e.target.files[0]でそのファイルを取得できます。 ※複数ファイルのアップロードについては本記事の最後に紹介します。一連の処理を行ってみようそれでは、解説した1〜4の処理を実際に行ってみましょう。完成形のコードは以下の通りです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input id="upload-file" type="file"> <script> //JavaScriptの記述

JavaScript

HTMLでimageタグを使って画像を表示する方法【初心者向け】

HTMLでimageタグを使って画像を表示する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Webページに画像を表示するにはどうすれば良いのだろう文字だらけの味気ないWebページを豪華にしたい！ Webページと写真ファイルってどんな関係があるんだ？なんて皆さん、この記事を読めば、Webページで画像を出す方法が理解できます。うまく画像をつかって、おしゃれなWebページを作ってくださいね。本記事はテックアカデミーのはじめての副業コースのHTMLカリキュラムの内容をもとに解説しています。目次PHPのgetimagesizeメソッドとはgetimagesizeメソッドの使い方実際に書いてみよう筆者プロフィールそもそもHTMLの記述方法がわからない場合は、 HTMLの書き方について解説した記事を読むとさらに理解が深まります。田島悠介今回は、HTMLに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 imageタグを使って画像を表示する方法について詳しく説明していくね！大石ゆかりお願いします！【動画でも解説しています。クリックで見る！】画像を表示する方法 HTMLのimageタグを使って画像を表示するには、いくつかの属性を使い、下記のように記載します。 <img src="image.png" alt="海の写真" title="空と海"> それぞれ1つずつ確認していきましょう。 imageタグ <img … > ここには画像を表示しますよ、ということを示します。ソース属性 src=”…” ソースは、出所や源泉という意味です。表示する画像ファイルの、ファイル名やファイルの場所を示します。タイトル属性 title=”….” 画像のタイトルを指定します。オルト属性 alt=”…” オルタナティブ、代替の略です。目の不自由な方向けの読み上げWebブラウザで、画像の代替として読み上げる文章です。 Googleなどのサーチエンジンが、画像の中身を理解するのにも用いられます。では具体例をみてみましょう。表示したい画像ファイルを用意してsrc属性で指定しましょう。ここでは「空と海」というタイトルの「海の写真」の画像「image.png」を表示します。 <img src="image.png" alt="海の写真" title="空と海"> 画像が表示されました。マウスカーソルを画像に合わせると「空と海」と表示され、読み上げ機能ではalt属性で指定した「海の写真」と読み上げられます。基本的な使い方はこれだけです。大石ゆかりサイトに画像を使用すると、見栄えが良くなって文章にもメリハリが付きますね！田島悠介そうだね。文章だけの記事だと見出し(h1タグ)や段落(pタグ)で余白がちゃんとつけられていても見づらい感じがするよね。大石ゆかり src属性は、画像があるURLを記述するんですね。alt属性やtitle属性がちょっとわかりません。田島悠介 alt属性は代替テキストで検索エンジンに教えてあげたり、画像が表示されなかったときに表示されるよ。title属性は、マウスカーソルを合わせると吹き出しが出るんだよ。画像ファイルを指定する方法 HTMLで、画像を始めとする外部ファイルと連携をするときには、ファイルの場所やファイル名で、どのファイルかを指定します。この、どのファイルかを指定するための記述方法を、パス（path = 道順）と言います。 Webページを作っている各ファイルは、こちらの図のようなフォルダ構成になっていることがよくあります。このフォルダ構成を意識して、HTMLファイルにフォルダ名やファイル名を記述して道順を示していくんですね。パスの書き方には、絶対パスと相対パスの2種類あります。それぞれ詳しく説明しますね。絶対パス HTMLファイルの位置は関係なく、基準となる位置からの道順を示すのが絶対パス。市役所に行くには、駅から南に300m・・・と、基準となる場所から示す道順です。絶対パスの1つは、Webサイトの各ファイルをまとめている、おおもとのフォルダからの場所を示す方法です。今回の図では、demoというフォルダがおおもとですね。パスの記法では、先頭に置いた「 / 」スラッシュの記号をルート（根本）と呼び「おおもとのフォルダ」という意味があります。また、英単語の後に「 / 」スラッシュ記号を置くことで、フォルダ名を示します。実際にimgタグのsrcに、ルートからimage.jpgまでのパスを記述すると、このようになります。 <img src="/images/image.jpg" > 分解して翻訳すると、こんな意味ですね。「 / 」おおもとのフォルダ内の「 images/ 」images というフォルダ内の「 image.jpg 」image.jpg というファイルこの道順に沿って、HTMLは表示する画像ファイルを見つけるのです。また、すでにインターネット上に公開されている画像を指定する場合は、URLで記載することもできます。 <img src="https://techacademy.jp/sample/image.jpg" > URLを用いた記法も絶対パスの1つです。 HTMLファイルがどこにあるかは関係なく、公開されているWebサイトを基準に道順を示しているんですね。相対パスパスを記述するHTMLファイルと指定するファイルの、位置関係を意識して道順を示すのが相対パスです。市役所に行くには、ココから北に500m・・・と、今いる場所ココを基準に示す道順です。相対パスは、パスを記述するHTMLファイルとの位置関係を示す方法です。いくつかのパターンで、具体的に説明していきます。 HTMLとファイルが同階層にある場合このようなファイル構成で、index.htmlから同じフォルダ内にあるimage.jpgを指し示す方法です。パスの記法で、文頭の「 ./ 」ドットスラッシュ記号をカレント（現在位置）と呼び、パスを記述したファイルがあるフォルダを示します。 imgタグのsrcに、カレント記号を使ってからimage.jpgまでのパスを記述すると、このようになります。 <img src="./image.jpg" > また、カレント記号は省略することもできます。 <img src="image.jpg" > どちらの記法でも、記述したHTMLファイルと同じフォルダ内のimage.jpgを指し示しています。ファイルがHTMLより下のフォルダ階層にある場合次に、こちらの図のように、index.htmlの下層フォルダにあるimage.jpgを示す場合です。このパスは、今まで説明したカレントやフォルダ名のパス記法で、以下のように記述します。 <img src="./images/image.jpg" > また、カレント記号を省略すると、以下のようにも記述できますね。 <img src="images/image.jpg" > ファイルがHTMLより上のフォルダ階層にある場合最後に、index.htmlの上層フォルダにあるimage.jpgを示す場合です。パスの記法では先頭の「 ../ 」ドットドットスラッシュ記号をペアレント（親）と呼び、上位のフォルダ、親フォルダを示します。ファイルが上位のフォルダ階層にある場合のパスは、親フォルダ記号を使ってこのように記述します。 <img src="../image.jpg" > これを応用すると、下記のように複雑なパスも簡単に示すことができます。親フォルダの中にある、imagesフォルダの中にある、image.jpgを示すパスは、このように記述します。 <img src="../images/image.jpg" > パスの記号の意味が理解できると、簡単に記述することができますね。 imgタグを使って画像ファイルを表示するには、パスを記述して正しい道順を示すことがとても大事ですので、ぜひマスターしてください。 [PR] PHPを学んで未経験からWebエンジニアを目指す方法とは【応用】画像の表示スタイルを調整する画像の表示スタイルは、imgタグにCSSを指定して調整していきます。 ※CSSの書き方（記述ルール）や、HTMLとの適用方法（埋め込み方）を解説した記事を読んでおくと理解が深まります。画像の大きさを調整する imgタグにCSSを指定せずに表示すると、元々の画像サイズがそのまま表示されます。はみ出てしまったり、小さすぎたり、レイアウトが崩れてしまうので、きちんと大きさを指定したいですよね。画像サイズの幅を指定するには、width、高さを指定するにはheightというプロパティを使います。 img.image1{

HTML

【入門編】今さら聞けない！PHPとは【初心者向け】｜現役エンジニアが解説

Web開発でよく使われている「PHP」という言語を初心者向けに解説した記事です。聞いたことはあるけど、いまいちPHPが何なのかよく分からないという人は、ぜひご覧ください。これからプログラミングを始めようと思っている人にも全体像がイメージできると思います。今回の記事の内容は動画でもご覧いただけます。テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。目次 PHPとは PHPでできることサーバーとクライアントとは PHPがプログラミング初心者向きな理由 PHPの将来性やエンジニア需要基本的なPHPの書き方 PHPの基本構文 PHPを学習できるWebサービス PHPを学習できる書籍 PHPとは PHPはHTMLに埋め込むことができるため、Web開発でよく使用されるスクリプト言語です。Web開発でよく使用されるスクリプト言語に、JavaScriptがありますが、PHPとJavaScriptの大きな違いは、そのコードがどこで実行されるかにあります。 JavaScriptは、クライアントサイド（Webサイトを閲覧しているブラウザ）がコードを受け取り、そこで動作します。そのため、どのようなコードが書かれているのか、誰でも見ることができてしまいます。一方、PHPはサーバーサイドでコードを実行します。クライアントサイドはその結果のみを受け取るため、どのようなコードで導き出された結果なのか見ることができません。 PHPを実行するには、PHPがインストールされたWebサーバーが必要です。ローカルに開発環境を用意したい場合は、XAMPPを使うのが便利です。また、すぐにPHPを使用することができるレンタルサーバーもあるので、すぐに勉強を始めたいという場合は便利です。大石ゆかり田島メンター！サーバーサイドで実行されるというのは、どういうことでしょうか？田島悠介簡単に例えると、サーバーサイドが自分の家、家に訪問してくる人がクライアントサイドかな。大石ゆかりサーバーサイドは訪問してくる人を選べるってことですか？田島悠介そうそう。外から入ってくる人を選べるので、セキュリティとか、管理人しか入れない領域とかを作ることが出来るんだ。ブログ・ショッピングサイト・SNSなど。では、PHPについて見てみよう！ [PR] PHPを学んで未経験からWebエンジニアを目指す方法とはPHPでできること PHPを使うと、ひとつのページに様々な情報を反映して動的なページを作ることができます。基本的にPHPでよく使用されるのは次の３つです。 HTMLソースコードを生成する PHPを使うと、HTMLソースコードを作成することができます。すべての文章をPHPで書く必要はなく、HTMLの一部分のみPHPで生成するということができます。データベースと連携する PHPを使うとMySqlやPostgerSQLなどさまざまなデータベースと連携したWebサイトを簡単に作成することができます。ブログや掲示板などのサイトは、記事をデータベースに記録し、サイトへのアクセスがあるとPHPでその記事のデータをデータベースから読み込んで表示させています。クライアントから送信された情報を受け取る HTMLのフォームでユーザーが入力した情報をPHPを使って受け取ることができます。HTMLで作成したフォームから送信された情報を受け取って、HTMLソースに表示したり、データベースに保存したりすることができます。サーバーとクライアントとは続いてサーバーとクライアントの違いについて、SNSの代表のツイッターを題材にお話しようと思います。まず言葉的な話ですが、クライアントとは、サービスを利用しているユーザー側という意味で、逆にサーバー側とは、データなどを取り扱っているサービス提供側という意味になります。ツイッターだとスマホを使って操作しているのがクライアント側で、ツイッターの運営会社がサーバー側という事になりますね。クライアントとサーバーと何故別れているかというと、システムの機能性と安全性のためです。クライアント側の役割例えばクライアント側(JavaScript)でのプログラムの処理といえば、まず初期表示の時にどこになんの文字または画像を表示させるのかという処理など「ツイート」をクリックすると画面にコメントボックスを表示する。「DM」を押すと、DMメッセージ一覧を表示させるなどの画面側での処理などをメインで行っています。実はクライアント側のプログラムというのはユーザー側のパソコンなどスマートフォンなどに、保存されていてそのプログラムを読み込んで動いています。サーバー側の役割逆にサーバー側(PHP)では、ユーザーさんがツイートしたデータをツイッター画面から送ってもらって企業側のデータベースに格納する。他のユーザーが、最新のツイートに取得する際に新しいツイートをユーザー側に送るというデータベースに関係する処理を行います。サーバー側のプログラムはユーザーには基本非公開ですので、改ざんの余地などもありません。ですのでデータ関係の処理をサーバー側に一任しているのです。 PHPがプログラミング初心者向きな理由まずPHPが他のプログラミング言語と違って初心者向きな所は、「関数」というものが豊富にある点です。関数とは値を渡せば様々な結果が返ってくるというとても便利なものになります。関数の中でも初心者におすすめの物がarray()という関数で、これはデータを取り扱うために必要な「配列」を作る関数になります。配列とは、複数のデータを保持しておける箱のようなものです。通常配列のデータを取得する際は、この箱の何番目のデータがほしいというように指定してデータを取得しますが、PHPでは上記の関数で通常の配列とは少し違う連想配列というものを手軽に作れます。連想配列ではデータの保存場所に数字ではなく名前をつける事ができます。たとえばこの箱の「◯◯」という名前のデータをください指定するだけで、データの取得および保管などができるのです。もう一点は、型の自動変換機能があるところだと思っています。プログラミング言語には、データを取り扱う際に型というもの概念があります。例えば「1234」は数字型で「あいうえお」は文字型「2020/06/25」は日付型という扱いがあります。上記で説明した配列にもこれは当てはまります。数値の配列という形で宣言した場合、数値のデータしかいれる事ができないのです。ですので、通常のプログラミング言語では数値型に文字型のデータなどを入れるとエラーが表示されますが、文字型の1234というデータを文字ではなく数値として変換すれば代入が可能になります。これをキャストといいます。 PHPではこのキャストを指示しなくても暗黙的に行います、ですので初心者で型の事を上手く理解できていない人でもプログラムを組むことができるのです。（余談ですがこの型がプログラムで難しいところといわれている所でもあります。） PHPの将来性やエンジニア需要 PHPは世界中で利用されています。最新のGitHubの調査(2019年)によるとPHPでは第4位に人気がある言語として記録されています。 PHPが登場したのは1995年ですから、それから20年以上もの間、高い人気を保ったまま利用されていることが分かります。この人気は今後しばらくは続くことでしょう。 GitHubよりまたPHPは日本国内のソフトウェアの開発現場でも多く利用されています。求人・転職情報サイトGreenでPHPの求人を検索してみると約1200件ヒットしました(2020年6月現在)。これはフロントエンド(約780件)、Python(約760件)よりも圧倒的に多く、開発現場で最も多く利用されているJava(約1800)の次ぐらいに多い求人数です。画像出典：Green またITベンダーやシステム開発会社の新入社員研修でもPHPはJavaと並んで多く採用されています。それもやはり求人数の多さから即戦力を意識してのことと思われます。エンジニアとしてはPHPとフロントエンドの知識を持っていれば、非常に重宝される人材となりうるでしょう。基本的なPHPの書き方 PHPファイルは「.php」という拡張子をつけることで、PHPファイルであることをコンピューターが認識してくれます。（例　index.php） PHPを記述する場合、「<?php」で始まり「?>」で終わるというルールがあります。この間に書かれるスクリプトは複数行になっても大丈夫です。また、スクリプトの最後には「;」が必要です。以下が、HTMLにPHPを埋め込んだ例です。 <!DOCTYPE html> <html> <head> <title>基本的なPHPの書き方</title> </head> <body> <?php echo "HELLO WORLD"; ?>

PHP

PHPでbase64から画像ファイルを保存する方法を現役エンジニアが解説【初心者向け】

PHPでbase64から画像ファイルを保存する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。なお本記事は、TechAcademyのオンラインブートキャンプPHP/Laravel講座の内容をもとに紹介しています。田島悠介今回は、PHPに関する内容だね！大石ゆかりどういう内容でしょうか？田島悠介 PHPでbase64から画像ファイルを保存する方法について詳しく説明していくね！大石ゆかりお願いします！この記事では、PHPでbase64形式のデータを扱う方法を具体的なコードを見ながら解説していきます。目次 base64とはエンコード、デコードとは finfo_bufferメソッドとは実際に書いてみようまとめ base64とは文字列、画像、オブジェクト、ファイルなど様々なデータを64種類の英数字と記号(a-z, A-Z, 0-9, +, /)で表現したものです。元々ASCII文字のテキストしか扱えなかったメール通信で画像などのバイナリデータを扱う為にASCII文字に変換する方式として導入されました。少ない文字で表現しますので、元のデータよりも33%以上サイズが増えます。その特徴から、主にサイズの小さいデータを扱うことが多いです。 base64形式のメリット base64処理を用いるメリットとしては、画像ファイルをbase64に変換すると文字列になりますので、サーバーにデータを送信する場合などに元のバイナリデータのままよりも、処理が単純になります。また、base64エンコードされた画像はウェブページに直接埋め込むこともできます。これによって、HTTPリクエストの回数を減らす効果があります。さらに、データを保存する場合も、文字列として扱えますので、データベースのテキストフィールドにそのまま保存できます。 [PR] PHPを学んで未経験からWebエンジニアを目指す方法とはエンコード、デコードとはどちらもあるデータを異なる形式のデータに変換することを意味しますが、変換する方向が異なります。エンコードは元のデータを別の形式のデータに変換する処理を指し、デコードは変換後のデータを元の形式のデータに戻す処理を指します。 base64エンコード・デコードの場合も変換する形式がbase64である点以外は同じです。 base64エンコードがデータをbase64形式のデータに変換し、base64デコードがbase64データを元の形式のデータに変換します。 PHPによる処理 phpでは、この処理にbase64_encode関数とbase64_decode関数を使います。 $greeting = 'Hello World!'; //文字列をbase64にエンコード $encoded = base64_encode($greeting); //base64形式データをデコードして元の文字列に戻す $decoded = base64_decode($encoded); print $decoded; 実行結果 Hello World! finfo_bufferメソッドとは finfo_buffer関数を使うとバイナリデータからMIMEタイプのような情報を取得できます。例えば、finfo_bufferを使えば画像データのMIMEタイプを取得して、特定のMIMEタイプかどうか判断したり、対応する拡張子を選ぶなどが可能になります。インターネット上で送られてきたファイルやアップロードされたファイルには、拡張子のようなファイルの情報が付属するのが普通ですが、こうした情報は送信側で偽装することができます。ファイルのデータを安全に操作する為にも、実際のデータのMIMEタイプをfinfo_bufferで調べてそれを利用するのをお勧めします。 finfo_buffer関数 finfo_buffer ( resource $finfo , string $string ) この関数は、第1引数にfinfo_open() が返す fileinfo リソースを、第2引数に調べたいファイルデータを渡します。戻り値はファイルデータの情報を文字列で返します。エラーの場合は false を返します。 finfo_bufferのコード例ファイルのデータからMIMEタイプを取得するコードは次のようになります。 // ファイルデータを取得 $path = 'sample.jpg'; $data = file_get_contents($path); // まず、fileinfoリソースを作成（MIMEタイプなどのファイル情報を調べるためのデータベース） $finfo = finfo_open(FILEINFO_MIME_TYPE); //ファイルデータのMIMEタイプを取得 $mime_type = finfo_buffer($finfo, $data); // MIMEタイプを出力 print $mime_type; 実行結果 image/jpeg 実際に書いてみようこれまでの知識を使ってbase64形式の画像データを読み込んで、画像ファイルとして適切な拡張子を付けて保存するコードを実際に書いてみましょう。まずサンプルとして、カモメのjpeg画像(searbird.jpg)を使います。まず、この画像を変換してbase64形式のデータを用意します。 // ファイルのデータを取得 $file_path = 'seabird.jpg'; $data = file_get_contents($file_path); // データをbase64にエンコード $base64data = base64_encode($data); 以下のコードではbase64形式で変換した画像データ使いますが、base64形式のデータを外部から受信して処理することもあります。その場合は、HTTPリクエストで送信されたデータを取得するために、$_GETなどのグローバル変数を利用します。 base64データを画像ファイルとして保存するコード <?php // base64デコード $data = base64_decode($base64data); // finfo_bufferでMIMEタイプを取得 $finfo = finfo_open(FILEINFO_MIME_TYPE); $mime_type = finfo_buffer($finfo, $data); //MIMEタイプをキーとした拡張子の配列 $extensions = [ 'image/gif' => 'gif', 'image/jpeg' => 'jpg', 'image/png' => 'png' ]; //MIMEタイプから拡張子を選択してファイル名を作成 $filename = 'image.' . $extensions[$mime_type]; // 画像ファイルの保存 file_put_contents($filename, $data); 実行結果同じフォルダ内にimage.jpgファイルがあり、カモメの画像が保存されました。解説ここではまず、上で用意したbase64データをbase64_decode関数を使ってデコードして元の画像データに変換します。次にfinfo_buffer関数でMIMEタイプ（ここでは image/jpeg ）を取得しています。最後に image/jpeg に対応する拡張子（ jpg ）を使って画像ファイルとして保存しています。まとめこの記事では、base64エンコード・デコードの方法、finfo_bufferを使ったMIMEタイプの取得の仕方とbase64データを画像ファイルとして保存する方法を解説しました。 MIMEタイプの取得は、base64に限らずアップロードファイルを処理する際などに役に立ちますので、覚えておくとよいでしょう。筆者プロフィールメンター安野 Webアプリケーションエンジニアとして長年健診業界で業務システムの開発に従事してきました。 TechAcademyではPHP/Laravelコースを担当しています。開発実績:

PHP

簡単に変換できる！PHPでCSVファイルを読み込む方法【初心者向け】現役エンジニアが解説

PHPでCSVファイルを読み込む方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 fgetcsv関数を使ってCSVファイルを読み込めば、表計算ソフトなどからPHPにデータを取り込めます。たとえば、Excelで作った商品リストをCSVファイルで保存し、PHPで取り込めばショッピングサイトのデータとして活用できますし、Googleスプレッドシートで作成したタスクリストをCSVにしてPHPで読み込めばタスクの共有ができるアプリケーションが作成できます。このように、他のアプリで作ったCSVファイルのデータ活用するために覚えておきたい知識なので、参考にしてみてください。目次PHPのgetimagesizeメソッドとはgetimagesizeメソッドの使い方実際に書いてみよう筆者プロフィールそもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。田島悠介今回はCSVファイルをPHPで読み込む方法をやっていくよ。大石ゆかり田島メンター！その前にちょっといいですか？「CSV」って何ですか？田島悠介じゃあ、CSVとは何かを教えるね。ゆかりちゃんは表計算ソフト、例えば「Excel」とか「Google スプレッドシート」は使ったことあるかな？大石ゆかりそれならありますよ。大学時代にレポート作成でExcelを使ってましたし、仕事ではGoogle スプレッドシートを使っています。田島悠介もし、ゆかりちゃんが入力したデータをPHPのプログラムで読み込ませたいと思ったらどうしたらいいかな？大石ゆかりデータを保存したファイルをPHPで読み込めばいいんじゃないですか？ PHPってファイルの読み込みもできましたよね？田島悠介たしかに、PHPではファイルの読み込みができるんだけど、ExcelやGoogle スプレッドシートの専用ファイルはそのままでは読み込むのが難しいんだ。 PHPのファイル読み込みは、標準では文字だけで構成されたテキストファイルで作成されていることが前提だからね。大石ゆかりそうなんですね・・・。じゃあ、表計算ソフトで保存するときPHPでも読み込めるテキストファイルの形式で保存したらいいんですか？田島悠介その通り！さすがゆかりちゃん、理解が早い。そのPHPにも対応しているテキストファイルの形式の1つがCSVファイルというわけだね。大石ゆかりなるほどぉ。今Google スプレッドシートでCSVの形式にエクスポートしてみました。カンマ付きのシンプルな文字だけになるんですね。 Googleスプレッドシートの画面名前,年齢,血液型太郎,21,O ジョン,23,A ニキータ,32,AB 次郎,22,B CSVファイルの中身田島悠介そうだね。CSVファイルはカンマかタブ文字で区切られるんだ。ちなみにCSVファイルはほとんどのアプリが対応しているから、PHPなどのプログラムからの読み込みだけでなく、アプリ同士でデータをやり取りしたいときにもよく使われるよ。ただ、データの中身の文字だけしか保存されないから、罫線や文字色などの情報はなくなるけどね。大石ゆかり CSVについてはよく分かりました！今回はそのCSVファイルをPHPで読み込む方法を教えてもらえるんですね！田島悠介そういうことだね。 CSVは、読み込みと出力のそれぞれ書き方が違うから、今回は「読み込み」の方法について説明するね！大石ゆかりお願いしまーす！！ CSVファイルを読み込む関数「fgetcsv」 PHPでは、CSVファイルを読み込んで配列の形にしてくれる「fgetcsv関数」という関数があります。 fgetcsv関数を使うためには、まず対象のCSVファイルを開いておく必要があります。ファイルを開く「fopen」 CSVファイルを開くには、fopen関数を使います。 $file_handler = fopen("読み込むCSVファイルのパス", "r"); fopen関数の戻り値で、読み込んだファイルを管理している名前（ファイルハンドル）を取得します。 fopen関数の2つ目のパラメータはファイルにアクセスする形式、つまり開いたファイルの書き込みを可能にするかどうかなどのファイルをアクセスする状態を設定します。 “r“は読み取り専用、つまり書き込みしない状態でファイルを開きます。 ※もし、対象ファイルが存在しなかったりファイルのアクセス権がない場合には、fopenは失敗しwarningを発行してFALSEを戻り値として返します。 CSVファイルを1行ずつ配列で読み込む「fgetcsv」ファイルハンドルが取得できたら、fgetcsv関数でCSVファイルを1行ずつ読み込みます。 $data = fgetcsv($file_handler); 読み込まれた1行分のデータを項目（データ列）ごとに配列として戻り値で取得します。たとえば下記のようなCSVファイルなら、1回目にfgetcsv関数を呼び出したときは、1行目のデータである「名前」「年齢」「血液型」の文字列が配列に代入されます。名前,年齢,血液型太郎,21,O ・・・実際に書いてみようでは実際にプログラムを書いてみましょう。事前に、以下のように書いた「test.csv」ファイルを作成しておきます。名前,年齢,血液型太郎,21,O ジョン,23,A ニキータ,32,AB 次郎,22,B それでは、プログラムを書いてみましょう。 <?php // 読み取り専用でtest.csvを開きます。 $f = fopen("./test.csv", "r"); // test.csvの行を1行ずつ読み込みます。 while($data = fgetcsv($f)){ // 読み込んだ結果を表示します。 var_dump($data); } // test.csvを閉じます。 fclose($f); ?> 簡単にソースコードの説明をします。最初に読み取り専用でtest.csvファイルを開き、while文で1行ずつファイルを読み込みます。読み込んだ結果の配列を、var_dump関数でCSVファイル1行分のデータを表示しています。以下、実行結果です。 1行ずつ読み込まれて、配列の形になっているのがわかります。まとめ CSVファイルを読み込むときは、まずfopen関数でファイルを開きます。そして、fgetcsv関数を使って1行ずつ配列にデータを読み込みます。タブ文字で区切られたファイル大石ゆかり田島メンター、教えてもらった方法でデータをPHPで読み込もうとしたんですがうまくいきません・・・田島悠介それは、データの区切り文字が違うからだよ。 CSVはカンマ区切りだけど、別の種類でタブ区切りのファイル形式が使われることがあるんだ。大石ゆかりそうなんですね。よく見るとファイルの拡張子が.tsvになっていました。田島悠介そうだね。タブ区切りのファイルはtxtやtsvといった拡張子が使われるね。タブ区切りのファイルを読み取るにはさっきと同じfgetcsv関数が使えるけど、パラメータを指定する必要があるよ。大石ゆかりタブ区切りのファイルでも読み込めるんですね。 PHPで読み込む方法を教えてください！ fgetcsv関数でタブ区切りのファイルを読み込む fgetcsv関数でタブ区切りのファイルを読み込むには、3つ目のパラメータseparatorで区切り文字を指定します。 $data = fgetcsv($f, 0, "t") 今回はタブ区切りのファイルを読み込みたいので、区切りとしてタブ文字「t」を指定します。 ※2つ目のパラメータはlengthで、分割しない1行の最大文字数（改行文字なども含む）を指定します。0を指定するか省略すると、最大行長は制限されません。 (PHP 5.1.0以降) まとめタブ区切りのファイルをfgetcsv関数で読み込むときは、3つ目のパラメータでタブ文字 “t” を指定します。 [PR] PHPを学んで未経験からWebエンジニアを目指す方法とは空行がある場合大石ゆかり CSVファイルを読み込んだら、値が空の配列が混じっていました。田島悠介それは読み込んだCSVに空の行が入っていたからなんだ。 1行ずつ繰り返すループの中で、空行かどうか判定する式を追加するだけで解決できるよ。 CSVファイルの読み込み時に空行の判定をする CSVファイルに空の行が含まれている場合、PHPの条件式で判定を行うコードを追加すれば、余分な空っぽの値が配列に入るのを防げます。配列の1行分の要素すべてが空かどうか、配列の要素を文字列としてつなげて判定します。 1行分の配列の要素を文字列として結合するのに、implode関数を使います。空行判定のコード例配列に値があるかどうかで空行の判定をしています。 <?php // 読み取り専用でtest.csvを開きます。 $f = fopen("test.csv", "r"); // test.csvの行を1行ずつ読み込みます。 while($data = fgetcsv($f)){ // 1行分の要素すべてを文字列として結合しても空ではない、つまり空行でなければ出力します。 if(implode($data) != null){

PHP

WordPressでアイキャッチ画像を設定する方法【初心者向け】

WordPressでは、記事1つ1つにサムネイル画像（アイキャッチ画像）を設定できます。ブログの記事冒頭や記事一覧ページに配置されている、一番目を引く画像です。テックアカデミーマガジンの場合は、このように表示されています。アイキャッチ画像を設定すると、下記のメリットがあります。記事の内容がひと目で分かる記事一覧の画面でわかりやすい記事のクリック率が上昇する SNSなどでシェアされた時に目立つそこで今回は、アイキャッチ画像の設定方法について簡単にご紹介します。目次PHPのgetimagesizeメソッドとはgetimagesizeメソッドの使い方実際に書いてみよう筆者プロフィール大石ゆかり田島メンター！！記事一覧で見た時に記事ごとに画像が表示されていると思うんですけど、あれってどうやって表示するんですか〜？田島悠介アイキャッチ画像のことだね。それなら記事ごとに設定するんだけど・・・ちょっとやってみようか。大石ゆかりはい、お願いします！ Gutenberg（標準ブロックエディタ）でWordPressのアイキャッチ画像を設定する方法 WordPressバージョン5.0から、標準エディタがブロックエディタ（通称Gutenberg）に変更になっています。ここでは、ブロックエディタでアイキャッチ画像を設定する方法をご説明します。【Gutenberg】アイキャッチ画像の設定エリアを表示する Gutenbergでは、アイキャッチ画像は記事投稿画面でデフォルトで表示されています。アイキャッチ画像の右側の∨マークをクリックすると、∧マークに切り替わり、「アイキャッチ画像の設定」ボタンが表示されます。【Gutenberg】アイキャッチ画像を設定する「アイキャッチ画像の設定」ボタンをクリックします。上部の「ファイルのアップロード」タブをクリックすると、次のような画面が表示されます。「ファイルの選択」ボタンをクリックして、設定したい画像を選択しアップロードしてください。アップロードが完了したら、右下に表示される「アイキャッチ画像を設定」のボタンをクリックします。投稿画面に、設定したアイキャッチ画像が反映されます。これで設定は完了です。設定する画像を間違えた場合には、「画像の置換」ボタンをクリックし、選択し直すことができます。また、「アイキャッチ画像の削除」というテキストリンクをクリックして、設定の削除もできます。設定は右上の「下書き保存」ボタンをクリックするまで保存されませんのでご注意ください。旧エディタ（Classic Editor）でWordPressのアイキャッチ画像を設定する方法 WordPressは5.0から、標準のエディタがブロックエディタ（Gutenberg）になりました。しかし旧バージョンから使用している方は、いままでの旧エディタ（Classic Editor）のほうが使い慣れている方も多いでしょう。 Classic Editorはプラグインとして追加することで、切り替えが可能です。ここでは旧エディタ（Classic Editor）でアイキャッチ画像を設定する方法をご説明します。アイキャッチ画像は記事投稿画面で設定できるのですが、デフォルトの記事投稿場面で表示されていない場合には、以下の手順で表示させてみましょう。投稿編集画面で、右上に表示される「表示オプション▼」というボタンをクリックします。すると、投稿画面で表示されるオプションリストが表示されます。その中から「アイキャッチ画像」を探し、チェックボックスにチェックしましょう。すると、投稿画面の右サイドに、「アイキャッチ画像」のエリアができます。これでアイキャッチ画像追加の準備はできました。【旧エディタ】アイキャッチ画像を設定するアイキャッチ画像設定エリアの、「アイキャッチ画像を設定」というテキストリンクをクリックします。すると、画像追加画面が立ち上がるので、設定したい画像を選択しアップロードしてください。アップロードが完了したら、右下に表示される「アイキャッチ画像を設定」のボタンをクリックします。投稿画面に、設定したアイキャッチ画像が反映されます。間違ってアップロードしてしまった場合は、「アイキャッチ画像を削除」というテキストリンクをクリックし、またやり直せば大丈夫です。記事を公開し、どのように反映されているかを見てみましょう。これでアイキャッチ画像の設定は完了です。 [PR] PHPを学んで未経験からWebエンジニアを目指す方法とはWordPressのアイキャッチ画像が表示されないときの対処法とは大石ゆかり田島メンター！！アイキャッチ画像を設定したんですけど、表示されません…！田島悠介原因はいくつかあるから順番に対処法みていこうか。大石ゆかりお願いします！ここではWordPressのアイキャッチ画像が表示されないときの対処法をご説明します。前述した設定の通りアイキャッチ画像が保存されているのであれば、テーマの設定にアイキャッチ画像の機能を有効化する関数が設定されていない場合が考えられます。オリジナルで作成したテーマなどを利用している場合などにも、functions.phpの設定の有無でアイキャッチ画像は表示されない場合があります。 functions.php /** * アイキャッチ画像の機能を有効化 */ add_theme_support( 'post-thumbnails' ); いままで表示されていたアイキャッチ画像が表示されなくなったような場合は、プラグインの競合が起きている場合がほとんどです。このような場合は、有効化しているプラグインを順番に無効化していきます。これにより、影響をおよぼしているプラグインを特定できます。プラグインが特定できたら、しばらくそのプラグインを無効化して、次のバージョンアップなどで問題が修正されるのを待つのが方法の1つです。または代替できるようなプラグインを探して、そちらに差し替えるなどの方法があります。最後にもう一度各投稿記事を開いて、アイキャッチ画像が正しく設定できているかも確認してみましょう。 WordPressのアイキャッチ画像の最適なサイズとはアイキャッチ画像のサイズは、デフォルトでは「設定」の「メディア設定」の数値で決まります。画像はWordPressにアップロードすると、この設定によりメディアライブラリにオリジナルサイズを加えて指定されたサイズで登録されます。縦横比が上記の設定と違う場合は、以下のように横の長さを基準としてそれぞれの画像サイズで保存されます。この例では、元の画像は横620pxで縦349pxの画像です。この場合、メディア設定の大のサイズ指定よりも小さい画像なので、フルサイズはオリジナルのサイズ、中が横300pxを基準として縦横比で縮小したもの、サムネイルは横150pxを基準として中央で正方形にトリミングした画像です。 4番目の例は、「サムネイルを実寸法にトリミングする」のチェックマークをオフにした場合の画像です。この場合は、サムネイルは同じ縦横比を保ったまま縮小されます。固定または投稿ページに画像ブロックで配置した画像のサイズは、右側のプルダウンメニューから選択できます。アイキャッチ画像はSNSのOGP画像としても使われることも多いので、最適なサイズは横1200px × 縦630pxとされています。様々なSNSでの画像の表示を確認したい場合は、以下のサイトなどを利用すると便利です。 OGP画像シミュレータまとめ：アイキャッチ画像を設定して魅力的なサイトを作ろう標準のブロックエディタ、旧エディタでのアイキャッチ画像の設定方法、アイキャッチ画像が表示されない場合の対処方法、最適なアイキャッチ画像のサイズと設定や確認方法をご紹介しました。アイキャッチ画像はこのように記事の冒頭に表示されるので、テキストだけよりぐっと見た目が華やかになりましたね。アイキャッチ画像を適切に設定して、より魅力的なサイトにしていきましょう。他のカスタマイズ方法として、WordPressのウィジェット編集方法の記事もあります。大石ゆかりアイキャッチ画像があると、記事のイメージがつかめていいですね♪ 田島悠介そうだね。　アイキャッチ画像は一覧にすると特に印象に残りやすいから、必ず設定しておいたほうが良いね！大石ゆかりはい、分かりました！ WordPressを学習中の方へこれで解説は終了です、お疲れさまでした。つまずかず「効率的に」学びたい副業や転職後の「現場で使える」知識やスキルを身につけたい WordPressでのサイト制作を学習していて、このように思ったことはありませんか？テックアカデミーのWordPressコースでは、第一線で活躍する「プロのエンジニア/Webデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、WordPressを使ったオリジナルサイト構築を学べます。まずは一度、一週間の無料体験で学習の悩みや今後のキャリアについて話してみて、「現役のプロから教わること」を実感してみてください。時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします。

WordPress

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

PHPのgetimagesizeメソッドの使い方を現役エンジニアが解説【初心者向け】

PHPのgetimagesizeメソッドとは

getimagesizeメソッドの使い方

基本文法

解説

実際に書いてみよう

ソースコード

表示結果

解説

筆者プロフィール

関連するキーワード

あわせてよく読まれている記事

JavaScriptでCSVファイルを読み込む方法を現役エンジニアが解説【初心者向け】

HTMLでimageタグを使って画像を表示する方法【初心者向け】

【入門編】今さら聞けない！PHPとは【初心者向け】｜現役エンジニアが解説

PHPでbase64から画像ファイルを保存する方法を現役エンジニアが解説【初心者向け】

簡単に変換できる！PHPでCSVファイルを読み込む方法【初心者向け】現役エンジニアが解説

WordPressでアイキャッチ画像を設定する方法【初心者向け】

TechAcademyから
現役エンジニアの方へ
お知らせ

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

PHPのgetimagesizeメソッドとは

getimagesizeメソッドの使い方

基本文法

解説

実際に書いてみよう

ソースコード

表示結果

解説

筆者プロフィール

記事を検索

関連するキーワード

関連する記事

あわせてよく読まれている記事

TechAcademyから 現役エンジニアの方へ お知らせ

TechAcademyから
現役エンジニアの方へ
お知らせ