# はじめに こんばんは、エンジニアのお家でまったり、 青少不少ラジオのニューブルーです。 この番組は、エンジニアだからお伝えできることや、 日々気になったことなど、楽しくITを学べるチャンネルです。 聞きに来てくださって、ありがとうございます。 はい、今日は今更聞けないIT用語シリーズになります。 世の中に溢れているIT用語ですとか、 英語のよくわからない略称、 難しいと思って避けてしまいがちな単語などなど、 この放送を聞いて、皆さんがITというものを もっと身近に感じてもらえれば嬉しいです。 また、本シリーズはハッシュタグがありますので、 そちらからこのシリーズの放送も 聞いていただければと思っております。 はい、ということで、今日のデイリートークテーマが、 人に頼ることの大切さ。 はい、あなたは人に頼ってますか? はい、横にいる人、仕事場での、 仕事場での同僚、先輩、あとは何でしょうね、 プライベートの、なんかいろんな コミュニティに入っている仲間、 そういった方に、人に頼ってますか? っていう話なんですけど、 でも、真面目な人ほどって言ったら あるかもしれないですけど、 まあね、自分一人で頑張らなきゃとか、 私もストランクスファインダーに責任感があるので、 やらなきゃ、やらなきゃ、みたいな感じには なってしまうんですけど、 でも、なんかね、もう一人で抱え込んでしまうと、 どうしてもパンクしてしまいがちとか、 本来やりたかった方向に、なんか、 無駄にって言ったら変ですけど、 ちょっと妄心というか、 そっちにそっちに行ってしまって、 自分のやりたいことをするのは、 一番最優先でいいと思うんですけど、 でも、一緒にやってくれてる人とか、 仲間たちを置いてきぼりにするのは、 なんかね、もったいないというか、 そういった人たちに、 私はこういうことがやりたいです。 だから一緒になって応援してくれませんか? とか、そういった感じをやっていくのが 必要じゃないかなと思うんですけど、 そんな話を脱線していきそうな気がしたので、 今更聞けないIT用語に戻しまして、 今日はウェブの業界でも、 そういった人に頼るっていうことをやってます。 そのお話をちょっとしていきたいなと思っていて、 ウェブのサイトとか使われてると、 ただ、ただというか、 ブラウザーを開いて普通に使えますよね。 あれの裏側ではというか、大きく分けて、 役割的に2つ分けることができます。 もっと細かく分けると大量にあるんですけど、 大きくは役割2つが存在します。 それがフロントエンドとバックエンドになります。 フロントエンドってそのまま英語にして取り訳されるので、 FEとか英語で書かれたりとか、 バックエンドなのでBEとか書かれたり、 略して書かれることもあると思うんですけど、 この2つについてどういった役割をしているのかというお話とか、 人に頼るときの大切なこととか、そういった話を この2つの言葉に絡めてお話していきたいなと思っております。 # 「FE（フロントエンド）」と「BE（バックエンド）」って何？ まず、フロントエンドとバックエンドって何?という話なんですけど、 ウェブを使っているとあまり意識して使われないかなと思いますが、 エンジニアの業界では完全に分かれています。 昔は分かれていない時代とかもあったんですけど、 最近はもうすでに分かれていることが主流になっていて、 まずフロントエンドなんですけど、 ユーザーさんですね、あなたですね。 あなたがブラウザを操作する時に実際に見える画面の部分です。 そちらを担当する人をフロントエンドエンジニアとか、 そういった感じに呼びます。 一番使っているのはウェブのサービスでしたら、 ボタンがどこにあるのかとか、ボタンのデザインというか、 こういった色はどうするのか、丸みを帯びた方が押してもらえるのか、 どこに配置した方が押してもらいやすいのか、 みたいなデザインを考えたりですとか、 あとはそのボタンをクリックしたら、 ポワンという表現があっているのかわからないですけど、 アニメーションですよね、そういったことをしたりとか、 あとはスマホで使ったら、 ウェブってブラウザ、パソコンとかで使う時とスマホで使う時と、 両方いろんなパターン、あとはiPadとか、 そういったタブレット端末で使う場合とか、 そういった画面が色々分かれます。 そういった時に、いろんなデバイス、ものがパソコンにスマホにタブレット、 そういったものがいつ開いても、 誰が開いたとしても同じような画面を表示するのかとか、 それにデバイスによって表示のデザインを変えるのかとか、 そういったことですよね。 そういった部分を担当する、持つ、 ユーザーさんの使い勝手や見た目、その部分をいいものを作る、 そちらを専門とするプロフェッショナルというか、 そういった方々のことをフロントエンド、 フロントエンドエンジニアと呼びます。 それに対して、バックエンドというのは、 ユーザーからは見えません。 もう裏側ですよね、バックエンドなので。 あれでも結構重要な役割を持っていて、 私もどちらかというとこっち寄りの エンジニアではあるんですけど、 ウェブのサービスで、今ウェブのサイトを見ているとしましょう。 そこで何かをポチッとボタンを押します。 押した時に何か処理をして、 帰ってきて画面に表示が変わります。 この何かしてきてという裏でやっている、 何かするという処理を作るのが バックエンドエンジニアになります。 何でしょうね、有名なので言うと、 有名で言ったらあれかもしれんけど、 分かりやすい例で、ボイシーさんでやるとすると、 フロントエンドの人は画面を作って、 どこかでこの人の、このチャンネルの この放送を聞きたいなって再生ボタンを押した時に、 その放送の音声データを取ってきますよね。 その音声データを取ってくるのが バックエンドの役割。 ちょっとボイシーさんで話したとすると、 ちっちゃい話になってしまうかもしれないですけど、 でもトップページとか、トップページに表示されている 放送一覧とか、たくさんの放送が並んでますよね。 あの並んでいる情報すべてどうやって、 どの順番で取ってくるのかとか、 どの放送を取るのかみたいな情報って、 すべてバックエンドが取ってきて、 フロントエンドの方に渡すという形をしています。 でも、この2つのフロントエンドとバックエンド、 2つがそれぞれの役割をするからこそ、 こういったWebサービスですとか、 Webアプリ、いろんなアプリケーションが 動いているという形になっていきます。 # 頼り切るための唯一のルール「API（約束事）」 このバックエンドとフロントエンド、この2つのそれぞれの役割が、 どうやって頼り合っているというか、 お願いして、「はい、できましたよ。」って返して、 そういったやり取りができるのはなぜなのかっていうことなんですけど、 ここで登場するのが、以前話したかなと思うんですけど、 APIっていう機能になります。 これ、APIってフロントエンドとバックエンドの間で、 何か約束を決めることによって、 そのやり取りをいかに正確に確実にやるための 決め事みたいな形にAPIを使うんですけど、 フロントエンドとしては、こういったデータを渡すから、 こういった形にして返してねっていうのをお願いしたいですよね。 でも、でもって言ったらあれかもしれないですが、 それをするためにまずバックエンドで、 どういったものを受け取る必要があるのか。 返すデータの形はこういった形で返しますよっていう、 そのAPIの約束ごとをバックエンド側がまず決めます。 先ほどの例で、ボイシーさんの例で言うと、放送ですよね。 放送データを取りに行くのって、フロントエンドから この放送、このチャンネルのこの放送のこのチャプターのデータを、 音声データを頂戴って言えば、 バックエンドはそれを見て、 データベース、音声が置いてあるデータベースとか、 そういったファイルのサーバーとかを見に行って、 音声データを取ってきて、このデータですよっていうのを フロントエンドに返すって形になりますよね。 なので、このやり取り、エンジニアというかプログラミングというか、 そういった部分では、そういった共通利用と共通使用かなっていうのを決めて、 やり取りをするんですけど、これ本当に人間と同じですよね。 人間も相手が何かこういった形で、 依頼してねとかって頼んで、最初に決めておけば、 頼る時も楽というか、頼りやすいですよね。 例えばで言うと、こうやってボイシーで、 私もお便りじゃないですけど、リクエストフォームみたいな、 質問を受け付けるフォームとか用意してますけど、 そこにフォームで用意するのっていろんな項目がありますよね。 その項目も一つ一つ、私の方で決めて、 この項目について入力してくださいという形にしているからこそ、 そのフォームで、今聞いていただいているリスナーさんが、 フォームに入力をしていただいて、私の方に届くという形になります。 その入力項目を事前に決めておくことで、 お互いのやり取りがスムーズにいって、 理解し合えるというか、そういった形になるので、 フォームというか、 やり取りの形、インプットとアウトプットの形。 アウトプットは私が後で決めますけど、そのやり取りだと。 でもインプットのやり取りを決めることによって、 やりやすくなるというような形で、 バックエンドとフロントエンドのやり取りが できているんだよという話になります。 # まとめ はい、ということでまとめなんですけど、フロントエンド、FEはユーザーさんが触れる見た目ですとか、使い心地とか、そういったUI、UX、そういった形を追求するというか、そこに特化した専門家のプロのことを言います。 バックエンドは見えないところ、裏側でデータの処理ですとか、いろんなファイルとか、そういったものを取ってくる処理とか、いろんな専門的なアプリの仕様というか、そういったものを完全に理解してといったものですけど、そういったものを専門に扱うプロのことを言います。 今回のデリトークテーマである人に頼ることの大切さというか、そういった形はウェブの業界というか、こういったフロントエンドとバックエンドのやり取りも見てもそうですし、人間とのやり取りもそうです。 一人で何かやろうとしたら無理です。 もうね、これね、フロントエンドで完全にやることも可能なんですよ。 実際、エンジニアの業界というか、エンジニアのスキルというか技術的にはウェブサービスをフロントエンドのみで作ることも可能です。バックエンドだけで作ることも可能です。 でも、それをするとすごく負荷がかかるというか、今のパソコンとかスマホ、タブレットはスペックがどんどん良くなっていっているので、できることは増えてはいるんですけど、 全てのウェブサービスをフロントエンドにするってやるとすごく大変です。 さらにフロントエンドに渡してしまうと、処理が全部見えるっていう形になるので隠せなくなるんですよね。 中でやっている処理を隠せなくなるっていうことも、またちょっとね、これメリットデメリットというか、フロントエンドバックエンドに分けている理由でもあるんですけど、 例えばお金の処理とか、これ100円の何かものをプレミアムリスナー、私のプレミアムリスナー登録するのに月額200円ですけど、その200円のクレジット情報とかいろんな情報を全てフロントエンドの側で処理して、 いろいろやろうとすると、そのやり取りの情報って全部、悪意のある人というか、そういった方が見ると全部処理が見えてしまうんですね、フロントエンド側でやると。 その動く側にデータとか処理を全部渡して処理をするっていう形になるので、見えてしまうので、もうやりたい放題になってしまうんですよね。 その200円払わなくてもプレミアム放送に登録できるようになったりとか、そういった裏道を作ることも簡単にできるようになってしまうので、 そういった安全面という意味でもフロントエンドとバックエンドを分けたりとかもするんですけど、 そういった人が人に頼る、一人でやるんじゃなくてみんなでやるに繋がるかどうかっていうと、どうなんでしょうね。 でもね、やっぱり専門家に任せるって大事だと思うんですよね。 自分にできないことというか、誰かにやってもらうことで他の誰かが幸せになるというか、そういったことを考えた時に自分でやるって限界がやっぱりどうしてもあると思うので、 それって自分でやることが、人に頼るというのがサボるというか、自分がやらなきゃいけないのにやらないという意味のことではなくて、 頼るということは相手にお願いする、要はリスペクトするというか、信頼するというか、同じことを言ってますね。 そういうことにもなりますし、本当に一人で抱え込まずにできることは誰かにお願いすればいいんじゃないかなと。 今聞いているあなたの周りにもおそらく、今回でいうとフロントエンドが得意な人、バックエンドが得意な人みたいな感じで、 ○○をしてもらうにはこの人が得意だとか、○○をするには別のこの人が得意だとか、そういったものっておそらくあなたの頭の中にパッと思いつく人がたくさんいると思います。 そういった方にぜひ頼むというか、そういったことをしていっていいんじゃないかなと思っております。 今本当に私もいろんな人に助けられて、コーダー道場とかいろいろこうやって、ボイシーもやってるのもそうですよね。 いろんな方に助けられて、今聞いていただけているあなたをはじめ、たくさんのリスナーさんがいるからこそできることとか、そういったことがどんどん広がっていくので、 ぜひ人に頼っていただければいいんじゃないかなと思います。 そして、私にも頼っていただければ、何かできることがあれば、 とりあえず昨日の放送でも言いましたね、○○とちょっと結構話しましたが、 本当にあなたがやりたいことを応援したいと思ってますので、ぜひ何かありましたらコメントいただければと思います。 はい、ということで最後まで聞いていただきありがとうございました。 当チャンネルでは今更聞けないIT用語シリーズとして、身近でよく聞くIT用語だけど、 何それってなるような用語を誰にでも分かる形でお話しさせていただいております。 またプレミアム放送もやっております。 プレミアム放送では公開できないプライベートのお話ですとか、一般放送よりも先に情報を公開するなど、プレミアムの方だけの限定放送を行っております。 初日無料でウェブからの申し込みで月額200円でやっておりますので、お試しでも参加いただければと思います。 毎週土曜日の14時から15時この1時間はプレミアム限定の生放送を行っております。 黙々会という形で私の1時間、自由に使える時間としております。 質問でも相談でもこれやってみたいなどんなご依頼でも構わないので、プレミアムの方はぜひ利用いただければと思います。 この黙々会ですが、月に1回は通常放送というか一般公開もしようと思っております。 近々で言いますと、今週末7月25日の土曜日の14時、15時は黙々会を通常放送というか一般公開して、皆さんにも参加いただけるような形にしたいと思っておりますので、 お時間の合う方は参加いただければと思います。 そして、登壇できる方とか、手を挙げてこういったことをやりたいなみたいなことがある方は、ぜひその場でお話しできればいいかなと思っております。 録音はあまりする予定はないので、録音するかどうかはその時決めますが、基本は録音しない方針でやっていこうかなと思っております。 ぜひ興味のある方は参加いただければと思います。 また、各種SNSでも発信活動を行っておりますので、そちらのフォローもお願いします。 そして、私のLINEスタンプが存在します。 ハムスターが日常会話する、いつでもどこでも誰でも使える簡単なLINEスタンプになってますので、 こちらの方は概要欄にリンクがありますので、よかったら使っていただければと思います。 はい、ということで、それでは今日も適当にまったりお過ごしください。ありがとうございました。