TechAcademy（テックアカデミー） プログラミング メルカリCTO 名村卓｜パソコン1台で、10億人の人生を変えられるかもしれない
プログラミング

メルカリCTO 名村卓｜パソコン1台で、10億人の人生を変えられるかもしれない

「誰から、何を、学ぶべきなのか。」を業界トップの現役エンジニアから聞く「MASTER OF ENGINEER」。 今回は、日本を代表するインターネット企業であるメルカリでCTOを務め、現在はグループ会社ソウゾウCTOとして活躍する名村卓氏へのインタビューです。

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

「誰から、何を、学ぶべきなのか。」を業界トップの現役エンジニアから聞く「MASTER OF ENGINEER」。

今回は、日本を代表するインターネット企業であるメルカリでCTOを務め、現在はグループ会社ソウゾウCTOとして活躍する名村卓氏へのインタビューです。

※肩書き等はインタビュー当時の内容となります

インタビュー全編はこちらから！

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学していて、このように感じた経験はないでしょうか？

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう 厳しい試験を通過した講師 があなたの相談に真摯に向き合います。

「ただ気になることを相談したい」
「漠然としているがプロの話を聞いてみたい」
こんな気持ちでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）

今なら参加者限定の割引特典付き！ 無料相談を予約する

記事を検索

関連する記事

今日からすぐできる！VagrantとVirtualBoxを使ってローカル開発環境を構築する方法【初心者向け】

プログラミング学習を始める際の最初の壁が、開発環境の構築だったということはないでしょうか？ 今回はVagrantとVirtualBoxを用いたローカル開発...
プログラミング

これだけは覚えておきたい！基本的なUNIXコマンド20【初心者向け】

今回は、プログラミング初心者でも覚えておきたいUNIXコマンドを紹介します。 プログラミングを学んでWeb開発する際に、WebサーバのOSとしてLinux...
プログラミング

Web制作の仕事をするうえでの心構え【初心者必見】

Web制作の仕事をするうえでの心構えについて解説します。 最近、在宅でできる副業としてWeb制作の仕事を目指す人が増えています。 ここでは一例として...
Webデザイン

札幌のパソコン教室7選｜自分に合った学校の選び方も解説

今回は、札幌中心部の通いやすいパソコン教室をピックアップしました。 自分の趣向やスキルに合わせて通うパソコン教室を選択していきましょう。  ...
プログラミング

【よりコーディングに集中できる！】プログラミングサポートツール「Kite」が凄すぎる！

より早く、より効率的にコーディングしたい人に朗報です！ 「Kite」は、ターミナルやエディタと連動するプログラミングのサポートサービスです。エディタとこの...
プログラミング

なぜエンジニアとデザイナーは一緒に仕事をする必要があるのか

本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、Carrie Cousins氏によって投稿されました。 ...
プログラミング

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

事例から学ぶ！HubSpotがサイト改善に成功したUX戦略とは

