Photoshop

Photoshopでチャンネルミキサーを使う方法【初心者向け】

Photoshopで【チャンネルミキサー】を使う方法を初心者向けに解説した記事です。チャンネルミキサーを使うことで、色を要素ごとに分けて、細かい調整が可能になります。3つの円の画像を例にして、色がどのように変わるのか具体例を紹介。

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

Photoshopでチャンネルミキサーを使う方法を初心者向けに解説した記事です。

この機能を使うことで、色を要素ごとに分けて、細かい調整を行えます。

(※今回の作業はすべてAdobe Photoshop CCのバージョンで行っています)

事前準備

Photoshopを立ち上げ、画像を表示させておきましょう。

今回は例として以下の画像を使用します。

まずは、画面上部のメニュー「ウィンドウ」をクリックします。

color_rgb_m_1

「色調補正」にチェックを入れます。

すでにチェックが付いている場合は、色調補正パネルがすでに表示されていますので確認しましょう。

color_rgb_m_2

色調補正パネル内のアイコン「チャンネルミキサーの調整レイヤーを新規作成」をクリックします。

color_rgb_m_3

チャンネルミキサーのレイヤーが作成されました。

color_rgb_m_4

チャンネルミキサーのレイヤーと画像レイヤーの境界にカーソルを合わせ、Alt（macの場合はoption）を押します。

以下のようにカーソルが変化するので、その状態でクリックしましょう。

color_rgb_m_5

これで下の画像レイヤーだけにチャンネルミキサーが適用されるようになりました。

color_rgb_m_6

チャンネルミキサーの使い方

チャンネルミキサーのレイヤーをダブルクリックするとダイアログが表示されるので、左上の「チャンネルミキサー」のアイコンをクリックします。

各表示項目の内容は下記の通りです。

出力先チャンネル

デフォルトでは「レッド」に設定されています。

これは#RRGGBBで構成されている16進数の色コードの#RRGGBBの部分を調整するという意味です。

「レッド」「グリーン」「ブルー」の各スライダー

こちらでは、ツマミを動かすことで画像内の関連する色の調整ができます。

「レッド」のスライダーを動かした場合、下の画像の黒丸で囲まれた部分にだけ変更が反映されるようになります。

color_rgb_m_7

実際に使ってみましょう。

まず最初に、「レッド」のスライダーを100％から0％へ移動させてみます。

画面は以下のように変化しました。

color_rgb_m_8

どのように各色のコードが変化したかを図にしてみました。

色コードを緑で色付けした部分が変更された箇所です。

最初の”FF”の部分がそれぞれ”00″になり、そのコードに対応した色に変わっています。

color_rgb_m_9

「レッド」の部分だけを動かすと、緑色と青色の部分は変わらないんですね。

これがチャンネルミキサーでできることなんだ。

特定のカラーチャンネル(色の成分の情報)に対してだけ補正を行うので、チャンネルごとに異なった調整ができるんだよ。

緑や青だけ変更することもできるってことですか？

その通り！他のパターンも見てみようか。

「レッド」を100％に戻し、次は「グリーン」のスライダーを調整してみましょう。

以下の黒丸で囲んだ部分だけに変更が反映されるようになります。

color_rgb_m_10

「グリーン」のスライダーを0％から100％にすると、色は以下のように変化します。

color_rgb_m_11

以下は「グリーン」のスライダーを調整した際の、各色コードの変化です。

黄色の部分は最初から調整する部分が”FF”という最大値のため変化しません。

他の色はそれぞれ”00″から”FF”へ変わり、それに対応した色に変わっています。

color_rgb_m_12

同様に、「ブルー」のスライダーを調整した場合も見てみましょう。

適用されるのは以下の黒丸で囲んだ部分です。

color_rgb_m_13

「ブルー」のスライダーを0％から100％にすると、色は以下のように変化します。

color_rgb_m_14

以下は「ブルー」のスライダーを調整した際の、各色コードの変化です。

先ほどと同様に、最初から”FF”の部分はそのままです。

color_rgb_m_15

次に、「出力先チャンネル」を「レッド」から「グリーン」に変えてみましょう。

この場合、色コードで変化が起きるのは#RRGGBBの中の#RRGGBBの部分です。

color_rgb_m_16

出力先チャンネルが「グリーン」の時、「レッド」のスライダーを0％から100％にすると、色は以下のように変化します。

color_rgb_m_17

各色コードの変化を見てみましょう。

緑で色付けした部分が変更された箇所です。

color_rgb_m_18

同様に、出力先チャンネルを「ブルー」にした場合は、#RRGGBBの箇所が変更されます。

ぜひ試してみてください。

「レッド」と「グリーン」みたいに、複数のチャンネルを同時に操作することもできるんですね。

チャンネルミキサーは感覚的に使うのは少し難しいけれど、うまく利用することで画面内の色を自由に操作できるようになるんだ。

色コードやチャンネルについてもよく知っておく必要がありそうですね。

ありがとうございます！

[PR] Webデザインで副業する方法とは

まとめ

今回はPhotoshopでチャンネルミキサーを使う方法を解説しました。

チャンネルミキサーは、画像全体ではなく特定のカラーチャンネル（色の成分の情報）のみに変化を加えたい場合にとても便利な機能です。

デザインのカラーバリエーションを作る際などに役立ちますので、ぜひ取り入れてみてください。

Photoshopを学習中の方へ

これで解説は終了です、お疲れさまでした。

Photoshopを調べたけど分かりづらい
副業や転職後の「現場で使える」知識やスキルを身につけたい

Photoshopの学習や情報収集をしていて、このように思ったことはありませんか？

テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。

合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。

Photoshopを使ってベジェ曲線を描く方法【初心者向け】

ベジェ曲線とはコンピューターグラフィックにおいて主に図形や文字を描画する際に使用されるもので、始点・終点などの座標を元に形成されています。一般的には、A...

Photoshop

Photoshopのパペットワープについて現役エンジニアが解説【初心者向け】

Photoshopのパペットワープについて、TechAcademyのメンター（現役エンジニア）が初心者向けに解説します。なお本記事は、TechAcade...

Photoshop

Photoshopでテクスチャを使う3つの方法【初心者向け】現役デザイナーが解説

テクスチャとは画像の一部、または全体に特殊な効果を入れることによって紙や布、岩などの質感を表現するものです。 Photoshopではさまざまな方法を使って...

Photoshop

Photoshopで鉛筆風のイラストを描く方法【初心者向け】

Photoshopで鉛筆風のイラストを描く方法を初心者向けに解説した記事です。 Photoshopでは、「選択範囲」機能と「ペンツール」を使用することで鉛...

Photoshop

Photoshop（フォトショップ）で画像を切り抜く方法【初心者向け】

初心者の方でもAdobe Photoshopの使い方がわかる記事です。ここではPhotoshopで写真を切り抜いて加工する方法について解説します。 ...

Photoshop

Photoshopで自動で画像を並べる方法を現役エンジニアが解説【初心者向け】

Photoshopで自動で画像を並べる方法について、TechAcademyのメンター（現役エンジニア）が初心者向けに解説します。なお本記事は、TechA...

Photoshop

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

【完全初心者向け！】コミュニケーションツールSlack（スラック）の使い方

