こんにちは、アンドエンジニア編集部です。

**「プログラミングを学んでいまの業務への活用や転職・キャリアアップに繋げたい・・・」**

そのような思いから、プログラミングを学ぼうと考え中の方・あるいは学習中の方も多いのではないでしょうか？

しかし、実際どのように環境構築やテストを行えばいいのか、分からない方も多いと思います。

プログラミング学習ができる有名なサービスのひとつにProgateがありますが、Progateで学習したユーザーが実際に開発を始めると、**「開発環境の構築方法が分からない」「エラーが発生した時にどのように解決すればいいのか分からない」**といった課題に直面することもあるかと思います。

そんな中、**Progateでプログラミングを学んだ人が「その先」の「実践的なプログラミング」を学べるサービス『Progate Path』が2022年11月に公開されました**！

参考：[Progate Pathの公式サイト](https://path.progate.com/)

そこで、今回は**ProgateとProgate Pathの間にどんな違いがあるのか？Progate Pathで学べる実践的なプログラミングとは？アンドエンジニア編集部員が実際に体験してみました**！

#### balloon nao left
文系出身の元Webデザイナーで、使用経験があるのはHTML/CSS/PHP。Progateでプログラミング言語を学んだ過去あり。

#### balloon yuu right
元Webエンジニア。前職では企業向けのWebシステム開発案件でPHPを用いて開発していた。Progateを利用してプログラミングを学んだ過去あり。

#### balloon yuu right
まずはProgateってご存じですか？

#### balloon nao left
知ってる知ってる！**プログラミング学習ができるサイトでしょ**。有名だし使ったこともある！<br/>私はHTML/CSSのレッスンとかをやったんだけど、スライドの説明がイラストになっててわかりやすかった記憶がある。

#### balloon yuu right
その分かりやすさから、プログラミングをはじめたての場合まずProgateから手を付けるという人も多いですね。しかし、**Progateは始めやすい一方で、「終わったらどうする」「簡単すぎる」といった意見もあるようです**。

#### balloon nao left
終わったらどうするはたしかにそうかも。JavaScriptレッスンとかなら、「ホームページのこの部分を作るぞ！」みたいに学んだ内容を活かすイメージがなんとなく湧くけど、Rubyとかのレッスンになると「書き方覚えた！…このあとどうするの？」ってなっちゃいそう。

#### balloon yuu right
**そんな人たちにオススメなのが『Progate Path』です**！

#### balloon yuu right
Progate Pathは「実務につながる経験を積めるプログラミング学習サービス」として、2022年11月にリリースされました。

#### balloon yuu right
Progateではプログラミング言語の書き方を中心に学べますが、エンジニアとして仕事をする上では他のスキルも必要です。例えば、「コードを読む力」や「デバッグ力」、「検索する力」や「公式ドキュメントを読む力」などです。

#### balloon yuu right
**Progate Pathでは、それらの「エンジニアの実務に必要なスキル」を学ぶことができます**。

~~Progate Pathでは、エンジニアの実務で必要とされる「技術書で学べるスキル」「実務で身につけるスキル」の両方を学ぶことができる~~

#### balloon nao left
（急に説明口調になった...）つまり、**Progateは基礎となるプログラミングをメインに学べて、Progate PathはProgateで学べるプログラミング含め実務で使用する技術も学べる**ってこと？

#### balloon yuu right
その通りです。

#### balloon nao left
なるほどね。私が始めるならもう一度Progateからかな...。昔Progateでプログラミング言語を学んだけど、十分に勉強できていないから。

#### balloon yuu right
なおさんのような「昔Progateでプログラミング言語を学んだけど、十分に勉強できていない初心者」には、Progae Pathの公式サイトに公開されている『学習ロードマップ』を元に学習を進めてみるのが良いでしょう。

#### balloon yuu right
**Progate Pathでは、本気でエンジニアを目指す人向けに『学習ロードマップ』が公開されています**。

参考：[エンジニア就職までの学習ロードマップ](https://path.progate.com/roadmap)

#### balloon yuu right
今回は、そんなロードマップに沿って体験してみました！

### Web開発コースをはじめる方へ（Node.js）

~~Progateのログイン後に表示される上部メニューから、『学習ロードマップ』を見ることができる~~

#### balloon nao left
このコースを最後までやりきったらどうなるのですか？（Progate在住 わんこさん）

#### balloon nao left
こういうのが書いてあると、**自分でも「私は何のためにこのコースを受講するんだ？」って最初に意識できていいね**！

#### balloon yuu right
**「なんとなくやりました」より「このためにやってます」と意識できていた方が真剣に取り組めそうですよね**。

#### balloon yuu right
自分は2018年頃にProgateを使っていたのですけれど、当時はこのように改めてProgateの使い方や学習前の心構えを教えてくれるページがなかったので良いなと思います。

### 学習レッスン HTML & CSS 初級編

#### balloon yuu right
**直接学習と関係ない箇所はコピペできる機能があったり、分からなくなったらコーディングの画面から直接スライドへ戻れるようになっている**んですね。

#### balloon nao left
プログラミング初心者でもついていけそう！初心者に優しい設計だね。

#### balloon yuu right
HTML&CSSなどのマークアップ言語は、PHPやPythonなどのバックエンド言語とは異なり、プログラムが間違っていても動きます。プログラミング初心者あるあるの「エラーで詰まって先に進めない」という現象に陥りにくいこともあり、ついていきやすいと思います。

#### balloon nao left
急に難易度が上がった気がする...。

#### balloon yuu right
Node.jsはサーバーサイド側だからですね。前レッスンで学んだJavaScriptは「フロントエンド言語」、Node.jsは「JavaScriptをサーバーサイド上で動かす仕組み」という違いがあるので、なおさんのような初心者には難しく感じるかもしれません。

#### balloon nao left
飛ばしちゃダメ...？

#### balloon yuu right
**Node.jsはこの後のProgate Pathでめちゃくちゃ使いますし、Progate Pathを進めるのに不可欠な「コマンドラインの操作」も併せて覚えられる**ので、頑張って進めましょう！

### Progate CLI と Node.js の開発環境の構築

#### balloon nao left
Progate一通り終わったー！いよいよProgate Pathを進めていこうと思うんだけど「Progate CLI」と「Node.js」の準備が必要って書いてあるね？「Node.js」はさっきレッスンでやったけど…「Progate CLI」ってなに？ワンチャン無しでもいける？？？

#### balloon yuu right
なんでいけると思ったんですか？**Progate Path で学習を進める上で、「Progate CLI 」は必須ツール**です！

Progateが独自に開発したコード判定ツールです。Progate CLIを導入することで、ローカル環境でコードを書きながらも、Progate Pathのブラウザ上で自分自身のコードの判定を確認することが可能になります。

~~参考：[Progate Path 公式サイト](https://path.progate.com/)~~

#### balloon yuu right
ProgateはWeb上だけで学習を進められましたが、**Progate Pathは[公式サイト](https://path.progate.com/)にある説明を見ながら、自分でローカル環境を用意してレッスンを進めていく**んです。<br/>ただ、最初の『Progate Pathとは？』でお話ししたようにProgate Pathではデバッグのレッスンも行うので、コードの判定や進捗の同期を行うために、Progate CLIが必要なんですね。

アンドエンジニア編集部員。元Webエンジニア、好きなプログラミング言語はPHP。

編集部：ゆう

アンドエンジニア編集部員。文系出身の元webデザイナー。

編集部：なお

実務スキルが学べる！？Progateとその進化版「Progate Path」の体験レポート！

新人ITエンジニアが開発現場で戸惑うことが多いコマンド操作。最前線で活躍している経験豊富なエンジニアの中にも、CLI（コマンドラインインターフェイス）の黒い画面に苦手意識を持っている人は少なくないのではないでしょうか。

そこで今回は注目書籍『コマンドラインの黒い画面が怖いんです。新人エンジニアのためのコマンドが使いこなせる本』の著者・kanataさんにインタビュー。エンジニアが知っておくべきCLIの基本知識や、普段の作業がラクになるコマンドプロンプトの便利な使い方について伺いました。

### [『コマンドラインの黒い画面が怖いんです。 新人エンジニアのためのコマンドが使いこなせる本』](https://www.amazon.co.jp/-/en/kanata/dp/479818229X)

出版社 ‏: ‎翔泳社 　著者 ‏: ‎kanata

青森県弘前市生まれ。シェル芸（コンピュータ上の処理において、各種コマンドをパイプ演算子で繋ぎ、あらゆる調査・計算・テキスト処理をCLI端末へのコマンド入力一撃で終わらせる芸のこと）とサイバーセキュリティと温泉が好き。シェル芸を難読化することが趣味。 

## なぜコマンドの“黒い画面”は嫌われるのか

#### balloon kishi left
kanataさんはエンジニアとしての経験も豊富ですが、どのような業務に携わってきましたか？

#### balloon kanata right
システム開発に長年携わってきて、組織の運営や企画、技術の標準化に取り組んできました。その中で、いわゆる“黒い画面”を使ってコマンドを入力するような場面も日々多くあります。また、情報セキュリティの分野にも携わっており、SECCONという大規模な情報セキュリティのイベントで行われるコンテストでコマンドに関わる問題を作ったこともありました。

#### balloon kishi left
コマンドに関してかなり多くの経験を積まれているんですね。

#### balloon kanata right
実務のみならず、趣味でもコマンドを駆使した"シェル芸"を活用しています。だいぶマニアックですが、シェル芸（※1）をさらに難読化することにも取り組んでいます。

~~※1 シェル芸……マウスも使わず、ソースコードも残さず、GUIツールを立ち上げる間もなく、あらゆる調査・計算・テキスト処理をCLI端末へのコマンド入力一撃で終わらすこと。あるいはそのときのコマンド入力のこと。~~

#### balloon kishi left
コマンド入力に抵抗を感じる人が多いのはなぜなのでしょうか？

#### balloon kanata right
まず、**グラフィカルな画面に慣れすぎていて、CLIの黒い画面にギャップや抵抗を感じるからだと思います。**私のまわりでも、ビジュアル的に見やすいGUIの操作はできるけど真っ黒なCLIはあまりやりたくないというエンジニアは少なくないですね。

#### balloon kishi left
気持ちは分かりますね。 私たちはGUIに慣れきっているので…。

#### balloon kanata right
また、黒い画面への恐怖心を生み出しているのはCLIでフィードバックがすぐに返ってこないことも原因ではないかと。GUIの場合は特定のボタンを押すと結果がすぐに分かりますが、コマンドの場合は「実行」と「結果の確認」が別々になっていることがあります。**CLIで実行ボタンを押しても何も起こらないので、「どうなったんだろう」と不安に駆られるのでしょう。**

#### balloon kishi left
何も反応がないと、壊れたのかなと思ってしまいます。別のケースでは、エラーメッセージが出ることもありますよね。

#### balloon kanata right
そうですね。エラーメッセージは使い方が正しくない場合だけではなく、コマンドの使い方が正しいときにも表示されます。しかも真っ黒の画面に英語の表示が多いので、ネガティブに感じる方が多いのでしょうね。

#### balloon kishi left
「自分が否定された」ように感じる人もいるかもしれませんね。

~~ エラーメッセージの例（PowerShell） ~~

#### balloon kanata right
エラーメッセージが出たとしても、自分を否定されたと思うのではなく「現在の状況を教えているだけ」と捉えて、表示内容を調べてみることが大切です。

#### balloon kishi left
エラーメッセージにも意味があるんですね。

#### balloon kanata right
はい、まずCLIを怖がらないでいただきたいなと。システムやソフトウェアの開発では、コマンドを使わなくてもできる仕事はたくさんありますが、CLIを避けていると仕事の幅が狭まっていく可能性も。CLIは最初の一歩目をクリアしてしまえばそんなに難しくないので、まずはやってみることが大切です。

## CLIは開発のトラブル時にも活躍

#### balloon kishi left
CLIには具体的にどんな利点がありますか？

#### balloon kanata right
大きく次の3つがあげられます。**1つ目は、少ないリソースで操作が行えること。**古くてスペックの低いパソコンでも、軽快に待ち時間なく動かせるのがCLIの強みです。**2つ目は、作業の手順を簡単に記録・共有できること。**例えば、グラフィカルな画面で手順を説明しようとすると、画面のスクリーンショットをExcelなどに貼って、押す必要のあるボタンを赤枠で囲むなど、かなりの工数がかかります。そんなときにCLIを使えば、コマンドをコピーして送れば一瞬で完了します。

#### balloon kishi left
システム開発を進める上でのトラブルやエラーなど、いざというときの調査もスムーズに進められそうですね。

#### balloon kanata right
はい。そして**3つ目のメリットは、昔作ったものでもそのまま動かせること。**GUIの場合は時間が経つと作り直すことも必要になりますが、CLIはメンテナンスをあまり必要としないので30年前に作られたコマンドプロンプトでの操作が、今でもそのまま使われているケースが数多く存在します。自動化にも組み込みやすい技術です。

#### balloon kishi left
CLIには多くのメリットがあるんですね。ちなみにコマンドの使い方がわからないときはどうすればいいんですか？

#### balloon kanata right
コマンドの使い方を確認できるコマンドが用意されているので、実行すれば仕様や使い方がCLI上に表示されます。次のいずれかの方法で、ほぼ全てのコマンドの公式情報を参照できます。

~~ コマンドの仕様や使い方を調べるコマンド ~~

#### balloon kanata right
**わからないことがあったら公式の情報源でコマンドを調べて実行することを強くおすすめします。**というのも操作に失敗した時に、誰かに説明する必要があるためです。その際、公式以外のサイトでコピペした情報では適切なコミュニケーションが取れません。公式のドキュメントであれば、それを元にチーム内で意見を出し合うこともできるので、ぜひ公式情報を参照するようにしてください。

#### balloon kishi left
公式のドキュメントを確認するのが大切なのは理解できましたが、内容が難しいこともあると思います。そういうときにインターネットで調べるコツも教えてください。

#### balloon kanata right
**Googleなどの検索エンジンでは、シェル名（PowerShell やMS-DOS、bash）とOS名（WindowsやLinux）を合わせて検索するのがポイントです。**また、Linux限定になりますが、シェル名やOS名の代わりに、「manpage」と入力することで目的の情報をさらに探し出しやすくなります。その際の注意点として、「-」からはじまるテキストを使わないようにしましょう。コマンドオプションの先頭が「-」で表現されることが多く、「-」からはじまるテキストで検索したくなるのですが、**Googleなどの検索エンジンでは、「-」からはじまる言葉を検索から除外する条件が設定されています。**

## コマンドをつなぎ合わせれば何でもできる

#### balloon kishi left
コマンドはそれぞれのOSでなぜ統一されていないんでしょうか？

#### balloon kanata right
これにはOSの進化の歴史が関係しています。Windows、Linux、macOSなどのOSは、その時点で元々存在していた他のOSを参考にしたり流用したりして作られています。そして、さまざまなOSの祖先ともいえるのがUnixです。Unixとの互換性を意識してLinuxというオープンソースのOSも作られ、日常生活の多くの場面で使われています。**コンピュータシステムや各種のサービス開発においても、Linuxを利用するのが主流です。**

#### balloon kishi left
Linuxのシェル操作は、コマンドプロンプトやPowerShellと異なりますか？

#### balloon kanata right
Linuxでも他のOSと同じ操作ができます。ただ、たくさんのコマンドが用意されているので目的のコマンドを忘れてしまうことも。そんなときには、aproposコマンドが役立ちます。aproposに検索ワードを指定すれば、関連するコマンドを調べてくれます。例えば、ファイルをコピーするコマンドを調べる場合は次のように進めます。

#### balloon kishi left
ここまで教えてもらえれば、目的のコマンドを見つけられそうです！Linuxのシェル操作で特に便利な方法があれば、そちらも教えてください。

#### balloon kanata right
**コマンド同士をつなぎ合わせて、一つのコマンドをもとに別のコマンドを処理する「パイプ」という手法がとても便利です。**これは多くのエンジニアが日常的に使っている手法ですが、コマンドの処理結果が次のコマンドにパイプを通って渡されるようなイメージです。

~~ パイプを利用したコマンドをつなぐ概念 ~~

#### balloon kanata right
パイプを使うことでファイルの行数を一瞬で数えたり、特定の言葉が含まれる行を抽出できたり、活用方法は無限大です。習熟すれば本当に何でもできる技術なので、普段コマンドを使わないエンジニアの皆さんにもぜひ試していただきたいですね。

## たった一行のコマンドで業務効率アップ

#### balloon kishi left
Linuxのコマンドでどのように業務効率化できるのか、具体的な内容を教えてください。

#### balloon kanata right
**まず便利なのは電卓を使わなくても四則演算ができることです。**Windowsの電卓ソフトなどでは、途中でどこまで足したのかわからなくなり、最初からまたやり直しになることが起きがちです。コマンドを使うと、計算式を確認でき、かつ結果が一瞬でわかります。計算はシェルの種類の一つであるbashの機能で行い、計算結果を表示するためにechoを組み合わせます。書式は次の通りです。

~~ 四則演算のコマンドプロンプト書式の例 ~~

#### balloon kanata right
記号で囲まれた箇所に、次のように数式を入力すれば計算結果が簡単に表示されます。

#### balloon kanata right
電卓の場合は、途中で打ち間違えたときに最初からやり直す必要がありますが、コマンドの場合は戻って修正するだけで完了します。

#### balloon kishi left
CLIの方がかなりラクですね。引き算やかけ算も利用できるんですか？

#### balloon kanata right
もちろんです。「−（減算）」「\*（乗算）」「/（除算）」「%（剰余／割り算の余り）」などの記号が使えます。ただし、このときに注意が必要なのは小数点以下が切り捨てられること。**小数点以下の計算が必要な場合は、テキスト処理に適した簡易なプログラミング言語「awk」を使うのがおすすめです。**他のプログラミング言語と比較して文法が容易なのでコマンドのように使えます。

#### balloon kishi left
コマンドと「awk」を合わせて使うと便利ですね。他にも便利なテクニックはありますか？

#### balloon kanata right
**CLIを活用してフォルダをZIPファイルにバックアップするのが便利です。**失敗したときに備えてバックアップを取るのは、皆さんも普段から行っているのではないでしょうか。Windowsでは右クリックでコンテキストメニューを表示すれば「ZIPファイルに圧縮する」という機能を使えますが、CLIでもzipコマンドを使えば簡単に実行できます。書式は次の通りです。

#### balloon kanata right
この書式を元にbackup.zipを作成する例は以下になります。textdataディレクトリの中身も含めて全部圧縮した結果が表示されています。テキストファイルがいずれも元のサイズの半分程度に圧縮されたことがわかります。

#### balloon kishi left
別のツールを使う必要がないので便利ですね。

#### balloon kanata right
コマンドでやりたいことがあれば、ChatGPTに聞いてみるのも一つの方法です。**コマンドはChatGPTとの相性が良く、ざっくりした内容を質問しただけで使えるコマンドを表示してくれることが多いです。**ただしハルシネーションも起こるので、何も疑わずそのまま業務で使うのはリスクがあります。どういう処理を行っているか理解した上で使ってみて、その精度を確かめながら活用範囲を広げていくのが良いと思います。

## 忘れがちなルーティン業務を自動化

#### balloon kishi left
コマンドを使って日常の業務を自動化する方法もありますか？

#### balloon kanata right
数値の集計やメール送信、在庫チェックなどのルーティンワークは「シェルスクリプト」を使って自動化できます。シェルスクリプトは、実行したいコマンドを順番に書いたものです。書いた順番どおりに実行してくれます。他のプログラミング言語と比べても比較的簡単に習得でき、複雑な作業にも十分対応できます。

#### balloon kishi left
簡単に使えるのはうれしいです！実例を教えてください。

#### balloon kanata right
**実務に役立つ実例として、チェック先のサーバーのサービスが稼働しているかどうかをチェックするシェルスクリプトをご紹介します。**例えば、翔泳社のサイトのWebサービスが稼働しているかどうかは、翔泳社のドメインに対してhttps（ポート番号443）に接続できるかどうかで確認できます。応用的な内容ではありますが、一般的なプログラミング言語に比べて平易な文法なので、参考にしていただければと思います。

#### balloon kishi left
実行することで、各接続先の状態が表示されていますね。

#### balloon kanata right
はい、存在しないドメインの場合は「Name or service not known」というメッセージが表示されます。このように同じ操作を繰り返す作業は、シェルスクリプトを活用することで作業を大幅に効率化できます。他にも普段の実務で効率化できる作業として「起動中のDockerコンテナを全て停止」「AWSの課金額を毎日通知する」などが挙げられますが、それ以外にもあらゆる業務に活用できます。

#### balloon kishi left
それぞれの業務に合わせて柔軟に使えそうですね。忘れがちなルーティン業務を自動化できるのは助かります。

## エンジニアの多くが経験するCLIの失敗例

#### balloon kishi left
CLIを使用する上で、注意するべき失敗例も教えてください。

#### balloon kanata right
CLIの失敗例をエンジニアにヒアリングすると山のように出てきて、それだけで一冊の本が書けるほどのエピソード量です。書籍に掲載しているのはその一部で、泣く泣くカットしました（笑）。

#### balloon kishi left
その中でも特によくあるのはどんな失敗ですか？ 

#### balloon kanata right
**本当によくあるのは、rmコマンドで大事なファイルを誤って削除してしまうことです。**rmコマンドは、ファイルを削除するコマンドで次のように使います。

#### balloon kanata right
rmコマンドで事故が起こるのは、次のようなケースです。

・作業で「data」というファイルを作ったものの、不要になったので削除したい。
・カレントディレクトリには「dat」と「data」というファイルがある。
・「dat」というファイルはなくなると困る重要なファイル。

#### balloon kishi left
CLIを使って「data」を削除するということですね。

#### balloon kanata right
はい、CLIで次のような操作をするときに注意が必要です。bashにおいて「Tab」キーはコマンドの入力を補完してくれる機能があります。

1 プロンプトに「rm d」まで入力。
2 ［Tab］キーを入力して「data」を補完
3 「rm data」コマンドを［Enter］キーで実行。

#### balloon kanata right
事故が起こるのは②と③のタイミングです。**入力した内容が「data」に補完されず「dat」に補完されることがあるんです。**そのことに気づけば悲劇を防げますが、そのまま［Enter］キーを叩いてしまうと結果的に「dat」が削除されて「data」だけが残ってしまうことに。Linuxの仕組み上、消したファイルを元に戻すのはかなり困難です。

#### balloon kishi left
大事なファイルを消してしまうのはダメージが大きいですね…。何か対策はないのでしょうか？

#### balloon kanata right
**いくつか予防策が考えられますが、まず「-iオプション」をつける方法があります。「-iオプション」をつけると削除前に確認が入ります。**そこでyを入力して［Enter］を押すことで削除されます。

#### balloon kishi left
こまめなバックアップと合わせて使うと良さそうですね。

#### balloon kanata right
最初のうちは慣れないこともあるかもしれませんが、**CLIやコマンドはITのトレンドに左右されることなく長年使える技術の一つです。**インフラシステムからアプリの開発まで、あらゆる現場で幅広く使えるスキルなので、ぜひ怖がることなく積極的に利用していただければ嬉しいです。

大学卒業後、構成作家・フリーランスライターとして、幅広いメディア媒体に携わる。現在は採用関連のインタビュー記事や新卒採用パンフレットの制作に注力しながら、SaaS企業のマーケティングにも携わっている。いま一番関心があるのは、キャンプ場でワーケーションできるのかどうか。

岸 裕介

kanataさん

初心者にもやさしいコマンドプロンプトの基礎知識

日常的な業務に役立つシェルスクリプト

CLI（コマンドラインインターフェイス）のよくある失敗例

CLIをエンジニアが避けるのはなぜ？「コマンドラインの黒い画面が怖いんです〜」著者に聞く本当に便利なコマンド活用法

[本記事](https://and-engineer.com/articles/Y_R7PREAACoAfxFX)では、AIによるスライド資料作成サービス『イルシル』の使用感についてご紹介しました。

今回は、[イルシル](https://elucile.lubis.co.jp/)を開発する株式会社ルビスの代表取締役 宮﨑 有貴氏にインタビューを実施。開発に込めた想いや今後の展望についてお話を伺いました。

「すべての場所に光を届ける」というビジョンのもとに、多くの社会問題を解決できる企業を目指す。具体的には、SaaS事業、教育事業、エンタメ事業の三軸を展開し、それぞれの事業を相互作用させていくことを考えている。2021年3月創業。

~~※イルシルとは：“スライド資料を速く、便利に作る”ためのWebサービス。イルシル上に文章やキーワードを入力すると、内容に合わせてAIがスライドデザインを提案してくれる。~~

株式会社ルビス CEO。
早稲田大学 商学部在学中に広告ベンチャーで1年半の長期インターン。入社7ヶ月で経営幹部に昇格し、新規事業や採用などを担当。その後フリーランスで活動し、月予算5000万円ほどの広告運用を行う。2021年3月にルビスを創業。

## 多くのビジネスパーソンは資料作成に苦戦している

#### balloon kaneko left
私もイルシルを使用して資料作成を行ってみましたが、とても便利なサービスですね。

#### balloon miyazaki right
ありがとうございます。当社は立ち上げてまだ2年も経っていない会社なのですが、イルシルが多くのビジネスパーソンに使っていただけるサービスに成長し、嬉しく思っています。

#### balloon kaneko left
宮﨑さんは早稲田大学在学中に起業をされたと伺いました。

#### balloon miyazaki right
はい。学生の頃から広告代理店でフリーランスとして仕事をしたり、知人が会社を立ち上げる際に手伝ったりしてきました。大学を卒業したのが昨年3月なのですが、最終年は何よりも単位を取るのに必死でした（笑）

#### balloon kaneko left
学生とアントレプレナーの二足のわらじで活動していたのですね。その後、ご自身でルビスという会社を立ち上げられたとのことですが、どのような想いで起業をしたのですか？

#### balloon miyazaki right
**「“わかりやすく相手に伝える”ことを実現できるサービスを、自分の手で創りたい」と思ったことがきっかけでした。**
昨今はさまざまなメディアが乱立し、情報が溢れていますよね。そのせいで人間の集中力が下がり、より一層「わかりやすさ」が求められる時代になったと思ったんです。

#### balloon kaneko left
なるほど。そこからどのような経緯でイルシルのアイデアにたどり着いたのでしょうか？

#### balloon miyazaki right
当初は誰でも簡単にアニメーション動画を作れるサービスの開発を検討し、いろいろな方に感触をヒアリングしていました。しかし調査の結果、特にビジネスパーソンの方々はアニメーション動画を作成する機会は少ないことがわかりました。むしろ、**「仕事で資料作成に時間がかかりすぎていて悩んでいる」という声をたくさん耳にしたのです。**

#### balloon miyazaki right
**具体的には「スライドの効果的なデザイン」や「相手に理解しやすい見せ方」を知りたいといった課題感が多く、その解消に向けたサービスとしてイルシルを立ち上げるに至りました。**

#### balloon kaneko left
なるほど、多くのビジネスパーソンの課題感を踏まえて生み出されたサービスなのですね。イルシルの立ち上げにあたり、ベンチマークした類似サービスなどはありますか？

#### balloon miyazaki right
実は、**意外と「スライド資料作成の効率化」に特化したサービスが少ないんです。**海外製のものはいくつかありますが、日本ではテンプレートのダウンロードがメジャーな手段で、**イルシルのようにAIによる自動作成の機能を備えたプロダクトはほぼないと考えています。**

#### balloon kaneko left
通常のPower Pointにもデザインのサジェスチョン機能がありますが、そうした機能との違いは？

#### balloon miyazaki right
**一番の違いは用途別にデザインを呼び出せるという点です。**イルシルでは完全にビジネスに特化し、「営業資料」「サービス紹介資料」「採用資料」など、細かい使用用途ごとにカテゴリーに分けをしていて、それぞれ複数のテンプレートを用意しています。

#### balloon miyazaki right
Power Pointの機能ですと、入力した内容をシンプルにデザイン化することはできますが、**たとえばユーザーが「価格」を表示したいと考えたときに、「価格表」の必要性を判断したり、そのデザインを提案してくれたりといった利便性はありません。**

## GTP-3の活用でAIの精度がさらに向上

#### balloon kaneko left
イルシルでは、どのようなユーザーをターゲットに想定していますか？

#### balloon miyazaki right
現状はフリーランスの方や中小企業の経営者など、ご自身でスライドを作る機会が多い方を想定しています。
ただ、**今後はさらにチーム全体で導入してもらうことにフォーカスしたいので、社内の資料作成をイルシル上で完結できるサービスを目指しています。**

#### balloon miyazaki right
契約プランについても、現在提供しているプランをさらに強化し、チーム単位での契約数を増やしていきたいですね。

#### balloon kaneko left
開発の体制は？

#### balloon miyazaki right
現在は8名のチームで開発に携わっており、自社内のエンジニアやデザイナーとともに内製をしている状況です。ラッキーなことに、知り合いの紹介でたまたまAI分野に明るいエンジニアにジョインしてもらえたので、スピード感を持って開発を進められていますね。

~~ ルビス取締役兼PMの吉田牧仁氏 ~~

#### balloon kaneko left
開発を進めるにあたり、どのような難しさがありましたか？

#### balloon miyazaki right
ユーザー自身が持つスライドの仕上がりイメージに近いテンプレートを、いかに作成するかが難しかったです。**最良な形のテンプレートを作成するために、ネット上で膨大な数のスライドデータを収集し、徹底的に分析を行いましたね。**

#### balloon miyazaki right
**また「パーツ機能」も充実させることで、ある程度ユーザーに自由度を提供し、意図に沿わないデザインをすぐに自分で変更できるような機能を備えました。**

#### balloon kaneko left
イルシルは2023年1月末に大規模なアップデートを行ったそうですが、具体的にどのような改善をされたのですか？

#### balloon miyazaki right
**今回のアップデートではGTP-3を活用することで、構造化されていない状態の文章からもAIが自動的に要点を読み取り、構成を組み立てる機能を実装しました。**

#### balloon miyazaki right
**そもそもスライド作成が得意でない方は、内容をどう整理すればよいかわからないといった悩みを抱えているケースも多いんです。**そうした方にも使いやすいサービスを目指し、今後もさらにAIの精度を高める工夫をしていく予定です。

#### balloon kaneko left
今後さらにバージョンアップを検討している機能はありますか？

#### balloon miyazaki right
**ユーザーが入力した情報からより細部の提案まで行える機能や、キーワードからスライド資料を生成する機能をさらに強化していきたいですね。**テンプレートについても、企画資料やセミナー資料など、幅広い用途に対応していく予定です。
あとはイルシルの「簡単に、大量に資料を作成できる」強みを活かし、ホワイトペーパーの作成にも対応できたらと思っています。

#### balloon miyazaki right
またマーケティングの側面でいうと、今春から夏にかけて再び大々的な機能改善を行います。そちらを踏まえて、ユーザー数の拡大に向けたプロモーション活動を強化していくつもりです。

## あらゆる人たちに均質のサービスを届けたい

#### balloon kaneko left
実際にサービスを活用しているユーザーからはどのような声が届いていますか？

#### balloon miyazaki right
やはり資料作成の効率化につながったというご意見をいただくことが多いですね。**具体的には「資料作成にかかる時間が3分の1程度になった」「テンプレートを活用して、イメージしている資料が楽に作れるようになった」「資料の見栄えが良くデザイン性が高いため、顧客先に提出する資料としても活用できる」などです。**
どこを触ればいいのか直感的に理解してもらえるよう、なるべくシンプルなUIになるよう意識したことがよかったのかもしれません。

#### balloon kaneko left
たしかに私も実際に使用してみて、シンプルなインターフェースに驚きました。それでいてわかりやすい資料を作るのに充分な機能が備わっていて、資料作成が苦手な方や不慣れな方にも使いやすいサービスだと思いましたね。

#### balloon miyazaki right
**まさに私たちも、資料作成があまり得意でない方々に、使いやすく利用価値の高いツールだなと感じていただけるサービスを目指しているんです。**他にも、たとえばスライドデザインやテンプレートの検索のしやすさにもこだわっています。

#### balloon kaneko left
ルビスさんとして、今後どのような世界観を目指していますか？

#### balloon miyazaki right
**スライド資料以外にも、Webサイトやインスタグラムの画像など、デザインの自動生成ができるプロダクトを幅広く展開していきたいです。**さらに、**作成したデザインの効果測定を行うサービスも付帯させたい。**
これまで当社が蓄積してきたAI技術を活用すれば、A/Bテストも容易に行えると思いますし、本当に相手に伝わりやすいデザインなのかという客観的な判断ができるツールを提供できると考えています。

#### balloon miyazaki right
あと、昔からの夢で、“教育”に携わる仕事がしたいと思っているんです。**当社の「わかりやすく簡単に伝える」技術を用いて、家庭環境や学習環境を問わず、あらゆる子どもたちに有益な情報を届けるきっかけを作れたら嬉しいです。**

#### balloon miyazaki right
当社が手がけるすべての事業を通じて**「情報リテラシーの差による機会の損失をなくしたい」**、そんな想いで取り組んでいきたいですね。

実際にイルシルを使用してみて感じた“誰にでも使いやすいサービスだな”という印象と、宮﨑さんが目指す世界観とが見事に一致していて、ますますイルシルというプロダクトに魅力を感じました。スライド資料作成を効率化したいとお考えのみなさんは、ぜひイルシルを試してみてください！

12年勤務した大手人材会社を退職後、フリーランスライターに転身。会社員時代からIT業界のクライアントとの相性がよく、さまざまなIT系企業の採用活動支援や、エンジニアのスキル開発・育成支援業務に携わってきた。いまの一番の関心ごとは、子ども向けプログラミング教育の未来について。

金子 茉由

宮﨑さん

株式会社ルビスと『イルシル』が生まれた経緯について

『イルシル』の開発とアップデートについて

AIスライド作成サービス『イルシル』開発の裏側。ルビス代表取締役 宮﨑氏がプロダクトに込めた想いとは

**中学卒業後、5年間専門性の高い技術についてみっちり学ぶ高専（高等専門学校）。**

特にベンチャー界隈だと、*「高専出身」というだけで高い評価を受けたり受けなかったり*…？

また、*「編入制度」を用いて大学に中途編入することが認められている*、ちょっと特殊な存在でもあります。

しかし、**高専の実態というのは非高専出身者にとっては謎に包まれている**のが現実…！

今回アンドエンジニアでは、**高専LOVE♡な高専出身者エンジニア4名に、高専のリアルについて**語ってもらいました！

## ソフトウェアエンジニアになりたいなら「情報工学科」！

#### balloon masaokb left
高専って在学中も、ばりばりプログラミング弄ってるイメージがあるんですけど。

#### balloon zabeth129 right
むしろ**プログラミングやってる人の方が少ない**んじゃないかな…？
僕の周りだと、プログラミングをしてる人はほとんどいなかった。
授業でも*Cの簡単なソートを扱う*ぐらいで。

#### balloon 432daiki right
僕は書いてましたけど、確かに周りの高専生がプログラミングやってるかと言うと、そうではなかったですね…。

#### balloon masaokb left
いやいや、*普通の高校だとプログラミングやらない*もん。
ちょっとやってるだけでもすごいと思うけどね。

#### balloon mktakuya right
僕は*情報工学科だったから、結構ガッツリ*やっていて。
**低学年のうちは、CやJavaでアルゴリズム・データ構造をやったり、高学年になるとデータベースや離散数学をやったり、CPUの仕組み・コンパイラの仕組みとかも勉強**しましたよ。

#### balloon masaokb left
すごっ！
もうほとんど*大学のCS（コンピュータサイエンス）学科*だね。

#### balloon zabeth129 right
流石にそこまで**ガッツリやるのは情報工学科だけ**ですね。

人気のある記事