本稿は、UXPinのブログ記事を了解を得て日本語翻訳し掲載した記事になります。本記事は、UXPinのコンテンツ・ストラテジストであるJerry Cao氏によって投稿されました。 UXデザイナーのAustin Knight氏率いるチームが、Hubspotのサイトをリニューアルしたプロジェクトについて書かれています。   HubSpot（ハブスポット）のサイトは、世界の90カ国以上にわたり1万8000以上の企業にサービスを提供し、月間400万人以上のユーザーがアクセスしています。 HubSpotにとって、サイトこそ経営の要となるものでした。HubSpotが非公開会社から、多様な製品を提供する世界規模の公開会社へと発展するには、サイトのリニューアルが不可欠でした。 サイトリニューアルのプロジェクトは、プロジェクト開始から一ヵ月半後に開かれる、HubSpotの年次イベント「INBOUND」で新しい製品ラインがリリースされるまでに、急いで完成させる必要がありました。   UXデザイナーのAustin Knight氏がこのプロジェクトを率いて、3つのチーム（ビジュアルデザイナー、デベロッパー、マーケティングマネジャー）が加わりました。またKnight氏はこの他に、製品のポジショニング戦略（product positioning）、コピーライティング、技術開発を担当する外部の6つのチームとも協力しました。 この記事では、UXデザイナーが、過密なスケジュールのプロジェクトにおいて、リサーチ、共同作業、ユーザーに焦点を当てた「Lean UX」という手法を応用しながら、どのように良い結果を生み出せたのかを事例として紹介します。 画像：HubSpotのリニューアルされたサイト 次の3つのステップは、実際のプロジェクトをベースとしてUXPinが作成したベストプラクティスです。   ステップ1：入念なリサーチ、継続的なテスト HubSpotのプロジェクトは、まず最初に、Knight氏が「Lean UX」という手法をチームに紹介することから始まりました。 「Lean UX」とはJeff Gothelf氏によって提唱されている手法で、継続的な「学習ループ」（構築 – 評価 – 学習のループ）を用いてデザインプロセスを軽量化することによって、ビジネス戦略を整えるためのものです。 このプロジェクトでは、ステップ1は、分析とユーザー調査を行い、手早く予測の検証を行うことでした。   分析＆ヒートマップ 多くのケースにおいては、デザインチームはマーケティング部門にデータ分析を依頼するのが一般的ですが、今回のプロジェクトでは、Knight氏は自らデータ分析を始めました。HubSpot、Googleアナリティクス、Mixpanelから膨大なデータにアクセスできました。 主な課題は、これらの膨大なデータを分析して、意味のあるパターンを見つけ出すことでした。 Knight氏はまず、多くのユーザーの行動を分析した結果、次のような傾向が見られることに気づきました。 サイト上でPRICING（価格表）に最初にアクセスする（ユーザーは製品のメリットよりも価格を優先していることがわかります。） サイト上でFAQ（問い合わせ）に最初にアクセスする（ユーザーの疑問が解決されていないことがわかります。） サイト上でサイト内検索を最初に利用する（主に製品について不明な点を検索しているので、ユーザーが必要な情報をサイトで得られていないことがわかります。） この分析から、HubSpotのサイトは完成度は高いものの、重要な情報が欠けているために、コンバージョン率が低下していることが判明したのです。   Knight氏はまた、2万5000人のユーザーを対象に、ヒートマップとスクロールマップによる分析を行い、合計46万7308のデータを集めました。 数年分のデータを集めることができたため、問題（例として、ユーザーの25%しかサイトのページをスクロールしていないことなど）が生じた原因を理解するのに役立ちました。   セッションの記録 最後に、セッションの記録によって、定量分析と定性分析を行いました。 セッションの記録は、生きた、匿名性のある、未だ分析されていないデータです。実際のユーザーの行動がそのまま反映されたデータなので、分析結果も信頼できます。 セッションの記録は、デザインプロジェクト全体を通して行い、ユーザーへのインタビューやユーザビリティテストの結果を検証するのに役立てます。   定性分析 定量分析は何（What）を分析するのには役立ちますが、なぜ（Why）を知ることはできません。 ユーザーエクスペリエンスに期待されることや、行動に隠された動機を知るためには、デザイナーはユーザーと利害関係者にインタビューを行う必要があります。   1. ユーザーへのインタビュー HubSpotのサイトの利用者の10%は、ログインや情報検索をしているユーザ―であるため、サイトのリニューアルにあたっては、これらの特定のグループを無視することはできません。 データの分析結果を検証するためだけではなく、新しいサイトでどのようなコンテンツを提供するべきかのアイデアのヒントを得るために、Knight氏はユーザーへのインタビューを行いました。 ユーザーへのインタビューのプロセスを徹底して考えたことで、的を絞って意見を集めることができました。   2. 利害関係者へのインタビュー このプロジェクトによってHubSpotのサイトの外観が根本的に変わることになるため、Knight氏はまた、HubSpotの会社の取締役、製品、マーケティング、セールス、カスタマーサポートのチームにもインタビューを行いました。 次にKnight氏は、ユーザーへのインタビューから得られた意見、カスタマーサポートの記録、HubSpotのサイトのリニューアルの不要な原案、Twitterのツイート、電子メール、さらにはKnight氏自身の講演イベントでの参加者との会話などの結果を総合的に勘案にしました。 「プロジェクトで取り組んだのは、『データを参考とした、人間を中心に考えたデザイン』だ。」とKnight氏は述べています。 また、「デザイナーは可能なときにはいつでも、自分自身でデータを解釈して、デザインに関する決定を行う必要があります。近年、定量的なデータと定性的なデータを活用することで、デザイナーたちがますます力を発揮できるようになりました。一般的に、単なる意見や誰かの「好み」に基づいて決定することもなくなり、それ以上のことが可能になっているのです。 今日のデザイナーが真に力を発揮するには、明示的なデータと黙示的なデータの両方を活用して、デザインのソリューションを導くことが大切です。」とも述べています。   多変量テストによって、小さな変更を試す 最後に、Knight氏はリサーチの結果を基にして、多変量テスト（Multivariate Testing：レイアウトデザインの候補の中から、最適なデザインを選ぶための手法）を行うために、デザインにいくつか変更を追加しました。 多変量テストは、特定のデザイン要素を決定、却下することで、サイト全体のリニューアルに進む前に、チーム全体として戦略的な決定を行うのに役立ちます。   ステップ2：実際のデザインを設計する Knight氏は、「全体の設計→テスト→学習→イテレーション→最適なソリューションの選択」という構造化されたプロセスの手法を用いました。   簡単なプロトタイピング 多変量テストによって、レイアウトのデザイン候補をチームで3つに絞り、さらにプロトタイプを作成しました。 主な方向性が定まったところで、Knight氏は最初の段階でイテレーションを繰り返して行い、次に外観のデザインに取り組むという手法を取りました。 実際には、ユーザー望む方向性や意見を反映することに多くの時間を費やしたことを考えれば、プロトタイプでも最終的な完成製品に近いものでした。 Knight氏は次のように述べています。 「紙のプロトタイプ、ワイヤーフレーム、外観のデザインの段階に至るまで、テストはユーザーと共に行っています。」 「プロジェクトのすべての段階において、ユーザーの声が反映されています。デザイナーとしては、ユーザーの声は耳に痛いこともあるかもしれません。ユーザーの意見にすべて従うのではなくて、方向性を見出すために活用するのがいいと思います。」   モックアップ 外観のデザインの段階において、Knight氏は特にビジュアルデザイナーと一緒に仕事を行いました。 また、Knight氏はデベロッパーとは、プロジェクトの各段階ごとにデザインについてディスカッションを行っていたのも特筆すべきことです。開発側は、プロトタイプを作成する段階で集中的にコーディングを行う一方、全体を通してイテレーションを行うことで、チーム全体としてプロジェクトの進行段階が揃うようにしています。   外観のデザイン こうしてチームは、現代的で、美しく、鮮やかな色、HD画質の画像、型にはまらないグリッドデザインを活かしたサイトが完成しました。このグリッドデザインは、リニューアルしたサイトには「生き生きとしたデザイン」が必要だという観点から生まれたものです。 グリッドデザインをベースとして、多くのデバイスに対応したマルチプラットフォームで、コンテンツの変更や削除も容易です。また重要なコンテンツは、ユーザーや利害関係者の提案に応じて、アップデートしやすくなっています。   画像処理 画像の枠のデザインも、型にはまらないグリッドデザインです。 プロジェクトのチームは、まずサイトのレイアウトに完璧に収まる画像を選びました。 マウスをホバーしていない状態（off-hover）では焦点のぼやけた画像の一部が表示され、マウスをホバーさせた状態（on-hover）では画像が右のグリッドの領域まで広がり、画像全体と追加の情報が表示されるような設計になっています。 この画像処理によって、識別しやすいデザイン要素が生まれ、ユーザーのアクセスを大幅に増加させるインタラクションが実現しました。 またチームは、ユーザーへのインタビューから、個々のユーザー向けに動的なコンテンツを提供することが、サイトリニューアルの成功に大切な要因であるとわかっていたので、これも開発しました。   互換性とWebアクセシビリティ 最後に、HubSpotのサイトのユーザーの16%はモバイル端末からアクセスしていること、アメリカの人口の19%はWebアクセシビリティのニーズがあることを考えると、コーディング作業に加えて、互換性とWebアクセシビリティを考慮するのも重要なことでした。 プロジェクトの各作業の段階は同時並行で進めていたので、モバイル端末向け、デスクトップ端末向けの各サイト設計も同時並行で進めました。   [PR] プログラミングで挫折しない学習方法を動画で公開中ステップ3：コーディングとテスト 次のステップでは、HubSpot社のCMSを利用して、きれいなコードを設計するのが目標となりました。 すべてのデバイスにおいてコードの互換性が保たれるように、Knight氏は、ビジュアルデザイナー、エンジニアと共に、QAテスト（品質保証テスト）を定期的に実施しました。   各種デバイスや、Chrome、Safari、Firefox、Internet Explorer、Edge、Opera、Yandexなど各種ブラウザの多数のバージョンの解像度ごとに、Webサイトが正しく機能するかチェックするテストも行いました。 さらに、BrowserStack（多数のブラウザ環境下における作動を再現するためのエミュレータ）を使い、実際のデバイス環境下におけるWebサイトの作動の再現も行いました。 設計を改良するときには、ユーザーのプラットフォームごとの割合はすでに把握できていたため、利用者数やクリティカリティ（Criticality：システムエラーなどにおいて主要な要因を分析するための指標）を考えながら、優先順位を決めて効率的に進めることができました。   ステップ4：テストの継続とイテレーション リニューアルしたHubSpotのWebサイトは、予定通り、年次イベント「INBOUND」の舞台において、同社の共同設立者たちによって、Webサイトのサポート対象である新製品や新機能の紹介とともに初公開されました。 新製品のリリースは、大成功を収めました。 しかし、チームとしては引き続き「Lean UX」の手法をプロジェクトで実践するため、栄光に浸っている暇はありませんでした。早速、チームはGoogleアナリティクスとHubSpotのサイトからデータを集計して、次の指標に注意を向けました。 コンバージョン率（Conversion rate：目標の達成率） 送信率（Submission rate：ユーザーがフォームにデータ入力して送信する率） 離脱率（Drop-off rate） 目標達成数（Goal completion） ナビゲーションサマリーにおける、参照元ページと移動先ページ 検索クエリ（Search Queries）   チームは、直帰率（Bounce rate：ユーザーが1ページだけ見てサイトを去る率）、ページ滞在時間など重要業績評価指標（KPI：Key Performance Indicators）として役に立つ指標のみを分析しました。 さらにデザインの改良を重ねるために、チームはヒートマップを使って2万5000という膨大なセッションを分析し、追加のユーザビリティテストも行いました。     コラム 実は私も！？独学で損する人の特徴 「スクールは高いから独学で成功する」という気持ちの方は多いと思います。 もちろんその方が金額は低く抑えられるでしょう。 ただ
Webデザイン