チーム内のコミュニケーションツールとして多くの人が利用しているSlack(スラック)。充実した機能やシンプルなデザインに慣れると他のツールでは物足りなく感じるでしょう。 IT企業ではすでにSlackを社内コミュニケーションツールとして利用しているところが増えています。非エンジニアでもSlackを利用している人、企業は増えてきているので、ぜひ使い方をマスターしましょう。目次 Slackとは Slackの使い方応用編 Slackのショートカット連携できるアプリを一部紹介【動画でもわかりやすく解説しています。クリックで見る！】 Slackとは Slackはチーム内でのコミュニケーションをとることができるチャットサービスです。画像のアップロードやソースコード共有などの機能も充実しており、プライベートの他にプロジェクトの進行などにも役立ちます。料金体系としては、無料から利用することができ、月額課金だと1ユーザー毎に6.67ドル、12.50ドルのプランが用意されています。課金することで過去のメッセージを無制限に検索することができたり、連携できるアプリも無制限になるなど、安価で幅広く使うことができます。 [PR] Webデザインで副業する方法とはSlackの使い方新規チームの作成とユーザー登録まず、以下のリンクにアクセスします。 https://slack.com/ 「詳しく見る」→「Slackを無料で試してみる」を選択します。左の「Slackワークスペースを作成する」を選択します。登録するメールアドレスを入力し、「確認する」を押します。登録したメールアドレスに6桁の確認コードが届きますので、ここで入力します。社名またはチーム名を入力し、「次へ」をクリックします。プロジェクト名を入力し、「次へ」をクリックします。チームメンバーを追加します。「後で」でスキップすることも可能です。以上で最初の設定は完了です。画面の見方と基本の使い方メンバーの招待右画面のステップに沿って進行します。最初にチームを編成します。名前(省略可能)とメールアドレスを入力して「招待する」をクリックすると、対象の人に招待メールが送信されます。メンバーが最初にSlackを利用する際に表示される挨拶文は編集することができます。そのままでOKの場合は「保存する」を選択します。プロジェクトの最初のメッセージを送信します。最後に「設定を完了する」をクリックします。 Slack内で表示される名前と、Slackにログインする際に使用するパスワードを設定します。ワークスペース名と、使用するSlackのURLが表示されます。これがチームで使用するURLになります。以上でメンバーとチャンネルの設定は完了です。「さっそくSlackをスタート」をクリックします。チャンネル以下の部分は「チャンネル」と呼ばれる部分で、話題の内容ごとに分けた部屋を作成することができます。新しくチャンネルを作成する場合はこの＋のボタン(「チャンネルを追加する」と表示される)をクリックします。チャンネルの名前・説明を入力し「作成」をクリックするとチャンネルが作成されます。説明やメンバーは後から変更可能です。チャンネル内でチャットを行う場合は、該当のチャンネルを選択した状態で下の投稿欄から内容を入力します。入力した内容はそのチャンネルでのみ表示されます。ダイレクトメッセージ特定のメンバーにだけメッセージを送りたい場合は、ダイレクトメッセージメニューから該当のユーザー名を選択し、チャンネルのときと同様に内容を入力します。ここで書かれた内容は相手と自分にのみ表示されます。応用編プロフィールとアイコン画像を変更するプロフィールを変更する場合は左メニュー一番上の自分の名前の部分をクリックし、「プロフィールを表示する」を選択します。「プロフィールを編集」をクリックします。氏名、表示名、役職、電話番号、アイコンを変更することができます。ピン機能で大事なメッセージをすぐ見れるようにする Slackでは大事な情報やお気に入りのメッセージをピン留めしてすぐ見れるようにしておくことができます。ピン留めしたいメッセージの右メニューから以下の項目を選択します。ピン留めしたメッセージは「チャンネル詳細を開く」→「ピン留めアイテム」で確認することができます。外部サービスと連携する左メニューから「App」を選択します。連携できるサービスの一覧が表示されます。使用したいサービスを選択します。「Slackに追加」をクリックします。 SlackのショートカットショートカットはSlack内でいつでも確認することができます。メッセージを入力する欄に「/shortcuts」と入力し送信します。使用できるショートカットの一覧が表示されます。普段利用しやすいショートカットの例です。「Ctrl＋u」を入力するとその場でファイルのアップロード画面を表示させることができます。連携できるアプリを一部紹介社内のコミュニケーションツールを選定する上でSlackを導入している企業は、この連携できるアプリの多さで決めているところもおおいでしょう。 Slackの大きな特徴でもある外部アプリとの連携ですが、どんなアプリと連携できるのか、どんな使い方ができるのか一部紹介していきます。 Googleカレンダー（スケジュール管理）自分が入っている予定については10分前や15分前にSlackのチャンネル上や自分へのDMで知らせることができます。 Trello（タスク管理） Trelloに登録されているタスクの進捗確認や完了したことの共有をすることができます。 Wrike（タスク管理） Trello同様、タスクの共有や終わったかどうかの通知などを行うことができます。ここは社内でどのサービスを利用しているかによって連携するアプリを使い分けるのが良いでしょう。 GitHub（開発） GitHubのアカウントを紐付けておけば全ての通知を受け取ることができます。 issueの登録、プルリクの通知、コメント文の共有など多くの企業が開発する上でGitHubを使っていると思うので、ぜひ連携しておきたいアプリケーションの1つでしょう。 Googleハングアウト（ビデオチャット） SlackからすぐGoogleハングアウトへのビデオチャットに遷移できるものです。社内でGoogleハングアウトを利用していれば入れておいた方が便利でしょう。 appear in（ビデオチャット） Googleハングアウト同様、ビデオチャットにすぐ遷移できるものです。社内でappear inを利用していれば入れておいた方が便利でしょう。 Twitter（SNS） Slackでは、SNSのアカウントと紐付けて通知などを受け取ることができます。ユーザーの声などをいちいち追わなくてもSlack上に通知が届くので、社内全体でユーザーの反応を見て取れるでしょう。このように今まではいろんなアプリを開いて別々に見ていたものが、Slackと連携することによって1つのアプリ上で確認することができます。アメリカでは、Slackでタクシーを呼べたり、弁当の注文ができるなど様々なアプリとの連携が進んでいるので、これからが楽しみではあります。効率よく仕事をするためにも便利なアプリはSlackと連携しておきましょう。以上、Slackの使い方について解説しました。 Slack自体は海外のサービスですが、その使いやすさ故に日本でも導入している企業はどんどん増えてきています。特にエンジニアにとって作業効率が上がるGitHubなどの他サービスとの連携が優れており、他のサービスと差別化しているものとなっているでしょう。個人間での利用でも十分活用できるので、ぜひこれからSlackを使ってみてはいかがでしょうか。 [お知らせ]TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。Slackのようなサービスを作ってみたい方はぜひご覧ください。

ツール系

Photoshopでアンチエイリアスをかける方法【初心者向け】

コンピューターで図形などを描画する際、ピクセル単位のギザギザ(ジャギーと呼ばれるもの)が発生する場合があります。そんな時に、Photoshopのアンチエイリアス機能を使用すると、それらを目立たなくさせることが可能です。今回は初心者向けに、アンチエイリアス機能の使い方を紹介します。目次事前準備チャンネルミキサーの使い方まとめPhotoshopを学習中の方へ (※今回の作業はすべてAdobe PhotoShop CCのバージョンで行っています) 大石ゆかり田島メンター！！カンバスに楕円形ツールで丸を描いたんですが、何かギザギザした感じになってしまったんです…… 田島悠介もしかして何かの拍子で「アンチエイリアス」のチェックを外してしまっていたんじゃないかな。大石ゆかりアンチエイリアスっていうのは何ですか～？田島悠介ツールを選択したときに上のオプション欄に出ているはずだよ。まずは画面で確認してみよう。図形描画にアンチエイリアスを反映させる方法円などの曲線のある図形を作成する際にアンチエイリアスを使用する方法を紹介します。まずは、アンチエイリアスが反映されていない状態を試してみましょう。ツールパネルの「楕円形選択ツール」を選択し、画面上部のオプションバーの「アンチエイリアス」にチェックが入っていない状態にします。カンバス上に、適当な大きさの選択範囲を作成します。作成した選択範囲に「塗りつぶしツール」を使って色を付けてみましょう。 ※塗りつぶしツールは、ツールパネルの「グラデーションツール」を長押しすると表示されます。以下が塗りつぶし後の結果です。曲線の部分が滑らかでなく、ピクセルの形が目立ってギザギザになっている(ジャギーのある)状態です。このギザギザを目立たなくさせるためにアンチエイリアスの機能を使います。今度は、アンチエイリアスが反映されている状態と比べてみましょう。楕円形選択ツールが選ばれていることを確認し、今度は「アンチエイリアス」にチェックを入れます。先ほどと同じように円の選択範囲を作成します。同様に塗りつぶしツールを使って色を付けてみましょう。左が最初にアンチエイリアスなしで描画した円、右がアンチエイリアスを使用して描画した円です。先ほどと違い、曲線部分のギザギザが目立たなくなっているのがわかります。田島悠介ふたつの画像を見比べてみよう。大石ゆかりアンチエイリアスにチェックが入っていないと、ギザギザが見えるんですね。田島悠介アンチエイリアスは図形だけでなく、文字にも反映されるんだ。次の例を見てみよう。文字入力にアンチエイリアスを反映させる方法文字を入力する際にアンチエイリアスを使用する方法を紹介します。文字入力でもアンチエイリアスの反映されていない状態を試してみましょう。ツールパネルから「文字ツール」を選択します。画面上部のオプションバーにある、赤枠で囲った枠内の項目が「なし」になっていることを確認します。文字を入力してみましょう。以下のようにギザギザがかなり目立っている状態になります。では次に、先ほどの項目で「強く」を選択します。もう一度同様に文字を入力します。以下は、上が先ほどの文字、下がアンチエイリアス(強く)を使用した状態の文字です。見た目にもはっきりとギザギザが目立たなくなっているのがわかります。アンチエイリアスの処理は特に文字入力の際、綺麗に仕上げるために必要になります。 [PR] Webデザインで副業する方法とはまとめ今回は初心者向けに、Photoshopでアンチエイリアスをかける方法を紹介しました。図形描画の際のアンチエイリアスはオン/オフの切り替えのみですが、文字入力の際には複数の項目が選択でき、好みのアンチエイリアス具合に調整できるようになっています。ピクセル単位で色分けをするドット絵などを作成する場合には、アンチエイリアスはなしにすると良いですが、そうでない場合は基本的にアンチエイリアスを反映させておくと良いでしょう。田島悠介意図的にギザギザを見せたいような場合以外では、基本的にアンチエイリアスのチェックはオンにしておくといいね。大石ゆかり今確認したら、さっき私が円を作成したとき確かにチェックが外れていました。田島悠介アンチエイリアスは他にも選択範囲を作成したときに、その境界を滑らかにするなどの機能があるよ。自然な編集を行いたい場合に必要な機能なので覚えておこう。大石ゆかり分かりました！ありがとうございます！ Photoshopを学習中の方へこれで解説は終了です、お疲れさまでした。 Photoshopを調べたけど分かりづらい副業や転職後の「現場で使える」知識やスキルを身につけたい Photoshopの学習や情報収集をしていて、このように思ったことはありませんか？テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。

Photoshop

Photoshopで写真をモノクロにする3つの方法【初心者向け】

画像を編集する際に、デザインとしてモノクロ（白黒）にすることもあると思います。 Photoshopでのモノクロ加工には、いくつかの方法があります。今回はそのうちの3つの方法を紹介します。 (※今回の作業はすべてAdobe Photoshop CCのバージョンで行っています。) 目次事前準備チャンネルミキサーの使い方まとめPhotoshopを学習中の方へ田島悠介今回は写真をモノクロにする方法を練習してみようか。大石ゆかりカラーから白黒にするってことですね。でもそんなことできるんですか～？田島悠介やってみると気付くと思うけれど、簡単なやり方ですぐできるんだ。 3つの手法で試してみよう。大石ゆかり分かりました！モノクロ画像の用途モノクロで印刷する場合に、画像はモノクロ画像を用意します。他にも画像認識や画像加工の際に、3色（RGB）画像から1色（モノクロ）画像を作って使用します。モノクロ画像は前処理用画像としてよく用いられるため、作り方を知ることは大切なことです。写真をモノクロにすることの意味カラーの画像は色のデータを持っています。色は3要素（色相、彩度、明度）をもっていて、それをRGB成分の値で表現しています。モノクロ画像とは主にカラー画像から明度データだけを取り出したものです。一般的には3色データから1色データを作ることで、モノクロ画像を作ることができます。 [PR] Webデザインで副業する方法とは写真をモノクロにする方法モノクロ画像を作る方法は大きく分けて3つあります。グレースケール画像に変換する方法画像の彩度を下げる方法 1チャンネルだけを抜き出す方法順番に紹介していきます。今回はこの画像をサンプルとしてモノクロにしていきます。 1.グレースケール画像に変換する方法文字通り、カラー画像をグレースケール画像に変換する処理です。方法は処理対象の画像を選んだ後、「イメージ」メニューで「モード」→「グレースケール」の順に選びます。この方法はRGB（3色）成分の画像から、明るさ（1色）成分の画像を作成する処理です。グレースケールを選択すると、「カラー情報を破棄しますか？」というアラートが出るので「破棄」を選びます。これでグレースケールにする方法は完了しました。田島悠介グレースケール画像に変換する方法だね。大石ゆかり本当に一瞬でできちゃいました！田島悠介アラートのメッセージにも出ているけれど、カラー情報は失われてしまうよ。元の画像をとっておきたい場合は別に保存しておく必要があるよ。大石ゆかりいわゆる不可逆ってやつですね。他にはどんな方法があるんですか？ 2.画像の彩度を下げる方法続いて、カラー画像の色の鮮やかさを落として無彩色にする方法です。まずは「イメージ」メニューの「色調補正」→「色相・彩度」を選びます。ここで「マスター」の色に対して、彩度を-100に設定します。すると写真がモノクロになりました。 3.1チャンネルだけを抜き出す方法最後に3つめの方法です。チャンネルとはRGBのような色の成分のことです。画像には3つのチャンネルがあります。このうち1つを抜き出すと写真がモノクロになります。まずは、「ウィンドウ」メニューから「チャンネル」にチェックを入れます。するとPhotoshopの右下にチャンネルが表示されます。ここで1つのチャンネルを選びます。今回はレッドを選びました。この状態のまま、範囲選択メニューで「すべてを選択」を選びます。さらに、編集メニューで「コピー」を選びます。コピーした画像を貼り付けましょう。ファイルメニューで「新規」を選び、新しくドキュメントを作成します。作成したドキュメントに先ほどコピーした画像を貼り付けます。さらに、レイヤーメニューで「画像を統合」処理を行うことで、ペーストした画像が背景と統合されます。これで写真が白黒になりました。最初に選ぶチャンネルで画像も少し変わってくるので、他のチャンネルも試してみてください。おまけ：応用例おまけとして応用例をご紹介します。よくCMなどで1ヶ所だけカラーで、他は全部モノクロという画像（映像）があります。今回紹介した「画像の彩度を下げる方法」と同じ考え方で作ることができます。イメージメニューから「色調補正」→「色相・彩度」を選びます。次に残したい色（ここでは赤色系とします）を決めます。その赤色系以外（グリーン系、ブルー系、イエロー系、シアン系）の色の彩度を-100にします。赤色系に該当するレッド系とマゼンタ系は、そのまま(0のまま）にします。すると赤色系だけを残してモノクロの画像が完成しました。今回の記事はいかがでしたか？ぜひ自分でもチャレンジしてみてください。田島悠介各色の要素を操作することで、こういった表現もできるんだ。大石ゆかり広告とかでよく見るやつですね。ちょっとした工夫でおしゃれな画像が作れそうです！田島悠介シンプルにモノクロにするだけならグレースケールで十分だね。でも、色調補正を使うとカラーとモノクロの境目にしたり、上のような一部分だけを適用させたりというふうに、様々な調整ができる。目的に合わせて活用しよう。大石ゆかり実際に触ってみて確かめてみます。ありがとうございました！ Photoshopを学習中の方へこれで解説は終了です、お疲れさまでした。 Photoshopを調べたけど分かりづらい副業や転職後の「現場で使える」知識やスキルを身につけたい Photoshopの学習や情報収集をしていて、このように思ったことはありませんか？テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。

Photoshop

ホワイトペーパーの構成を極める：生成AIで効果的なアジェンダ作成法

田島悠介ホワイトペーパーのアジェンダ作成は、新技術の市場導入や認知度向上を目指す企業にとって重要な戦略的ステップです。大石ゆかり適切なアジェンダを作成することで、ターゲットオーディエンスに効果的にアプローチし、エンゲージメントを高めることができますね！田島悠介本記事では、生成AIを活用したホワイトペーパーのアジェンダ作成方法について解説します。大石ゆかりよろしくお願いします！田島悠介先にこの記事を選んでくれたお礼にちょっぴりオトクな情報です。生成AIを仕事で活かしたい人は『GAIナレッジベース』を使ってみましょう。500件以上のプロンプト集や最新ニュースで効率や視座が変わり、自分らしいキャリアをデザインできます。無料なので30秒だけでも見てみてください。今すぐ働き方を変える＞さて、それでは解説を始めます。生成AIを活用したホワイトペーパーのアジェンダ作成生成AIを活用することで、ホワイトペーパーのアジェンダ作成プロセスを効率化し、高品質なコンテンツを生成することができます。以下に、生成AIを使ったアジェンダ作成の手順を説明します。 1. 目的と背景の明確化まず、ホワイトペーパーの目的と背景を明確にします。これには、新技術の市場導入、認知度向上、主要プレイヤーや投資家とのエンゲージメント向上などが含まれます。また、企業の現状や課題も整理しておきましょう。 2. ターゲットオーディエンスの特定ホワイトペーパーのターゲットオーディエンスを明確にします。例えば、エネルギー業界の主要プレイヤー、投資家、ベンチャーキャピタル、政府機関、規制当局などが考えられます。 3. 新技術情報の整理紹介する新技術の詳細情報を整理します。技術名、特徴、利点、市場への影響などを明確にしておきましょう。 4. 生成AIへのプロンプト作成上記の情報をもとに、生成AIへのプロンプトを作成します。以下は、プロンプトの一例です。 #命令以下の要件を踏まえて、マーケティングのホワイトペーパー作成を行ってください。 #役割あなたは、持続可能なエネルギー解決策を提供する企業のマーケティング担当者です。 #目的新技術の市場への導入と認知度向上を図り、エネルギー業界の主要プレイヤーや投資家に対するエンゲージメントを高める。 #背景と課題・当社は、持続可能なエネルギー解決策を提供することを目指して設立された新進企業です。・新しいエネルギー貯蔵技術を開発しましたが、市場認知度がまだ低く、エネルギー業界の主要プレイヤーや投資家との関係構築が不十分です。・競合他社は、既に類似の技術を市場に導入しており、市場シェアの獲得が難しくなっています。・当社の技術が業界に与える可能性のある影響を説明し、利害関係者に当社のビジョンを理解してもらう必要があります。 #ターゲット・エネルギー業界の主要プレイヤー（電力会社、再生可能エネルギー企業、エネルギー関連のスタートアップ）・投資家、ベンチャーキャピタル・政府機関および規制当局 #新技術情報・技術名: GreenStorage™ ・技術の詳細: ・革新的なエネルギー貯蔵技術で、再生可能エネルギーの効率的な貯蔵と配信を可能にします。・現存するバッテリー技術よりも高いエネルギー効率と低いコストを実現します。・この技術を利用することで、再生可能エネルギーの利用を拡大し、CO2排出を削減することが可能です。 #ホワイトペーパー作成の条件・ホワイトペーパーは、20~30ページの範囲で、当社の新技術、市場分析、競合分析、戦略的アプローチを網羅する内容とする。・視覚的な要素（グラフ、図表、イラスト）を含むことで、視覚的に魅力的であり、理解しやすい内容とする。・エネルギー業界の専門家や投資家も満足できるような、高度な内容を提供しつつ、一般の読者にもアプローチ可能な言葉を使用する。この情報をもとに、ホワイトペーパーの作成において考慮すべきポイント、マーケティング戦略、および生成AIの利用方法に関するアイディアを展開してください。 5. 生成AIの出力結果の活用生成AIからの出力結果を基に、ホワイトペーパーのアジェンダを作成します。以下は、出力結果の一例です。 ### I. 序文 1. ホワイトペーパーの導入 - 当社の使命とビジョンの紹介 - ホワイトペーパーの構成概要 ### II. 背景と課題 2. 当社の紹介 - 当社の設立目的と価値観 - 持続可能なエネルギー解決策へのコミットメント 3. 新技術の紹介 - 技術名: GreenStorage™ - 技術の詳細説明 - グリーンストレージの競争力と利点 4. 課題の明示 - 市場認知度の不足 - 競合他社の存在 - 利害関係者へのビジョン伝達の必要性 ### III. 市場調査と競合分析 5. AIの役割 - AIの利用意義 - 市場調査とデータ分析の具体的な例 - 競合他社の分析方法 6. 市場の動向 - 再生可能エネルギー市場の成長と傾向 - エネルギー貯蔵市場の機会 7. 競合分析 - 既存競合他社の技術と市場シェア - 競合他社との差別化要因 ### IV. マーケティング戦略 8. ターゲットオーディエンスの明示 - エネルギー業界主要プレイヤー - 投資家とベンチャーキャピタル - 政府機関と規制当局 9. キャンペーン戦略 - AIによるターゲットオーディエンス分析 - ターゲットオーディエンスへのアプローチ - エンゲージメント促進の戦略 ### V. 成果と期待される影響 10. 成果の期待 - 新技術の市場導入と認知度向上 - ターゲットオーディエンスへのエンゲージメント増加 - 持続可能なエネルギー解決策の推進 11.

生成AI・ChatGPT

Photoshopで画像の背景を透明（透過）にする方法【初心者向け】現役デザイナーが解説

この記事では、Photoshopで画像の背景を透明にする方法を初心者の方にもわかりやすく解説します。画像を合成する際、不要な部分を「透過」の状態（何も描画されていない、透明の状態）にしなければいけない場合があります。 Photoshopの機能を使うと、簡単にきれいな透明（透過）処理を行うことができるので、ぜひ覚えておきましょう。目次事前準備チャンネルミキサーの使い方まとめPhotoshopを学習中の方へ (※今回の作業はすべてAdobe Photoshop CCのバージョンで行っています。) 【動画の解説はこちら】田島悠介今回は透過について勉強するよ。画像合成には欠かせない要素なので必ず覚えておこう。大石ゆかり田島メンター！！透過っていうのは何ですか～？田島悠介レイヤーの中で、該当のピクセルに何も描かれていない状態のことを言うんだ。透過の部分にはその下のレイヤーの情報が適用されるよ。大石ゆかりなるほど、透明な部分ってことですね！人物写真の背景を透明にする以下の2つの作業を順を追って紹介します。大まかな範囲を選択する境界線調整ブラシツールで調整大まかな範囲を選択するまずは人物写真を使って、基本的な透過の方法を解説します。今回はこちらの画像を使用していきます。左のメニューから選択ツールアイコンを右クリックして「クイック選択ツール」を選びます。人物の形に沿ってドラッグしていきます。この際、Alt＋ドラッグで選択範囲の消去、Shift＋ドラッグで複数の選択範囲を作成できます。だいたい全体を選択した状態です。まだ髪などの細かい部分が選択できていないので調整していきます。「被写体を選択」コマンドを使う(※バージョン 21.2以降) ここまでの作業は、Photoshopのバージョン21.2以降の機能「被写体を選択」コマンドを利用すると、ワンクリックで選択できます。「クイック選択ツール」を選んだ状態で、対象が表示されているレイヤーを選択し、オプションバーの「被写体を選択」をクリックします。すると、人物に沿って選択範囲が作成されます。ここで選択されていない部分や選択を解除したい部分がある場合は、先ほどの「クイック選択ツール」で調整できます。境界線調整ブラシツールで調整では、髪などの細かい部分を選択していきます。オプションバーの「選択とマスク」をクリックし、「表示モード」を境界がわかりやすい「白黒」にしておきましょう。「エッジの検出」内の「スマート半径」にチェックを入れ、半径の長さを画面を見ながら調整します。 ※半径の値が小さければ境界がシャープになり、値を大きくするほど境界がソフトになります。 ※「スマート半径」にチェックを入れると、境界のシャープ〜ソフト具合をPhotoshopが自動で調整します。特に人物を選択する際に威力を発揮します。さらに境界を調整したい部分を指定するために、左メニューの「境界線調整ブラシツール」を選択します。髪などの細かい修正をしたい所を、塗りつぶすようにドラッグしてあげましょう。選択範囲の調整を終えたら、「出力設定」の「出力先」から「レイヤーマスク」を選択してOKボタンをクリックします。元の画面に戻り、レイヤーマスクで選択されていない部分が透過された状態になりました。髪の毛などの細かい部分も選択できています。基本的な透過の方法は以上です。田島悠介クイック選択ツールと「選択とマスク」を使った方法だね。大石ゆかりレイヤーマスクを使うことで、元の画像の情報を保持できるんですね。田島悠介消しゴムツールで消された部分なんかも透過になるよ。あと背景が1色だったりした場合はもっと簡単な方法があるんだ。大石ゆかりへー！どんなのですか？背景が1色の画像を透明にするロゴマークや文字列など、背景との境界がはっきりした画像で、背景が1色の場合はもっと簡単です。今回はこの画像を例にします。左メニューから消しゴムツールのアイコンを右クリックし、「マジック消しゴムツール」を選択します。オプションバーの設定項目の「隣接」にチェックが入った状態にしておきます。背景にしたい部分の中の適当なところをクリックします。すると、クリックした部分と同じ色の所がその場で透過状態に切り替わりました。また、この時「隣接」にチェックが入っていないと処理が少し変わってきます。試しに「隣接」のチェックを外してみましょう。「隣接」にチェックが入っているときとは違い、図形の中の白い部分まで透過になっているのがわかります。「隣接」にチェックを入れると同じ色が隣接している部分をすべて選択するのに対し、チェックを外すと画像全体で同じカラーのピクセルが選択されるようになります。文字列の背景を透過にしたい場合などでは、「隣接」のチェックを外しておくと便利です。 [PR] Webデザインで副業する方法とは手描きのイラストの背景を透明にする（線画抽出する）最後に、スキャンによって取り込んだ紙に描いたイラストなどを、加工しやすくするために背景を透明にする（線画を抽出する）方法です。ここではチャンネルを使用した方法と、クイックマスクを使用した方法の2つを解説します。線画を抽出する前の共通の手順です。スキャンした画像をPhotoshopで開き、スキャン時に入った大きな汚れなどをブラシツールで白く塗りゴミ取りをします。次に、「イメージ」から「色調補正」→「明るさ・コントラスト」を選択します。「明るさ」の部分を右に移動して画像を明るくすることで、さらに細かい汚れを消すことができます。これで下準備は完了です。チャンネルを使用した方法チャンネルパネルを表示し、「チャンネルを選択範囲として読み込む」をクリックします。すると、線画以外の白い部分が選択されました。この状態で、上メニューの「選択範囲」から「選択範囲を反転」をクリックします。選択範囲が反転し、線画の黒い部分のみが選択された状態になりました。レイヤーパネルにて、何もない新規レイヤーを作成します。元のレイヤーは左側にある目玉マークをクリックして非表示にしておきましょう。上メニュー「編集」→「塗りつぶし」を選択します。内容は「カラー」を選び、表示されたカラーピッカーで線画の色に使用したい色を選んだ上で、OKボタンをクリックします。線画の部分が塗りつぶされ、新規レイヤー上に線画を抽出することができました。クイックマスクモードを使用した方法線画を抽出する画像を開き、上メニュー「選択範囲」→「すべてを選択」をクリックします。上メニュー「編集」→「コピー」を選択します。レイヤーパネルで新規レイヤーを作成し、「編集」→「塗りつぶし」で線画の色に指定したい色で全面を塗りつぶします。そのレイヤーを選択した状態にし、元のレイヤー(下のレイヤー)は非表示にしておきます。左メニューの下から2番目にある「クイックマスクモードで編集」をクリックします。上メニュー「編集」→「ペースト」を選択します。画面では以下の画像のようになります。左メニューから先ほどと同じアイコンをクリックし、「クイックマスクモードで編集」から「画像描画モードで編集」に戻します。線画以外の部分が選択されました。上メニューの「編集」→「消去」を選択します。線画以外の部分が透過の状態になり、線画を抽出することができました。いかがでしたか？田島悠介最後に、スキャンした線画だけを残して他を透過にする方法を紹介したよ。大石ゆかりクイックマスクモードというのは、こういうこともできるんですね。田島悠介透過はレイヤーをうまく活用するためにも不可欠な機能なので、しっかり覚えておこう。大石ゆかりそうですね。ありがとうございます！ Photoshopを学習中の方へこれで解説は終了です、お疲れさまでした。 Photoshopを調べたけど分かりづらい副業や転職後の「現場で使える」知識やスキルを身につけたい Photoshopの学習や情報収集をしていて、このように思ったことはありませんか？テックアカデミーのPhotoshop講座では、第一線で活躍する「プロのWebデザイナー」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。合格率10%の選考を通過した、選ばれたWebデザイナーのチャットサポートを受けながら、初心者でもフォトレタッチをマスターできます。

Photoshop

これからのエンジニアに必要なスキルとは【非エンジニアサミット・イベントレポート】

TechAcademyでは、2015年6月14日に『非エンジニアサミット「プログラミングをシゴトにする」』というイベントを開催しました。これからプログラミングの学習を始める方を対象に、第一線で活躍するエンジニアから直接話を聞けるイベントです。第1回目となる今回は、株式会社クラウドワークスCTOの大場光一郎氏、株式会社Fablicの堀井雄太氏をゲストとしてお迎えしました。本記事ではイベントレポートをお届けします。これからプログラミングの学習を始める方は参考にしてみてください。ゲスト大場光一郎氏（株式会社クラウドワークス執行役員CTO） 2001年、伊藤忠テクノソリューションズ株式会社へ入社。在職中、Rubyの導入支援やRubyを用いたクラウドサービスの開発・運用に従事。グリー株式会社インフラストラクチャ部門にて、開発環境からプロダクションをつなぐDevOps周りを担当し、GitHub Enterpriseの導入による開発品質の向上や、デプロイメント支援システムをRubyで開発。 Rubyやソースコード管理に関する講演、著書多数。 2014年1月、株式会社クラウドワークスに参画、執行役員CTOに就任。堀井雄太氏（株式会社Fablic チーフエンジニア）「Fril(フリル)」を開発しているエンジニア。2007年、株式会社ECナビ（現：VOYAGE GROUP）に新卒入社。比較サイトの運営やディレクトリ検索サービス、広告配信システムの開発などを経験。2012年、株式会社Fablicを創業し女性向けのフリマアプリ「Fril」を開発、インフラ、サーバーサイドの開発担当。クラウドワークス大場氏講演まずは、大場光一郎氏から講演いただきました。講演では、エンジニアになったきっかけ、社内の開発体制、これからエンジニアを目指す人に期待することをお話しいただきました。エンジニアになったきっかけ学研の教材に載っていたマンガがきっかけでBASICを使ってプログラムを書いてゲームを作りながら自分でやってみようと思ったのが、一番最初にプログラムを書くことのスタートだったとのこと。その後は、ハードウェアを組み合わせた業務システムを開発している会社に入社。当時は「プログラムさえ書ければいい」と思って社会人をスタートしたそうです。その時のことを大場氏は「今から考えると当たり前ですが振り返るとコードを書けるだけで会社を選ぶのは良くない」とも語りました。またその頃、働いていた会社とは別に、オープンソースを開発するプロジェクトに入り、そのプロジェクトの開発者との交流を通じて、組織の垣根を越えてプロジェクトを進めることを経験したそうです。そのため、大場氏の考え方の根本は「オープン」。実際仕事の中でもオープンソースのように仕事をしているのが特徴なんだそうです。クラウドワークスでの開発体制クラウドソーシングサービスのクラウドワークスの開発体制はどうなっているのでしょうか。特徴は、UX改善会を開催してユーザー体験を大切にした開発を重視していること。「UX改善会」は、3、4人のチームを組んで、ユーザー視点でサービスを使い、サービスにおける課題を見つけ、改善案などをプレゼンテーションに落とし込んで全社員に発表するというもの。社員はもちろん、エンジニアインターンの学生から率直な意見を聞いて改善に役立てているといいます。この取り組みにより、サービスを使い続けていると当たり前になって気づかないことを、改めてフレッシュな気持ちでサービスを見つめられ、実際にサービス落としこんで、日々改善ができているんだそうです。開発分野の他に、クラウドワークスでは日報の書き方にも工夫があり、お互いがどんな仕事をしているか共有し合えるように、他の部署の人でもわかる言葉で伝えることを推奨しているそうです。これからエンジニアを目指す人に期待すること大場氏は「今は技術が折り重なってできているので、深堀りすればするほど深いし、技術の移り変わりも早いので、エンジニアとしては多層的に折り重なる技術を同時に理解できないといけない状況です。」とエンジニアとして必要なことを語りました。そのような状況の中で、初心者としてプログラミングをはじめるのは、チュートリアルなどが充実しているため、比較的簡単で、初心者から中級者に上がるにはいろいろな技術をキャッチアップする必要がでてくるため、1人では限界があるとのこと。そのため大場氏は、勉強会を通して仲間を見つけることや、プログラミング学習のサービスの活用などを推奨しているそうです。また、JavaもRubyも最初は「おもちゃ」と言われていた背景があり、「おもちゃ」と言われているような技術を使ってみることの大切なんだそうです。「イノベーションを起こすようなものは最初おもちゃのように思われがちですが、だからこそチャレンジすることが今後のエンジニアに必要なのではないか」と大場氏は締めくくりました。 [PR] Webデザインで副業する方法とはFablic堀井雄太氏講演続いて、堀井雄太氏に講演いただきました。大場氏と同じく、エンジニアになったきっかけ、社内の開発体制、これからエンジニアを目指す人に期待することお話しいただきました。エンジニアになったきっかけもともとは経済学部出身で、大学でもプログラミングの授業で受けていたわけではない、いわゆる文系プログラマーだという堀井氏。それでも大学生のころから漠然とWebサービスを作ってみたいと思っていたそうです。そこで大学生のうちにいろいろな会社でインターンをとして働いていたのがプログラミングを学ぶきっかけ。最初はHTML/CSSを使ってWebサイトを作るところからはじめ、本を読み込んでサービスを作ってみるなど独学で学んだとのことです。その後、ECナビ（現在のVOYAGE GROUP）に新卒で入社し、自社プロダクトの開発と運用をして、後半の2年はインフラの部署に所属されていました。会社に所属することのメリットとしては、独学よりも体系的に学べる、先輩や同僚がいることで成長できるなどを挙げていました。堀井氏が講演の中で話した、「エンジニアとしては遅咲きだが、遅いということはない。意志があれば、とりあえずやってみるのが大事」という言葉が印象的でした。 Frilの開発体制株式会社Fablicは、2012年7月にフリマアプリのFril（フリル）をリリース。累計ダウンロード数が300万を越えているといいます。現在は、12、13人のメンバーで開発しているそうです。エンジニアはまだまだ増やしたいとのことで、募集も随時行っているとのこと。開発体制として特徴的なことは、ユーザーと一緒に開発すること。実際にFrilを使っているユーザーをカスタマサポートとして採用しているそうです。開発の現場にユーザーがいて、「困ったことがあったらユーザーに聞く」が信条で、実際の開発フローにユーザーが関わるようにしているといいます。これからエンジニアを目指す人に期待することどんなエンジニアになるかを意識することが大事とのことです。会社のフェーズによってエンジニアに求められることは違うので、技術の経験たくさんを積むことが大事。堀井氏自体も、サーバーサイドもインフラも関わってきましたが、今では全てが関係しているそうです。それぞれの領域を学んでいく中で、強みを形成していくのが良いとのことでした。また、技術を学ぶだけでなく、行動して実践することも大事。チームで開発できる、社内で共有できる、社外にアウトプットできる、リーダーシップを発揮できるなど、技術をもとに行動することが今後のエンジニアに求められていると語っていました。また、最後には「ものづくりは楽しいので、楽しみながら開発していくのが大事」というメッセージで堀井氏は締めくくりました。パネルディスカッション「これからのエンジニアに必要なスキルとは」続いて、大場氏、堀井氏によるパネルディスカッションです。モデレーターはTechAcademyを運営するキラメックス株式会社の代表取締役社長の村田がつとめました。パネルディスカッションでは、事前に参加者から募集した質問をもとに回答いただきました。質問はこれからエンジニアになっていくことを想定して、下記のセクションに分けて進めています。エンジニアになる前の段階エンジニアとして働く段階エンジニアとしてさらにスキルアップする段階エンジニアになる前の段階（村田）それではパネルディスカッションを始めていきます。非エンジニアの方のプログラミング学習が一歩前に進むきっかけになればいいなあと思っています。最後には会場のみなさんからの質問も受け付けます。（村田）まず1つ目の質問ですが、「どのプログラム言語から勉強するべきか」という疑問にお答えいただこうと思います。これみなさん非常に悩ましい点だと思うのですが、このあたりお二人はどのようにお考えでいらっしゃいますか？（堀井）最初はPHP、Perl、Rubyあたりから始めるといいのかなあと思っています。理由は、コミュニティが活発なので困ったらそういうコミュニティに相談して聞く環境があることですね。あとは、実際に企業に入ってみて使われていることも多いです。実際、私が新卒で入った会社も主要な言語がPHPであとPerlとRubyも少しあったので就職するときも有利だと感じています。（村田）なるほど。大場さんはいかがでしょうか？エンジニア歴も長いと思いますが。（大場）最初に触る言語としては僕はなんでもいいかなと思ってるんですけど、子供向けや教育向けと呼ばれる機能が制限された言語よりは汎用的な言語を使った方がいいかなと思っています。それがコンピュータが本来持っている能力を引き出せる可能性があるという理由です。なので、あんまり学びやすさとか初心者向けといった軸で選ぶよりは、なんでもできるような言語を選ぶのがいいのではないでしょうか。（村田）では続いてプログラミングを勉強する段階になった際に「どこから着手すればいいか」という質問に入っていきたいと思います。具体的にあれば教えていただけますか？（大場）さっき話したことと関係しているのですが、一つのサービスを成り立たさせるためにはいろんな技術の積み重ねがあって、一部分だけわかっててもサービスとしては成り立たないことがあります。だから、どこからというよりは「これが作りたい」とか「こんなサービスをやってみたい」といったところを目指して、それに足りないのはどこなのか、簡単そうなのはどこなのか、一番難しそうなのはどこなのか、そういう切り分けでちょっとずつ自分がどこにいるかわかるように進めるのがいいんじゃないかなと思います。この言語を覚えたいといった学習の仕方だとモチベーションが続かないと思うんですよね。（村田）それはありますよね。（大場）コンピュータという分野も3ヶ月勉強した人や10年仕事で使ってますという人とか経験にいろいろあっても、その中で「マスターしました」って自分で言える人はあんまりいないと思うんですよね。すごい奥が深い世界なんで。だからこの言語をマスターするまでやろうとなると結構どこまでいっていいかわからない。なので、道具として何をやりたいかというところを目標にすると続きやすいんじゃないかなと思います。（村田）目的ありきでその言語をツールとして使って、形にしていくところから足りない部分を補うのがいいんじゃないかということですよね。堀井さんはいかがでしょうか？（堀井）大場さんも仰ったように一つを学べば終わりというものではないですね。プログラミングをするモチベーションを保たないと結局意味ないので、自分がこういうのがあったら便利だなというものをとりあえず手を動かしながら作るのがいいと思います。（大場）さっきTechAcademyのオンラインブートキャンプの説明の中で、Twitterクローンを作るというお話しでしたが、あれってどこまでのクローンなんですかね？投稿するだけだと簡単だけどTwitterを真面目に作ると結構難しいと思うのですが。（村田）Ruby on Railsチュートリアルに載ってるくらいのマイクロポストみたいなレベル感ですね。ユーザー登録ができてフォローして、その投稿がそれぞれタイムラインに一列に出てくるクローンです。（大場）フォローもするということは、ある程度データベースの関係性もグラフみたいなところもやるんですね。そういう意味では歯ごたえのある感じですね。（村田）そうですね。実際に世界中で使われているようなサービスに近い形で作る方がモチベーションが上がると思っています。全く使わなそうな図書館データベースを作るよりもTwitterクローン作る方がイメージがわきやすいし面白いなと感じてもらえるはずです。プログラミングを学習するときのモチベーション、特に一人で勉強する時間が長いので、自分がやる気になるようなところから始めるのがいいのかもしれませんね。（村田）では次にいきましょう。「プログラミング習得をする上でつまずきやすいポイントとその解決方法」について聞いてみたいと思います。堀井さんいかがですか？（堀井）つまずくところいっぱいありますね。特に、環境構築が一つのハードルになるかなと思ってます。弊社でもインターンに来てもらうことが多いのですが、プログラミングを書き始めるまでの開発体制を整えるところで時間がかかることがあります。ただ、今はEC2とかHerokuとか、必要なパッケージがそろっている状態で始められるものもありますね。無料プランを使うか、少しお金を出せばサーバーが簡単に手に入るので、うまく使って最初のハードルを乗り越えてから本を一冊写経してみるといったことから始めるのがいいのかなと思ったりしますね。（大場）個人的には難しいところって技術と技術の境目の部分かなと。例えば、Rubyだとアプリケーション開発の知識がいるし、データベースにアクセスするときにSQLみたいな言語をわかってないといけないし、両方わかってないといけないようなシチュエーションがサービス開発の中でたくさんあります。両方の知識が求められるところでハードルがぐっと上がって、新しいことを覚えるのが難しいのかなと思いますね。その解決方法としては繰り返すということですかね。繰り返していると、「これはこのことだったんだ」みたいに理解できることもあるので、反復するところがコツかなと思っています。もう一つつまずきやすいところとしては、技術の中でそもそも難しいところです。C言語だったらポインタ、Rubyだったらブロックとかですね。そもそも考え方が難しいものがいくつかあって、それを変な例えで理解しようとしても、結局どこかで嘘が入っていたりして本質的には理解できないところがあります。それは難しいものだと受け入れて、わかるまで何回も繰り返すところが必要なんじゃないかなと思っています。（村田さん）そうですね。僕も最初はPHPから始めたんですけど、クラスみたいな概念がそもそも理解できなかったです。その時は、10日くらいわからないまま続けたら理解できました。繰り返しながらやっていくと、ピーンとわかるときがくるので諦めずに繰り返すのが重要ですね。（大場）悟るまでですね（笑）（村田）悟りが降りてきますからね。さて次の質問ですが、「おすすめのプログラミング学習方法はありますか」ということです。いま繰り返しやるとありましたけれど、もうちょっと具体的に聞きたいと思います。大場さんは仕事を始めてから学んだという感じですか？（大場）まあプログラムを書くのがもともと好きでゲームをつくるなかで学びました。Windows3.1が出たときに「マインスイーパ」というゲームが入っていたのですが、当時Windowsが動くパソコンがすごい高かったんですよね。なので、みんなができるように、MS-DOSのキャラクターベースでできるマインスイーパを開発してみんなに配ったとか、そのなかでいろんな技法みたいなものを学んでいったというところです。今はほんと一つのアプリケーションを成立させるのにいろんな技術が必要なので、競争仲間であるとか教えてくれる先輩とかそういう人がいる環境に身を置くところが大事かなという気がします。（堀井）小さいところから考えて手を動かすのがいいかなと思っています。会社に入ってみて思ったのが、システムって完璧じゃなくてすでに困っている人がいるんですね。そこで私もわからないなりに、管理画面にあったらいい機能とかを他の部署の人から聞いたりして、改善や機能追加できるところを調べながら徐々に開発技術を学んでいくところがありました。あとは、勉強会もおすすめです。新卒で入った会社では勉強会を定期的に開催していたので、自分の回が来たら学んできたことを発表しなきゃいけない場がありました。そういう半ば強制的にでも自分のスキルを底上げするようなイベントに身を置いてステップアップしていくのはいいかなと思います。（村田）なるほど。僕も自分で学習してきていたときは、何かインターネット上で気になるサービスをまねてそれと同じ動きを作ってみることをしていました。あとは、わからないところでずっと迷ってるとやる気がなくなっていくので、すぐ人に聞くというのは結構重要ですね。僕は新卒で楽天に入ったので、エンジニアの部署にいる同期を休日にカフェとかに呼び出して、わからないことを聞くというのを結構な頻度でやってました。（大場）あとはオープンソースの開発に関わっていくこともいいですね。そんなに難しくなくても手が足りないというプロジェクトはたくさんあって、それこそプログラムだけじゃなくてドキュメントの追加みたいな簡単なところから手伝うこともできます。それでコミュニティの人たちの顔がわかってきて、だんだん開発に協力していく中でいいプログラムをたくさん読んで、自分がやるならどうしようみたいなことを考えたりすることがスキルアップにつながると思います。エンジニアとして働く段階（村田）では次の項目に入っていきますね。「採用したいと思うエンジニアの特徴」について聞いてみたいと思います。具体的にこんな人がいいなというものがあれば教えていただけますか？（堀井）大前提としてプログラミングが好きなことが当てはまるのかなと思っています。やっぱ好きな人って勝手に自分でどんどん技術習得して、自分自身でスキルアップしていくので根本的にプログラミングが好き、ものづくりが好きという素養はまず見てますね。あとは、Githubとかを使って自分が書いたコードを他の人に見てもらう、シェアするみたいな文化があると思うんですけど、自分の恥をさらすことができる、自分の持っていることをシェアするとかオープンさみたいなものを持っている人は素晴らしいかなと思いますね。（大場）堀井さんのお話の中でもサービス志向のエンジニアみたいな話題がありましたけども、スキルはすごい優秀だけどうちの事業にそんなに興味ないみたいな人は今のステージでは採用が難しいです。なにかしら共感をもってるところのプラスアルファでエンジニアリングを見て採用してます。（村田）会社の規模とかフェーズによっても変わってくるかなと思うんですけれども、やっぱりそのそもそものエンジニアとしてのプログラミングが好きであったりとか、サービスが好きみたいなところは基本的には重要ですよっていうことですね。（村田）では次です。「優秀なエンジニアはどうやって見極めているんですか？」という質問です。大場さんいかがでしょうか？（大場）正直言って僕もこれだというものはないですけど、一番確実なのは一緒に働いたことがある人ですよね。やっぱりいろんな会社にいると、こいつは本当にすごいみたいな人が何人かいたりします。（堀井）優秀の定義にもよるかなと思うんですが、見極めるとしたら今はGitHubとかあるので、どういうコードをその人が書いているのか、アプリなど個人でプロダクトを出しているのかとか見たりしますね。（村田）結局その人がどういう人かとか、どれくらいできるのかっていうのが見えるかどうかっていうのは結構重要なのかもしれませんね。ポートフォリオなりGitHubなり、今だとそういうのが結構アピールしやすい時代かなと思います。（村田）次に行きますね。「プログラミングスキル以外でエンジニアに求めることはありますでしょうか」という質問です。堀井さんどうでしょうか？（堀井）これはもうたくさんあります。まず弊社もベンチャーなのでプログラミングだけできる人は結構厳しいのかなと。具体的に言うと、やっぱコミュニケーション能力が高い人がいたら嬉しいです。実際、弊社はユーザーにヒアリングすることがあるので、ちゃんとそのユーザーさんとコミュニケーションが取れるかとか、仕様が上から降ってくるのを待つのではなくて自分で考えたものをデザイナーやディレクターに発表して巻き込んでいく力みたいなのが問われるシーンが多いです。（大場）エンジニアに求めるコミュニケーション能力でいうと、そもそも人と話すのが苦手だからコンピュータを扱う仕事を選んだみたいなところもあると思うんですよね。立ち上げ初期のベンチャーだと、とにかく作るというところがメインになっていて、そんなにコミュニケーションする必要がなかったりします。でも組織がちょっと大きくなってサービスが伸びてくると、ある時点からチーム開発みたいなものが求められて個人技だけでは限界がきたりします。そういう時にちゃんと自分に求められている役割の変化を感じて、それについてこれるかは考えてほしいなと思ったりします。具体的にはさっきの仕様の話だと、ゆるふわで落ちてきた仕様に対してこんな仕様でできるかと思うか、僕が決めてもいいんだというように受け止めるかで大きな違いがあると思うんですよ。それってエンジニアリングのバックグラウンドがあって、そういう幅のある仕様のなかで可能性として見られるかどうかっていうのは大きな違いじゃないかなと。（村田）自分から能動的に動いて、与えられたものだけじゃなくてしっかりそれ以外も自分で発信できるっていうことを理解した上でスキルを上げていけるような方が優秀になってくるし、それが求められるかもしれないですね。（村田）次の質問ですが、「エンジニアとして働き始めてからどんな勉強が必要ですか」とのことです。基本的にはエンジニアは日々勉強みたいなところがあると思うんですけど、そういったこと以外に何か具体的にあれば教えていただけますか？（大場）最近だとエンジニアの向かう方向性としてフルスタックみたいに、いろんな層の技術をまたがって自分一人でもサービス立ち上げができるみたいなところを目指したりもしますけど、実際本当に伸びてくサービス開発のなかでフルスタックになっていくのはめちゃくちゃ難しいと思っています。他に得意な人がいればなかなか手を出すのも難しい、どこをやってもいいよと言われても躊躇してしまうというところがあったりします。その中でできることは、一つひとつ極めていくところだと思っています。ただ、一個の技術だけで戦ってるとやっぱりリスクも高いので、次はこの専門家になろうみたいな二つ掛け合わせるものが何かあるといいんじゃないかと思います。（堀井）私はどういう勉強をしてたかなと思い返してみると、やっぱり学んでいくには段階的になると思うんですよね。一つの言語を学んで、データベースのことも学んで、今度はその言語の上に動いているフレームワークのことを学んだりと段階的に自分が学んだことに派生して勉強してきました。なので、最終的に自分が得意であると言えるくらいのところまで行けるように深掘りして、一つの技術を学んでいくのがいいのかなと思いますね。エンジニアにもスペシャリストを目指すのか、ジェネラリストを目指すのかいろいろ方向性があると思うんですけど、ひとつ自分はこういうエンジニアだとか自分の代表するプロダクトはこれだとか、そういうものを作れるようになるまでは深掘りすることがいいかなと思いますね。（村田）やっぱりエンジニアとしてどこか一つでもいいので、ある程度極めるというか、できたというところまでやって、そこからスキルの掛け算みたいなところが重要になってくるということですよね。エンジニアとしてさらにスキルアップする段階（村田）最後の項目に入っていきたいと思います。「エンジニアとしてどんなキャリアパスが描けると思いますか」という質問ですが、エンジニアとしてキャリアの長い大場さんお願いできますか。（大場）いまエンジニアの責任者として会社の中での役割を担っていますが、究極的には「事業のためにエンジニアリングをどうするのか」みたいな話になっていくかなと思っています。なので、技術だけではなくて、最近だとよく読んでいるのはマネジメントの本とかビジネス書みたいなところからキャッチアップするような勉強をしたりしてます。（村田）技術だけではなくて、その先の事業をテクノロジーで解決していくみたいなところに進めるようなパスがいいんじゃないかという話ですよね。（村田）では次に、「エンジニアが仕事したいと思う環境はどんなところですか」という質問です。堀井さんいかがでしょうか？（堀井）やっぱりエンジニア目線でいうと自由度が高いであるとか、個人の裁量が大きい方がチャレンジングなことがしやすいですよね。なのでそういう環境をいまの会社で作っていきたいと思ってます。弊社ののコアバリューがいくつかあるんですが、「エンジニアもチャレンジする」というのもあります。ある程度エンジニアの裁量でどういう設計をするかなど決められるような体制になっているので、自分がいいと思ったものをすぐ試せる環境があるのはエンジニアにとっていいのかなと思いますね。（村田）なるほど。では最後の質問として「エンジニアとして成長するためにどんな人がいる会社で働くべきだと思いますか」という質問です。いかがでしょうか？（大場）前職のように本当にエンジニアリングに関して職人みたいな人がいっぱいいるところにいて感じるのは、自分より優秀な人がいるところに身を置くことですね。自分が一番下手になって、あとは登っていくしかないみたいなイメージです。例えば、学生時代にインターンで初めてプログラミングをして、ベンチャー企業を手伝いながら一番下っ端でがんばってたらいつの間にか自分が一番詳しくなっていた。その後、さらに強い奴に会いにいきたいと言って弊社にジョインしてくれたエンジニアがいます。僕自身もいかに自分より優秀な人に来てもらうか、自分自身がキャップにならないようにすごく気をつけていて、優秀な人が活躍できるような環境や会社やサービスが大事だなと思っています。（堀井）これは私もほとんど同意見なんですけれども、自分よりも技術において素晴らしいと思った人がいるところですね。あとは、自分のスキルセットに近しいのを持っている人がいるような環境にいくと、自分のやろうと思っていることが一段引き上げられるのでいいのかなと思っています。あと最近は勉強会とか発表された資料とかがWebサイトにいっぱい上がっているので、そういうのを参考にしながら企業を選んだりするのはいいかなと思ってます。会場からの質問（村田）ここからは会場からの質問を受け付けたいと思います。ーー大場さんにお伺いしたいのですが、ご自身が英語情報で技術をキャッチアップするために気をつけられていることや、社内の方に英語の情報をキャッチアップするためにどんなことをしているのか教えていただけますでしょうか。（大場）今やってることでいうと、オープンソースコミュニティがだいたい英語ベースになっています。日本人しかエンジニアがいないプロダクトでもコミットとかは英語じゃないと受け付けない感じだったりします。社内に関しては、こうしないとみたいなものは今はないのですが、今週の気になる技術みたいなのを社内のGitHubにスレを立てて共有して、みんなが気になった技術は突っ込むようにしています。そういうときに情報ソースが英語のものがたくさんあるので、おのずと危機感が醸成されればと思っています。（村田）他のご質問はいかがでしょうか？ーーエンジニアが少なくて採用が大変だみたいなことを何かで読んだのですが、雇われる側としてどう感じておられるかということと、あと村田さんは育てる側としてどう思われるか教えていただけますでしょうか？（村田）まず育てる側の僕の方から話をさせていただきますね。まずエンジニアが足りてないところは事実です。エンジニアの採用が難しいっていうのは、そもそもマーケットに人材が少ないから取り合いになってるっていうのが一つあります。あとは統計的にもアメリカでは2020年には100万人エンジニアが足りなくなると言われています。日本でも2020年には20〜30万人ぐらいは足りなくなると言われています。インターネットを使ったビジネスはすごい盛り上がって市場も拡大しているのに、そこで働く人が増えていなければ足りなくなりますよね。僕らはそれをエンジニアを増やすことで解決したいと思っています。エンジニアになりたいという方は多いと思っていて、それでも増えないのは仕組みの問題もあると思っています。それが解決できる仕組みがあれば、人が足りないということに対してひとつの力になれるんじゃないかなと。エンジニアが足りないということに対して、大場さんはいかがでしょうか？（大場）エンジニアが足りないと言ってる会社も、2種類あるかなと思っています。 1つはよくよく聞いてみると、あまりエンジニアを大切にするような文化がなくてエンジニアが定着しない会社です。そういう会社の方は、「来てくれても半年くらいで辞めるから、辞めると思ってアウトソースすればいい」といったことを仰る場合もあります。こういったことが負の循環になって常にエンジニアが足りないことが常態化してしまう。僕らみたいなエンジニアリングの重要性を理解していて、Webサービス中心の会社だとまったく事情は違っていて、サービスの成長にともなって、さらに成長させるためにエンジニアは、明確に足りていなくてまだまだ必要だと思っています。TechAcademyさんみたいな取り組みでエンジニアが増えていくのはこれからの日本にはものすごい必要だなと思っています。（堀井）ベンチャーで最近伸びているサービスであれば、やっぱりどうしても人が必要になってきて、実際に弊社でもエンジニアは常にどの職種も募集しています。私もベンチャーの友達とか知り合いも多くて起業する人もいるのですが、その立ち上げにはやっぱりそれなりにWebのことがわかる人がどうしても欲しくなるんですけど、そういうスキルの高い人たちは大手であるとか名の知れた会社とかに勤めています。そもそもその会社からあまり転職市場に出てこないというのは肌感としてはあるので、僕らみたいなベンチャーはいかにいい人たちを見つけて会社のことを知ってもらって、採用につなげるかについていつも苦労しています。なので、需要はかなりあると認識しています。（村田）最後付け加えますね。プログラミングを習い事の視点でみると、換金性の高い習い事だと思うんですね。というのも、例えば10万円払って勉強してプログラミングが習得できれば10万円以上稼げると思うんですね。もちろんクラウドワークスさんのようなクラウドソーシングサービスで仕事を探してそれに応募して自分で遠隔の仕事をするのも一つだと思いますし、自分でメディアを立ち上げるのというのも一つでしょうし。そういった意味でも企業に入るだけじゃなくて働く方法はいくつかあると思います。（村田）お時間になりましたので、最後にこの会の締めくくりということで「これからプログラミングを学習するみなさんへのメッセージ」をお二方からお願いします。まずは堀井さんお願いします。（堀井）私も最初はプログラミング初心者だったんですけど、いろいろ学びながら実際にものづくりができるようになりました。最初はハードルの高い部分もあるのかなと思いますが、楽しみながら学んでいくと自分の可能性も広がって、キャリアを積む上でもいい経験だと思います。ぜひみなさんがんばって欲しいです。プログラミングは楽しいです。（大場）僕からは作るだけじゃなくて問題解決していこうみたいな話もしましたけれども、一方で何かを作り出す・生み出すということは本質的に楽しいことだなと思っています。例えば、快適に作るための環境を整えることに丸一日費やすとか、自分のエディタの設定とか、これだから開発しやすいみたいなことを考えながらものづくりを純粋に楽しむところも実際にあるんですね。そういった気持ちってなかなか社会人になってしまうと忘れてしまったり、思い出せなかったりとかあると思います。今だと、エンジニアになろうみたいなフェーズだといくらでも失敗できるので、何度も作ったり壊したりしながら、ぜひものづくりの楽しみというところを大切にエンジニアを目指していただければなと思いました。（村田）堀井さん、大場さん今日はどうもありがとうございました。イベントレポートは以上です。 TechAcademyではこれからもプログラミング学習者のためのイベントを開催していきます。

イベントレポート

記事を検索

ニュース

インタビュー

テクノロジー

キャリア

お問い合わせ

Photoshopでチャンネルミキサーを使う方法【初心者向け】

目次

事前準備