話題の著者に聞いた！WordPress初心者が効果的に勉強する方法とは？

WordPressはブログをはじめ、最近では企業のWebサイトやWebサービスでも使われることが増えおり、数多くのWebサイトや書籍で紹介されています。WordPressの講座も多く開催されています。 そんなWordPressの書籍WordPressプラグイン & WebAPI 活用ガイドブック [Version 3.x対応]を2013年1月に共著で出版された、西川伸一氏と星野邦敏氏に初心者がWordPressを勉強する方法についてインタビューしました。 WordPress関連のイベントでたくさん講演されているお二人ですので、これから勉強される方はぜひ参考にしてみてください。   ※本記事はEdTechの記事を再編集したものです   お話を伺った人 西川伸一氏（ノビル株式会社　代表取締役社長） WordPressの大規模イベント、WordCamp Tokyo 2012の実行委員長をつとめられました。 WEB制作、ディレクションの受託をしているかたわら、自社のウェブサービスとして子育て家族のための会員制ブログサービスころぐも運営されています。（ころぐはWordPressを使って作られたサービスです）     星野邦敏氏（株式会社コミュニティコム 代表取締役） WordPress日本語公式サイトのイベントカレンダー更新や、WordPressのイベントであるWordCampやWordBenchにスタッフやスピーカーとして関わっていらっしゃいます。 自社サービスの運営を中心に、Web制作＆アプリ制作＆インターネットメディア広告のお仕事をされながら、個人として「WordPress 3.x (速習デザイン)」という書籍を共著で執筆したり、Web制作関係の雑誌に寄稿や講演なども行われています。 現在は大宮でコワーキングスペース7Fを運営されています。   WordPress初心者が勉強する方法 まずは西川伸一氏へのインタビューです。   –これからWordPressを勉強しようとする初心者が知っておくと良いことを教えてください   WordPressの強みのひとつはコミュニティです。開発者コミュニティや勉強会がたくさんあるので、そこに参加した方がいいと思います。 イベントなどの情報はWordBenchなどを見れば自分が住んでいる所の近くで開催されているイベントを見つけて参加することができます。 注意点としては、WordPressは情報が多い一方で、間違った情報が公開されていることもあります。 公開しているプラグインがたくさんの人にダウンロードされている人や、イベントで登壇しているような人のブログなどでは正しい情報が載っています。コミュニティのメンバーによるチェックが働いている、ということが正確さや品質の担保になるというわけです。   –初心者が見ておくといい情報があれば教えてください   ブログでおすすめなのは、WebデザインレシピでWordPressの情報が丁寧に載っています。また、後藤 賢司さんがアップしている資料に載っているブログはどれも参考になると思います。   西川氏おすすめのブログ記事 WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き） WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック WordPress で Web製作をしたいけど、PHP はまだちょっと … という人の PHP ガイド     また、書籍では「本格ビジネスサイトを作りながら学ぶ WordPressの教科書」「WordPress 3.x (速習デザイン)」「WordPress 3.x 現場のワークフローで覚えるビジネスサイト制作」あたりがおすすめです。他にもたくさんいい本が出ているので2冊くらいを読んで勉強してみるといいと思います。   [PR] プログラミングで挫折しない学習方法を動画で公開中WordPress初心者が参加するべきイベント 続いて星野邦敏氏へのインタビューです。   –西川さんのインタビューで「WordPressを学ぶ上でイベントに参加した方がいい」とありましたが、これに星野さんも賛成ですか？   もちろん賛成です。私自身もイベントを通じてWordPressの知識をつけてきました。 もともと、前職では会計事務所で経理の仕事をしていました。その前に、先天性（生まれつき）の体の疾患が20代で見つかり、その手術のため入院していた時期があり、そのときにホームページ・ビルダーを使って自分のサイトを運営するようになったことがきっかけです。そのサイトの広告収入が得られるようになったので会社を作ることにしました。なので、これまでIT系の学校に通ったこともIT系の企業に所属していたこともありません。 その後、WordPressを勉強するようになってWordCamp Tokyo 2009にいち参加者として参加しました。その時はちょうどWordBenchができたころだったので、イベントに参加しながら勉強するきっかけを作っていきました。 イベントに参加すると、「PHPをはじめる勘所はどんな内容なのか」といった本だけではわかりずらい内容も人づてに理解することができます。 また、これは個人的な意見ですがWordPressは数あるIT系のコミュニティの中でも教え合う文化が根付いているので、まったく知らない人でも基本的には優しく教えてくれる人が多いです。 これから勉強したい人はイベントで話している人と顔見知りになればあとで質問することもできますので、まずは近所でやっているイベントに参加することをおすすめします。     –実際にイベントに参加しようと思ったらWordBenchを見るのが良いのでしょうか？   WordBenchとWordPressのイベントカレンダーはWordPressのイベント情報が網羅されていると思います。 どちらもメインに更新しているのは私なので基本的には同じ情報が載っています。ただ、WordPressのイベントカレンダーはGoogleカレンダーを使っているため、直接リンクすることができません。なので、まずはWordBenchを見るのが便利かもしれません。 また、WordPress日本語の公式twitterアカウントではイベントカレンダーの情報が自動的にツイートされるようになっていますので、これをフォローしてもいいと思います。   –WordPressのイベントはどんなものから参加していけばよいのでしょうか？   WordBenchに載っているようなイベントはWordPressが好きな人が無料のボランティアベースでやっているものが多くなっています。そのため、本当のゼロから勉強するのであれば、御社も運営しているような有料のWordPress講座の方が体系的に学ぶことができます。また、体系的に学ぶのであれば本を読むのもいいかもしれません。 その上で、チップス的に知識をつけるのであればWordBenchに載っているイベントに参加するのがいいでしょう。まだまだWordPressはブログだけを作るものだと思っている人も多いと思いますが、実は上場企業の公式サイトや西川さんのころぐのようなWebサービスでも使われています。こういったサイトの制作事例や運営方法まで勉強できるのがイベントのいいところですね。     インタビューは以上です。 数々のWordPress関連イベントに関わっているお二人だけあってとても参考になりました。 WordPressをまだ使ったことがない人は、まずはWordPressをインストールするところから始めてみてください。 [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。 プログラミングを独学していて、このように感じた経験はないでしょうか？ ・調べてもほしい情報が見つからない ・独学のスキルが実際の業務で通用するのか不安
インタビュー

話題の著者に聞いた！WordPress初心者が効果的に勉強する方法とは？

WordPressはブログをはじめ、最近では企業のWebサイトやWebサービスでも使われることが増えおり、数多くのWebサイトや書籍で紹介されています。WordPressの講座も多く開催されています。 そんなWordPressの書籍WordPressプラグイン & WebAPI 活用ガイドブック [Version 3.x対応]を2013年1月に共著で出版された、西川伸一氏と星野邦敏氏に初心者がWordPressを勉強する方法についてインタビューしました。 WordPress関連のイベントでたくさん講演されているお二人ですので、これから勉強される方はぜひ参考にしてみてください。   ※本記事はEdTechの記事を再編集したものです   お話を伺った人 西川伸一氏（ノビル株式会社　代表取締役社長） WordPressの大規模イベント、WordCamp Tokyo 2012の実行委員長をつとめられました。 WEB制作、ディレクションの受託をしているかたわら、自社のウェブサービスとして子育て家族のための会員制ブログサービスころぐも運営されています。（ころぐはWordPressを使って作られたサービスです）     星野邦敏氏（株式会社コミュニティコム 代表取締役） WordPress日本語公式サイトのイベントカレンダー更新や、WordPressのイベントであるWordCampやWordBenchにスタッフやスピーカーとして関わっていらっしゃいます。 自社サービスの運営を中心に、Web制作＆アプリ制作＆インターネットメディア広告のお仕事をされながら、個人として「WordPress 3.x (速習デザイン)」という書籍を共著で執筆したり、Web制作関係の雑誌に寄稿や講演なども行われています。 現在は大宮でコワーキングスペース7Fを運営されています。   WordPress初心者が勉強する方法 まずは西川伸一氏へのインタビューです。   –これからWordPressを勉強しようとする初心者が知っておくと良いことを教えてください   WordPressの強みのひとつはコミュニティです。開発者コミュニティや勉強会がたくさんあるので、そこに参加した方がいいと思います。 イベントなどの情報はWordBenchなどを見れば自分が住んでいる所の近くで開催されているイベントを見つけて参加することができます。 注意点としては、WordPressは情報が多い一方で、間違った情報が公開されていることもあります。 公開しているプラグインがたくさんの人にダウンロードされている人や、イベントで登壇しているような人のブログなどでは正しい情報が載っています。コミュニティのメンバーによるチェックが働いている、ということが正確さや品質の担保になるというわけです。   –初心者が見ておくといい情報があれば教えてください   ブログでおすすめなのは、WebデザインレシピでWordPressの情報が丁寧に載っています。また、後藤 賢司さんがアップしている資料に載っているブログはどれも参考になると思います。   西川氏おすすめのブログ記事 WordPressでブログじゃないWebサイトを作るときのいろいろ（サンプル付き） WordPressをカスタマイズするなら覚えておきたいアクションフックとフィルターフック WordPress で Web製作をしたいけど、PHP はまだちょっと … という人の PHP ガイド     また、書籍では「本格ビジネスサイトを作りながら学ぶ WordPressの教科書」「WordPress 3.x (速習デザイン)」「WordPress 3.x 現場のワークフローで覚えるビジネスサイト制作」あたりがおすすめです。他にもたくさんいい本が出ているので2冊くらいを読んで勉強してみるといいと思います。   [PR] プログラミングで挫折しない学習方法を動画で公開中WordPress初心者が参加するべきイベント 続いて星野邦敏氏へのインタビューです。   –西川さんのインタビューで「WordPressを学ぶ上でイベントに参加した方がいい」とありましたが、これに星野さんも賛成ですか？   もちろん賛成です。私自身もイベントを通じてWordPressの知識をつけてきました。 もともと、前職では会計事務所で経理の仕事をしていました。その前に、先天性（生まれつき）の体の疾患が20代で見つかり、その手術のため入院していた時期があり、そのときにホームページ・ビルダーを使って自分のサイトを運営するようになったことがきっかけです。そのサイトの広告収入が得られるようになったので会社を作ることにしました。なので、これまでIT系の学校に通ったこともIT系の企業に所属していたこともありません。 その後、WordPressを勉強するようになってWordCamp Tokyo 2009にいち参加者として参加しました。その時はちょうどWordBenchができたころだったので、イベントに参加しながら勉強するきっかけを作っていきました。 イベントに参加すると、「PHPをはじめる勘所はどんな内容なのか」といった本だけではわかりずらい内容も人づてに理解することができます。 また、これは個人的な意見ですがWordPressは数あるIT系のコミュニティの中でも教え合う文化が根付いているので、まったく知らない人でも基本的には優しく教えてくれる人が多いです。 これから勉強したい人はイベントで話している人と顔見知りになればあとで質問することもできますので、まずは近所でやっているイベントに参加することをおすすめします。     –実際にイベントに参加しようと思ったらWordBenchを見るのが良いのでしょうか？   WordBenchとWordPressのイベントカレンダーはWordPressのイベント情報が網羅されていると思います。 どちらもメインに更新しているのは私なので基本的には同じ情報が載っています。ただ、WordPressのイベントカレンダーはGoogleカレンダーを使っているため、直接リンクすることができません。なので、まずはWordBenchを見るのが便利かもしれません。 また、WordPress日本語の公式twitterアカウントではイベントカレンダーの情報が自動的にツイートされるようになっていますので、これをフォローしてもいいと思います。   –WordPressのイベントはどんなものから参加していけばよいのでしょうか？   WordBenchに載っているようなイベントはWordPressが好きな人が無料のボランティアベースでやっているものが多くなっています。そのため、本当のゼロから勉強するのであれば、御社も運営しているような有料のWordPress講座の方が体系的に学ぶことができます。また、体系的に学ぶのであれば本を読むのもいいかもしれません。 その上で、チップス的に知識をつけるのであればWordBenchに載っているイベントに参加するのがいいでしょう。まだまだWordPressはブログだけを作るものだと思っている人も多いと思いますが、実は上場企業の公式サイトや西川さんのころぐのようなWebサービスでも使われています。こういったサイトの制作事例や運営方法まで勉強できるのがイベントのいいところですね。     インタビューは以上です。 数々のWordPress関連イベントに関わっているお二人だけあってとても参考になりました。 WordPressをまだ使ったことがない人は、まずはWordPressをインストールするところから始めてみてください。 [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。 プログラミングを独学していて、このように感じた経験はないでしょうか？ ・調べてもほしい情報が見つからない ・独学のスキルが実際の業務で通用するのか不安
インタビュー

全ての人にプログラミングを学ぶ機会を！ベテランプログラマーが語る未来像とは

「プログラミングを学ぶ機会がなかった方に教えてみたい」そう語る吉岡直人氏がTechAcademyのはじめてのプログラミング講座の講師をつとめることになりました。 吉岡氏は、ソニー、マイクロソフト、スクウェア・エニックスなどゲーム業界のソフトウェアエンジニアとして活躍されてきました。 そんな吉岡氏がどんなきっかけでTechAcademyに興味を持ったのか、今後どんなことを教えていきたいのかを伺いました。   お話を伺った方 吉岡 直人氏 岩手県盛岡市出身。千葉大学を卒業後、1990年に株式会社ソニーに入社。 1994年に株式会社ソニーコンピューターエンターテインメントにおいてPlayStationのローンチにツール開発エンジニアとして参画。 2000年に株式会社マイクロソフトでXboxのローンチに携わる。 2002年、クライテリオンソフトウェアにおいてゼネラルマネジャーに就任、リアルタイムコンピューターエンターテインメントを対象とした基盤技術開発に従事する。 2006年、株式会社スクウェア・エニックスに入社。2011年、株式会社スクウェア・エニックス退社。CEDEC2008-2011運営委員長。CEDEC 2012フェロー。 現在、独立して、ソフトウェア開発、人材教育などで活動中。   プログラミング講座講師インタビュー ここからはインタビューをお届けします。 TechAcademyで講師をお願いすることになったのは吉岡氏からお問い合わせいただいたところから始まったので、その経緯から聞いてみました。   —–なぜTechAcademyで講師をやるということに興味を持たれたのでしょうか？   もともとプログラミングを教えることはやっていきたいとは考えていました。 どうやって教えていけばいいのかと思っていた時にたまたまTechAcademyをFacebookで見つけて問い合わせたという経緯です。専門学校や大学で教えることもできると思いますが、私の方向としては今までプログラミングをやっていない方に教えたかったので、それがまさにぴったりでした。     —–プログラミングを教えたいというのはいつ頃から考えていたのでしょうか？   思い返すとけっこう前から考えていたのだと思います。 過去に海外、とくにアメリカの方と仕事をすることが多かったのですが、その時にコンピュータの業界で日本とアメリカでは2つの点で大きく負けていると感じました。1つはコンピュータソフトウェアに関する教育の層の厚さです。2つめは、アメリカのプログラマーの方が欲張りだということです。簡単に言うとお金が好きということですね。 そこで、もっといろんな人がコンピュータを使えばいいのになと思っていました。コンピュータをより活用するには、プログラムをするということが一番いい状況です。プログラマーでなくても、簡単なツールを自分で作れるのであれば、もっと自分の仕事を楽に回せるんだろうなと考えています。 そこまでいかなくてもプログラミングのリテラシーがあれば、見積もりをとるときに妥当かどうかを理解したり、プログラマーが何をやっているのかを理解したりすることができます。これはプログラマーの不満解消にもつながるのではないでしょうか。 また、私が仕事をはじめた頃はプログラミングを仕事に使うということが一部の限られた人でした。それが突然普通のことになっているのに、プログラミングを誰も教えてくれないという状況をなんとかしたいですね。     —–非エンジニアがプログラミングを学ぶのはハードルが高いと思うのですが、先にどんなことを知っておいて欲しいでしょうか？   「プログラミングは単純なこと」ということを信じてもらいたいと思います。 ただし「単純」は「簡単」を意味していません。むしろ、あまりに単純であるために、特に大人にとっては難しいんですね。 大人の賢い方であればあるほどコンピュータをかいかぶっているように感じます。実際のコンピュータは何でも返してくれる万能な機械ではないので、パブリックイメージと実際の単純さとのギャップがありすぎるんじゃないかと思います。 ですので、子供のころになにか夢中になった気持ちを思い出してほしいと思っています。プログラミングの場合は、何か入れたときに機械が返してくれることがすごく楽しい、その感覚を把握していただけるのであれば一歩目はクリアだと思います。     —–ではプログラミングを学ぼうと決めた方は、次にどうアクションすればいいのでしょうか？   まずは自分で作ってみることなんだと思います。 例えば、JavaScriptはPCを持っていれば誰でもプログラミングができます。今使ってるWebブラウザでプログラムができることがわかったら、あとは作ってみてほしいですね。     —-今後、非エンジニアがプログラミングを覚えるとどんなことが起こると思いますか？   もちろん悪いシナリオもあって、専門家のプログラマーから鬱陶しいと思われるかもしれません。それでも全く知らない人とやり取りするよりもずっと会話をしやすくなって、絶対にプラスにつながると思います。 プログラマーと共同作業する時も、作るのにどれくらいのコストがかかるのかを正確に把握できるようになりますし、それが今必要とされてることなんだろなと思います。指示を出すのなら、正確に見積もれる方がお互いにとってハッピーですよね。     —–最後に、吉岡さんの講座を受けたいという方に伝えておきたいことはありすか？   私は45歳になりますが、そこまで長くやっている人間だということは知っておいてほしいですね。もしかすると若い講師の方には細かいプログラミング言語などの知識量で負けるかもしれません。ただ、私はその言語がなぜ生まれたのかなどの背景も理解した上でお伝えすることができます。 また、私と同じような年齢でコンピュータにあまり触れてこなかった方が今になってとっても困っているのではないかと思っています。10年くらい前まではコンピュータを使えなくても何かディスアドバンテージになることはありませんでした。でも今は明らかにコンピュータを使えないことがディスアドバンテージになってしまっています。ですので、同じ私と同じくらいの年齢であっても遠慮しないで来てほしいですね。     インタビューは以上です。 吉岡さんの講座がどんな内容になるのか今から楽しみです！ プログラミングを独学していて、このように感じた経験はないでしょうか？ ・調べてもほしい情報が見つからない ・独学のスキルが実際の業務で通用するのか不安 ・目標への学習プランがわからず、迷子になりそう テックアカデミーでは、このような 学習に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供
インタビュー

全ての人にプログラミングを学ぶ機会を！ベテランプログラマーが語る未来像とは

「プログラミングを学ぶ機会がなかった方に教えてみたい」そう語る吉岡直人氏がTechAcademyのはじめてのプログラミング講座の講師をつとめることになりました。 吉岡氏は、ソニー、マイクロソフト、スクウェア・エニックスなどゲーム業界のソフトウェアエンジニアとして活躍されてきました。 そんな吉岡氏がどんなきっかけでTechAcademyに興味を持ったのか、今後どんなことを教えていきたいのかを伺いました。   お話を伺った方 吉岡 直人氏 岩手県盛岡市出身。千葉大学を卒業後、1990年に株式会社ソニーに入社。 1994年に株式会社ソニーコンピューターエンターテインメントにおいてPlayStationのローンチにツール開発エンジニアとして参画。 2000年に株式会社マイクロソフトでXboxのローンチに携わる。 2002年、クライテリオンソフトウェアにおいてゼネラルマネジャーに就任、リアルタイムコンピューターエンターテインメントを対象とした基盤技術開発に従事する。 2006年、株式会社スクウェア・エニックスに入社。2011年、株式会社スクウェア・エニックス退社。CEDEC2008-2011運営委員長。CEDEC 2012フェロー。 現在、独立して、ソフトウェア開発、人材教育などで活動中。   プログラミング講座講師インタビュー ここからはインタビューをお届けします。 TechAcademyで講師をお願いすることになったのは吉岡氏からお問い合わせいただいたところから始まったので、その経緯から聞いてみました。   —–なぜTechAcademyで講師をやるということに興味を持たれたのでしょうか？   もともとプログラミングを教えることはやっていきたいとは考えていました。 どうやって教えていけばいいのかと思っていた時にたまたまTechAcademyをFacebookで見つけて問い合わせたという経緯です。専門学校や大学で教えることもできると思いますが、私の方向としては今までプログラミングをやっていない方に教えたかったので、それがまさにぴったりでした。     —–プログラミングを教えたいというのはいつ頃から考えていたのでしょうか？   思い返すとけっこう前から考えていたのだと思います。 過去に海外、とくにアメリカの方と仕事をすることが多かったのですが、その時にコンピュータの業界で日本とアメリカでは2つの点で大きく負けていると感じました。1つはコンピュータソフトウェアに関する教育の層の厚さです。2つめは、アメリカのプログラマーの方が欲張りだということです。簡単に言うとお金が好きということですね。 そこで、もっといろんな人がコンピュータを使えばいいのになと思っていました。コンピュータをより活用するには、プログラムをするということが一番いい状況です。プログラマーでなくても、簡単なツールを自分で作れるのであれば、もっと自分の仕事を楽に回せるんだろうなと考えています。 そこまでいかなくてもプログラミングのリテラシーがあれば、見積もりをとるときに妥当かどうかを理解したり、プログラマーが何をやっているのかを理解したりすることができます。これはプログラマーの不満解消にもつながるのではないでしょうか。 また、私が仕事をはじめた頃はプログラミングを仕事に使うということが一部の限られた人でした。それが突然普通のことになっているのに、プログラミングを誰も教えてくれないという状況をなんとかしたいですね。     —–非エンジニアがプログラミングを学ぶのはハードルが高いと思うのですが、先にどんなことを知っておいて欲しいでしょうか？   「プログラミングは単純なこと」ということを信じてもらいたいと思います。 ただし「単純」は「簡単」を意味していません。むしろ、あまりに単純であるために、特に大人にとっては難しいんですね。 大人の賢い方であればあるほどコンピュータをかいかぶっているように感じます。実際のコンピュータは何でも返してくれる万能な機械ではないので、パブリックイメージと実際の単純さとのギャップがありすぎるんじゃないかと思います。 ですので、子供のころになにか夢中になった気持ちを思い出してほしいと思っています。プログラミングの場合は、何か入れたときに機械が返してくれることがすごく楽しい、その感覚を把握していただけるのであれば一歩目はクリアだと思います。     —–ではプログラミングを学ぼうと決めた方は、次にどうアクションすればいいのでしょうか？   まずは自分で作ってみることなんだと思います。 例えば、JavaScriptはPCを持っていれば誰でもプログラミングができます。今使ってるWebブラウザでプログラムができることがわかったら、あとは作ってみてほしいですね。     —-今後、非エンジニアがプログラミングを覚えるとどんなことが起こると思いますか？   もちろん悪いシナリオもあって、専門家のプログラマーから鬱陶しいと思われるかもしれません。それでも全く知らない人とやり取りするよりもずっと会話をしやすくなって、絶対にプラスにつながると思います。 プログラマーと共同作業する時も、作るのにどれくらいのコストがかかるのかを正確に把握できるようになりますし、それが今必要とされてることなんだろなと思います。指示を出すのなら、正確に見積もれる方がお互いにとってハッピーですよね。     —–最後に、吉岡さんの講座を受けたいという方に伝えておきたいことはありすか？   私は45歳になりますが、そこまで長くやっている人間だということは知っておいてほしいですね。もしかすると若い講師の方には細かいプログラミング言語などの知識量で負けるかもしれません。ただ、私はその言語がなぜ生まれたのかなどの背景も理解した上でお伝えすることができます。 また、私と同じような年齢でコンピュータにあまり触れてこなかった方が今になってとっても困っているのではないかと思っています。10年くらい前まではコンピュータを使えなくても何かディスアドバンテージになることはありませんでした。でも今は明らかにコンピュータを使えないことがディスアドバンテージになってしまっています。ですので、同じ私と同じくらいの年齢であっても遠慮しないで来てほしいですね。     インタビューは以上です。 吉岡さんの講座がどんな内容になるのか今から楽しみです！ プログラミングを独学していて、このように感じた経験はないでしょうか？ ・調べてもほしい情報が見つからない ・独学のスキルが実際の業務で通用するのか不安 ・目標への学習プランがわからず、迷子になりそう テックアカデミーでは、このような 学習に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供
インタビュー

PHPのエスケープ処理について現役エンジニアが解説【初心者向け】

PHPのエスケープ処理について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり PHPでダブルクォーテーションを表示しようとしたらエラーがでます。どうしたらいいですか？ ソースコード： <?php echo "私は"りんご"が好きです"; ?> エラー画面： PHP Parse error: syntax error, unexpected identifier "りんご", expecting "," or ";" in /workspace/Main.php on line 2 田島悠介 PHPでのダブルクォーテーションは「文字列の始まりや終了」を表す特別な意味がある記号だから、そのままでは表示できないんだ。 ダブルクォーテーションのような、特別な記号の働きをなくすエスケープ処理が必要だね。 大石ゆかり エスケープ？何の処理ですか？ 田島悠介 エスケープ処理をすると機能を無効にしたり、違う機能をさせたりできるんだ。 「エスケープ」の英語には「脱出する」という意味があるから、本来の機能から「脱出」させるのがエスケープ処理と覚えるのもいいね。 大石ゆかり そういえば、スマホのゲームに「エスケープ」ってタイトルが付いたゲームがありましたけど脱出ゲームでしたね。 田島悠介 プログラミング言語でのエスケープ処理には特殊記号を表示することと、HTMLタグなどの命令を無効にする2つの役割があるんだよ。 大石ゆかり そうなんですね。その「エスケープ処理」について教えてください！ 田島悠介 じゃあ、特殊記号を表示させる方法から見ていこうか。   この記事は、エスケープ処理の概要や、PHPプログラムでエスケープ処理を行う方法について解説しています。PHPを使用した開発にまだ慣れていないという方でも、理解できる内容になっています。 エスケープ処理とは エスケープ処理とは、特殊記号（あるいはタグなどの命令）で行われる処理を回避して単なる文字として表示したり、逆に普通の文字に改行などの特別な機能を持たせます。 たとえば、「”」（ダブルクォーテーション）をPHPのコードから文字列として表示させたい場合、通常なら「”」は文字列の始まりか終わりを指す特殊記号なのでPHPでは表示ができません。 特殊記号を表示するには、バックスラッシュ(\)または円記号に続けて特殊記号を記述します。 バックスラッシュのようなエスケープ処理に使う文字をエスケープ文字といいます。 エスケープ処理には特殊記号を表示させるだけでなく、HTMLコードやJavaScriptの命令を無効化して安全に表示する使い方もあります。 このようなエスケープ処理はPHPに限らず、他のプログラム言語でも共通に存在する処理です。 ※バックスラッシュ(\)を入力しても円記号(¥)がそのまま表示される場合もありますが、PHPでは円記号はバックスラッシュと同じ役割です。 ※ダブルクォーテーションをWebページ上に表示するには、HTMLの特殊文字コード「&quot;」を使う方法もあります。   バックスラッシュの入力方法について Windowsで標準的なキーボード配列の場合、バックスラッシュ(\)は日本語キーボードだとバックスペースキーの左側のキー（キーボードの刻印は「¥」）を押すか、右下にある「\」キー（日本語かな表記だと「ろ」の刻印のキー）を押します。 ※Windowsでは使用しているアプリやフォント（書体）により、バックスラッシュが円記号で表示される場合があります。 ※バックスラッシュの入力はPHPの命令と同じように漢字入力オフ（漢字が入力できない状態）で入力してください。 ※URLで使われるスラッシュ(/)と、エスケープ文字のバックスラッシュ(\)は違う記号なので注意してください。   またMacの場合だと、「option」キーを押しながら右上の「¥」キーを押すだけで、半角のバックスラッシュが入力できます。 【参考】文字列の囲み方 PHPで文字列を囲むには、(“)ダブルクォーテーションで囲む方法と(‘)シングルクォーテーションで囲む方法があります。 (“)ダブルクォーテーションを文字列の中で使用する場合、(‘)シングルクォーテーションで囲んで「’私は”りんご”が好きです’」のように指定します。 違う記号で囲む方法は、コードの中で文字列を囲む記号が統一できないので、エスケープ処理をするのがおすすめです。   特殊記号を表示する PHPでダブルクォーテーションを含んだ文字列をバックスラッシュでエスケープして表示します。 サンプルコード ダブルクォーテーションを含んだ「私は”りんご”が好きです」という文章を表示します。 ソースコード <?php echo "私は\"りんご\"が好きです"; ?> 実行結果 解説 上記のプログラムでは、「”」の前にバックスラッシュ(\)を使用して「”」を単に文字として扱うようにしています。 このようにダブルクォーテーションのような特別な意味を持つ文字の前に「\」のエスケープ文字を使用して「文字列の開始と終了」という特別な効果を打ち消す処理がエスケープ処理です。   エスケープシーケンス 上記のように、特殊な記号を文字として出力するためにエスケープ文字を使用した文字の組み合わせをエスケープシーケンスといいます。 エスケープシーケンスを使用することで、文字列の途中で「改行」したり「タブ」を挿入したりといった特殊な処理を行うことも可能です。 エスケープシーケンスを有効にするにはダブルクォーテーションで文字列を囲みます。 以下は、主なエスケープシーケンスの一覧です。 \n 改行 \’ シングルクォーテーション(‘) \” ダブルクォーテーション(“) \¥ 円記号 \$ ドル記号 \t 水平タブ \\ バックスラッシュ ※PHPの他のエスケープシーケンスについて、詳しくは公式のドキュメント「エスケープシーケンス」をご覧ください。 ※エスケープシーケンスが含まれた文字列をシングルクォーテーションで囲むと、「\’」「\\」以外のエスケープシーケンスは機能せずエスケープ文字が表示されてしまいます。   エスケープシーケンスを使った例 それでは、実際にエスケープシーケンスを使用する例を見ていきましょう。 サンプルコード エスケープシーケンスを使った例として、以下の記号の表示をしてみましょう。 (‘)シングルクォーテーション 改行 タブ ドル記号 バックスラッシュ ソースコード //preタグで通常のテキストとして表示 echo "<pre>"; // ダブルクォーテーションの表示 echo 'PHPの文字列は「"」か「\'」で囲みます。'; // 改行 echo "\n"; echo "\nりんご\nみかん\nれもん\n"; echo "\n"; // タブ echo "1\t2\t3\n"; echo "りんご\tみかん\tれもん\n"; echo "\n"; // ドル記号 echo "りんごの価格：\$1\n"; echo "\n"; //バックスラッシュ echo "PHPで改行するには「\\n」と記述します"; //preタグの終わり echo "</pre>"; 実行結果 解説 2行目のpreタグは出力した改行などをHTML表示でも反映させるためのタグです。 5行目では文字列をシングルクォーテーションで囲っているのでダブルクォーテーション(“)はそのまま表示でき、シングルクォーテーションはエスケープシーケンスで表示します。 8から10行目でエスケープシーケンス「\n」により文字列の途中で改行しています。 13と14行目は文字をそろえる時に便利なタブ文字「\t」（一定間隔の空白を空ける文字）を入力しているので、数字とフルーツの名前がそろっています。 18行目は変数名などで使われるドル記号($)をエスケープして表示しています。 また22行目にあるように、バックスラッシュ（または円記号）自身を表示するときは「\\」と記述します。 ※シングルクォーテーションで文字列を囲ったときに機能するエスケープシーケンスは、「\’」と「\\」だけです。   [PR] プログラミングで挫折しない学習方法を動画で公開中HTMLタグのエスケープ(htmlspecialchars) エスケープ処理の中にはHTMLタグを無効化する処理も含まれます。 たとえば、エスケープ処理をしていないフォームに「<script>alert(‘Hello!’)</scprit>」と入力すると、入力された文字を表示するときにアラート画面を表示するJavaScriptがそのまま実行されてしまう可能性があります。 エスケープ処理を行うとタグで使われるHTMLの命令であるHTMLエンティティに変換されるので「<」や「>」などの記号は単なる文字として表示する「&lt;」「&gt;」に変わります。 PHPでHTMLタグをエスケープ処理するにはhtmlspecialchars関数を使います。 ※HTMLエンティティとは、アンパサンド(&)で始まりセミコロン(;)で終わる記号を表示するHTMLの命令を表す文字です。たとえばコピーライトの記号「©」を表示させるHTMLエンティティは「&copy;」です。 ※エスケープ処理する関数は、他に特殊記号なども変換できるhtmlentities関数やタグを取り除くstrip_tags関数などもあります。   書式 エスケープ処理された文字 = htmlspecialchars( 対象文字列 ); htmlspecialchars関数の第1引数には、エスケープ処理したい文字列を指定します。 ※第2引数は省略できますが、ダブルクォーテーションなどを変換するかどうかなどの変換パターンを指定します。詳しくは公式ドキュメント「PHP: htmlspecialchars – Manual」のパラメータflagsの項目をご覧ください。 ※第3引数も省略できて、文字を変換するときの文字コードを指定します。   サンプルコード HTMLタグを含んだ文字列「<b>太字</b><br>」をhtmlspecialchars関数でエスケープ処理して、HTMLタグとして認識されない文字（HTMLエンティティ）に変換します。 ソースコード <?php //HTMLタグをそのまま表示（太字になる） $tag = "<b>太字</b><br>"; echo $tag; //HTMLタグをエスケープして表示（HTMLエンティティに変換される） $tag_escape = htmlspecialchars($tag); echo $tag_escape; ?> 実行結果 解説 変数 $tagを表示すると、HTMLタグが有効なので<b>タグが有効になり太字で表示され<br>タグで改行されます。 htmlspecialchars関数にエスケープ処理したい変数 $tagを渡します。 エスケープ処理されて「<」「>」の記号がHTMLエンティティに変換され、変数 $tagの文字列は「&lt;b&gt;太字&lt;/b&gt;&lt;br&gt;」になります。 エスケープ処理された変数 $tag_escapeを表示するとHTMLエンティティに変換されているので、太字にも改行にもならず単なる文字として表示されます。   まとめ バックスラッシュ(\)に続けて記述されたエスケープシーケンスを使用することで、特別な効果を持つ「’」や「$」を文字として出力したり、改行やタブのような特殊な処理を行えます。 HTMLタグを無効にするhtmlspecialchars関数でエスケープ処理することで安全な表示が行えます。 エスケープ処理は実務でもよく使いますし、PHP以外のプログラム言語でも使用する処理です。 エスケープ処理とは何か、その使用方法について確実にマスターして実際の開発に役立てましょう。   大石ゆかり 内容が分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   コラム
PHP

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から16週間で
エンジニアに

エンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の第四次産業革命スキル習得認定講座で、厚生労働省指定の専門実践教育訓練給付制度の対象です。条件を満たすことで支払った受講料の最大70％（最大306,460円）が給付金として支給されます。詳しくは エンジニア転職保証コース のページ内の注意事項をご確認ください。

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

1時間でできる無料体験
挫折しない学習方法とは？
TechAcademy（テックアカデミー） プログラミング メルカリCTO 名村卓｜パソコン1台で、10億人の人生を変えられるかもしれない