## HTML5プロフェッショナル認定試験とは

HTML5プロフェッショナル認定試験とは、**HTML5・CSS3・JavaScriptなどのWebコンテンツ制作やWebアプリケーション、動的なWebコンテンツの開発・設計の技術や知識**を測る試験のことです。また、主催するエルピーアイジャパン（LPI-Japan）は、他にもLinuCやOSS-DBなど知名度の高い資格の運営・認定を行っており、*IT業界においての認識率も非常に高い*のが特徴です。

HTML5とは？特徴や変更点・関連用語・対応ブラウザを解説！

JavaScriptとは？人気のJavaScriptを5分で学ぶ

### HTML5プロフェッショナル認定試験レベル1

HTML5プロフェッショナル認定試験レベル1は、**Webの基礎知識・HTML・CSS・レスポンシブWebデザイン・APIの基礎知識が出題範囲となり、幅広い知識が問われます。**また、このHTML5プロフェッショナル認定試験レベル1では、JavaScriptに関する知識はほぼ問われません。

基礎的で広範な知識が求められているため、Webデザイナーを目指している初心者から現役のエンジニアまで、取得する価値のある資格です。具体的な出題のうち、重要性が高く頻出なものは下記が挙げられます。

・*HTML5マークアップ*
ブラウザにコンテンツを表示させるために、HTMLの仕様に沿った書式でHTMLコードを記述できることが問われます。文書型宣言・言語コード・文字コード・HTMLで使用可能な文字参照等の記述方法の理解が必要です。

・*HTML*
HTMLの要素や属性を理解し、適切なHTMLタグを使用してコーディングできていることが問われます。セクション・書式方法・ルビ・挿入・削除・グルーピング等の理解が必要です。

・*CSSデザイン*
デザインをCSSを利用して実現する際に、どのような実現方法が適切か判断できるか、正しいコードを記述することが問われます。主にコンテンツのレイアウト・色・背景・罫線・テキスト・リスト・テーブル・アニメーション等の記述方法の理解が必要です。

### HTML5プロフェッショナル認定試験レベル2

レベル2では、主にJavaScriptの知識・アニメーション・各種APIの深い仕様理解・通信・デバイスアクセス・パフォーマンスとオフライン・セキュリティモデル、と広範な知識を求められますが、それと同時により深い知識を問われます。レベル1とは異なり、JavaScriptの文法やES6（ECMAScript2015）以降の文法について問われ、**プログラミング寄りの問題が重点的に出題されます。**

具体的な出題のうち、重要性が高く頻出なものは下記が挙げられます。

*・JavaScript文法*
最も重要性が高く、最優先で対策すべき事項です。JavaScriptの構文や様々な概念の理解や効率的なコーディングが問われます。JavaScriptと他言語との違いや、演算子・配列・制御文・関数・型やオブジェクト・プロパティ・スコープ等の理解が必要です。

*・EC6（ECMAScript2015）以降の新機能*
追加された機能や表記法を用いてコーディングができるかが問われます。ローカル変数と定数・アロー関数・Promiseと非同期関数・可変長引数/残余引数・クラス・テンプレートリテラル等の理解が必要です。

*・JavaScriptのイベントについて*
JavaScriptのページ読み込みや、ユーザ操作で発生するイベントやイベント処理を行うコードを記述することができるかが問われます。フォームイベント・キーボードイベント・マウスイベント・タッチイベント等の各種イベントの理解が必要です。

## HTML5プロフェッショナル認定取得のメリット

HTML5プロフェッショナル認定の資格を取得するメリットは、*大きく3つに大別できます。*前述の通り資格名にHTML5と名前がついていますが、HTMLに限らずJavaScriptやレスポンシブWebデザイン、各種APIの理解、グラフィクス等幅広いWeb関連の知識を求められるため、**幅広いWeb知識を有することを証明できます。**

エンジニアとして勤めていると自分が携わる業務範囲での知識は蓄積されますが、その業務から離れると1から学び始めることが多くあります。HTML5プロフェッショナル認定を取得することによって、*現時点で自分は何を知っていて何を知らないのかを知ること*ができ、またWebに関する知識を網羅的に習得できます。

そのため、**業務が変わっても順応できるスピードを早められるメリット**があります。

### 就職、転職活動に活かせる（初心者にもおすすめ）

新卒、もしくは転職でWeb系のプログラマーを目指しているのであれば、*HTML5プロフェッショナル認定を取得しておくことは非常におすすめ*です。新卒や未経験からの転職の場合、フリーランスで仕事を受けた経験等がない限り実績を見せることは難しいでしょう。

HTML5プロフェショナル認定を取得しておくと、実務経験はなくとも**ある程度の知識は保有していると判断される可能性が高いため**です。経験が浅ければ浅いほど、資格取得が有利に働きます。

就職や転職活動等にも言えることですが、副業開始当初は個人としての実績が浅いため、ポートフォリオに加えて、HTML5プロフェッショナル認定を取得していると**採用側から見てかなりポイントが高い**でしょう。Web系コーダー・プログラマー等の副業を考えている方で、なかなか採用されず困っている場合はぜひ挑戦してください。

## HTML5プロフェッショナル認定試験の勉強方法

HTML5プロフェッショナル認定試験を勉強する方法はプログラミングスクール等もありますが、*参考書で学習する*のが一般的です。レベル1・レベル2共に難易度は**ベンダー資格と比較してもそこまで高くなく、自己学習で十分に合格可能**です。おすすめの参考書を下記にご紹介しますので、ぜひ参考にしてください。

HTML5プロフェッショナル認定試験の参考書は、以下におすすめする2つの参考書を学習するだけで十分に合格することが可能です。（レベル2用の参考書も販売されているため読み替えてください）

*・[HTML教科書 HTML5プロフェッショナル認定試験 レベル1 スピードマスター問題集 Ver2.0対応](https://honto.jp/netstore/pd-book_28916635.html)*
時間のない方は**この参考書1冊でも十分合格できるほどの問題・情報量**で、本番の試験に近い問題を解いていくことができるため大変おすすめの本です。時間に余裕があれば、これを2〜3周すれば*大体合格できるレベルに達することができる*ので、ぜひ繰り返し問題を解いてみてください。

*・[HTML5プロフェッショナル認定試験 レベル1 対策テキスト＆問題集 Ver2.0対応版](https://honto.jp/ebook/pd-series_B-MBJ-23800-121461779-001-001.html)*
先述した問題集に加え、問題集で分からない箇所や周辺知識も学んで実務に活かしたい方は、テキストを使用することをおすすめします。図解や表形式で分かりやすくまとまっているため、理解が深まりやすいです。ただ、必須ではないため時間に余裕がある方は、ぜひこちらのテキストも活用してみてください。

## HTML5プロフェッショナル認定試験の受験方法

HTML5プロフェッショナル認定試験の受験方法には2パターンあり、自分の好きな試験会場を選択して受験するパターンと、**オンラインでの受験も可能です。**申し込みはどちらもHTML5プロフェッショナル認定試験の公式サイトより、Webもしくは電話で申し込むことができます。また申し込みの際には、*EDUCO-IDというアカウントを作成する必要があります*。

ちなみに、受験料は16,500円（税込）です。

申し込みの際に、全国にある試験センターの中から*希望の試験センターを選ぶ*ことができ、試験センターが決まるとその試験センターの空き日程を選択する、といった流れで申し込みが可能です。

試験センターによって会場の雰囲気や使用するPC等の違いはありますが、一般的に試験会場では教室のようなスペースに複数人間隔を開けて座れるようになっており、**各々自分のテストをPCで受験する**流れです。

近年では*一定の基準を満たせば、自宅や好きな場所でオンライン受験することが可能*になりました。一定の条件とは、静かで1人になれる場所・要件を満たすPC・Webカメラ・インターネット接続・本人確認書類をWebカメラで提示できること等があります。

いつもの自分が学習している環境で受験することができれば、**集中できて合格により近づけるかもしれません**。気になる方はオンライン受験も検討してみてください。

## Webの将来性を見据えてHTML5プロフェッショナル認定試験に挑戦しよう

Webは一層進化が進み、*昨今Web3.0も台頭してきました。*今後の将来性を見据えてWebの基礎知識の習得やWeb系の転職に備える場合にも、**HTML5プロフェッショナル認定を取得することは大変おすすめ**です。知識・技術力の向上やアピールのために、ぜひ資格取得に挑戦してみませんか？

ウェブデザイナー必見！HTMLのおすすめ資格を比較解説します

近年ますます進化を見せるWeb関連技術により、基礎知識・技術力はプログラマーのみならず、幅広い職種のWebに携わる人々に求められるようになってきています。知識力・技術力の証明に是非、HTML5プロフェッショナル認定を取得してみませんか？

HTML5プロフェッショナル認定試験は、HTML・CSS・JavaScript・Webに関する幅広い知識を身につけることができる

HTML5プロフェッショナル認定試験を取得することで、Web系の知識の証明となり、転職や就職にも役に立つ

HTML5プロフェッショナル認定試験の勉強は、プログラミングスクール等に通わずとも独学で取得できる

HTML5プロフェッショナル認定試験が難しい？試験内容や取得方法

## 最新の統合開発環境「JetBrains Fleet」が発表されました

**JetBrains社は公式サイトにて、最新の統合開発環境「Fleet」を開発中であることを発表しました。**本記事では公式情報に基づき、Fleetが持っている機能と料金形態について分かりやすく解説していきます。

【参考】:[JetBrains Fleet](https://www.jetbrains.com/ja-jp/fleet/)

*統合開発環境（以下、IDE）とは、ソースコードを書くエディタ機能・コンパイラ機能・デバッグ機能などを使用できるソフトウェア開発者向けのツールの総称です。*主なIDE製品として「Eclipse」「Visual Studio」「XCode」などがあります。

*JetBrains社は、チェコに本社を置くソフトウェア開発会社です。*我々ソフトウェア開発者に役立つツールを数多く開発しています。既にリリースされている製品として、IDE製品「IntelliJ IDEA」「PyCharm」やプログラミング言語「Kotlin」などがあります。

自分で記述したコードのビルドやデバッグにIDEを用いている方は多いですが、どうせなら使いやすいIDEを使って、効率よく開発に取り組みたいですよね。

Kotlinとは？Android開発において、Javaと比較したKotlinの特徴とは

*IDEは我々ソフトウェア開発者にとって使いやすく、所属しているプロジェクトでの開発に沿うものでなければ意味がありません。*多機能すぎても使い辛ければ無意味です。

最新のIDEであるFleetは、どのような機能を持ち、システム開発をどれほど効率化してくれるのでしょうか。以下で詳しく解説します。

### 軽快なエディタモード/多機能なスマートモードの切り替えができる

JetBrains社がこれまで提供してきたIDE「IntelliJ IDEA」は、とても高機能なIDEです。それゆえ、起動に時間がかかるという問題点がありました。ちょっとしたメモを残したい時などにわざわざIntelliJ IDEAを開く方は少なく、代わりに専用のテキストエディタを使用していた方が多いのではないでしょうか。

**一方で、最新のFleetは1つのIDEであるにも関わらず、軽量なテキストエディタモードと高機能なスマートモードを切り替えて使用することができるようになりました。**

テキストエディタモードからスマートモードに切り替えた場合、Fleetはバックエンドで動いているコードエンジン「Language Server」と接続されます。*この状態だと「ソースコードの補完」「メソッド定義への移動」「コードの品質チェック」等が使用でき、開発作業がよりスムーズになります。*

軽いメモをしたくなった時にも、アプリ開発をしたい時にも、Fleetだけあれば事足りる未来がいつか来るかもしれません。

### スペックが低い端末でも高速で開発できる

これまでは、スペックが低いローカル端末で高機能なIDEを使おうとすると、ビルドに時間がかかってしまい開発効率が落ちることが度々ありました。会社に端末のスペックアップを交渉しても取りあってもらえず、泣く泣く長いビルド時間を待ちながら開発した経験があるという方も少なくありません。

どんな端末からも効率良く開発を進められるように、Fleetでは分散アーキテクチャを採用しています。**具体的には、JetBrains製のリモート開発環境「Space」と接続し、リモート開発環境上でビルドやデバッグを実施することができます。**

【参考】: [JetBrains IDE 向けの Space クラウド開発環境](https://www.jetbrains.com/ja-jp/remote-development/space-dev-environments/)

Spaceは、リモートでの開発効率化のため開発された複製可能な開発環境です。内部ではDockerコンテナが作動しています。

**Fleetは数多くのプログラミング言語に対応しています。**

現在対応している言語は「Java」「Kotlin」「Python」「Go」「JavaScript」「Rust」「TypeScript」「JSON」です。また、今後対応が予定されている言語は「PHP」「C++」「C#」「HTML」です。

## Fleetがクラウド開発環境「Space」を用いるメリット

上記でも述べたように、Fleetはクラウド開発環境であるSpaceと接続し、どのような端末からでも効率の良い開発を実現します。

以下に、Spaceを用いた開発のメリットを挙げます。

*開発環境がDockerコンテナで提供されていない場合、チームへの参画者は自分の端末で直接開発環境を整えなければいけません。*そのプロジェクトで用いられているプログラミング言語やデータベースクライアント等、複数のミドルウェアのインストールが必要です。

**Spaceでは、Dockerで環境が提供されていることにより、Dockerfileを書き換えるだけですぐに開発環境が整います。**これにより、環境構築工数の削減が期待できます。システムが長く使われ、使用言語のバージョンアップが必要になった際も、既存の環境を捨てて新しい環境をすぐ再構築できます。

また、MacやWindowsといった開発端末間の差異を気にせず、メンバー間で統一された環境を使って開発に取り組めるのも、大きなメリットです。

### 開発環境をメンバーと共有できる

**Spaceでは、現在開発中の機能の開発環境リンクを取得し、チームメンバーに共有することができます。**コードを書いたら、開発チームはそのコードの品質を担保しなければいけません。この機能はそういった場面で効果を発揮します。

開発環境リンクを受け取ったメンバーは、手動による動作確認を実施し、テスト結果を開発者にフィードバックすることができます。*これにより、バグの早期発見および品質向上が期待できます。*コードレビューや単体テストではバグを検知しきれないような細かい修正に対して、メンバー間でのダブルチェックを手軽に行えるようになりました。

### Gitベースのリポジトリ機能が使える

**Spaceでは、さながらGitHubやAzure DevOpsのように、チームでの効率的な開発に必要となる機能を提供しています。**具体的には、下記のようなことが実現できます。

*ソースコードのバージョン管理*

*継続的インテグレーション/継続的デリバリー機能*

【参考】: [ソフトウェア開発 - 機能 | Space](https://www.jetbrains.com/ja-jp/space/features/software-development.html)

**統合開発環境としてのFleetを利用するための料金体系については、公式な発表はまだありません。**IntelliJ IDEAには無料版の「Community」と有償版の「Ultimate」が提供されていたことから、Fleetにも無料/有償版の区別がある可能性があります。

一方で、クラウド開発環境Spaceおよび、開発環境の利用料金については、以下のように料金体系が公開されています。

Spaceの料金形態はサブスクリプション型で、4種類あります。以下に、有効な1ユーザあたりの料金を示します。

*Organizationプラン*...2,300円/1か月

*Enterpriseプラン*...11,400円/1か月

**Free・Teamプランは、料金負担が少ない代わりに1ユーザが使用できる開発環境数に制限があります。**一方、Organizationプラン以上では1ユーザが無制限に開発環境を構築・複製することができます。ある程度大人数のチーム開発でSpace開発環境を有効活用するためには、Organizationプラン以上でSpaceを購入する必要がありそうです。

Spaceの料金形態および提供される機能に関して、詳細は以下をご確認ください。

【参考】: [Space Cloudの価格](https://www.jetbrains.com/ja-jp/space/buy/?billing=yearly#cloud)

### Spaceで用いる開発環境の利用料金

**Spaceを利用する際、サブスクリプション料金とは別に、利用する開発環境とストレージにも料金がかかります。**

以下は各環境を1時間利用した時にかかる料金です。

*Regularタイプ（4 CPU コア、8 GB RAM、40 GB ディスクドライブ）*...0.4ドル

*Largeタイプ（8 CPU コア、16 GB RAM、40 GB ディスクドライブ）*...0.8ドル

*Extra Largeタイプ（16 CPU コア、32 GB RAM、40 GB ディスクドライブ）*...1.6ドル

次世代IDE「Fleet」がJetBrains社から発表されました。Fleetは分散アーキテクチャを採用しており、ビルドやデバッグなどの処理をリモート開発環境上で行うことにより軽量化を実現しています。

リモート開発環境を使う上では、プランごとに異なる料金が発生します。

JetBrains社はIntelliJ IDEAに続く最新のIDE「Fleet」を発表しました

Fleetは分散アーキテクチャを採用しており、クラウド開発環境「Space」と連携することでチームでの効率的な開発を実現します

Spaceの利用にかかる料金はプランごとに異なります

Fleetとは？JetBrains社の最新IDEが革新的な理由

**プログラミングの楽しさを直感的に伝える「天才プログラマーKBOY」、プログラマーのリアルを伝える「凡才プログラマーKBOY」**。

いずれのチャンネルも登録者数2万人を超えている人気YouTuber、KBOYさん。

そんなKBOYさんが今注力しているのが、スマホアプリ開発のフレームワークである*「Flutter（フラッター）」*、そしてFlutterに特化したオンラインサロン*「Flutter大学」*です。

**KBOYさんはどんな経歴で、なぜFlutterに注力しているのか？**

**KBOYさんがFlutterやFlutter大学を通じて実現したいことは何なのか？**

今回は、そんなこんなをじっくりインタビューしました。

“Flutter”だけでも食っていけます。『天才プログラマーKBOY』主宰の「Flutter大学」は陽キャ集団だった【前編】

## KBOY＝大企業だからできた勉強＋学祭や合コンで鍛えた段取り力

#### balloon eriko_ichibangase left
ここからは、KBOYさん自身のことやKBOYさんの今後の展望について伺っていきたいと思います。Flutter大学は交流の活発な陽キャ集団だとおっしゃっていましたが、KBOYさん自身が陽キャなんですか？

#### balloon kboy_2 right
まあそうですね。**もともと目立つのは嫌いではなくて、文化祭や学祭で人前に出たり、合コンを仕切ったりするのも好きなほう**でしたよ。とはいえ、クラスでいちばん目立つ最前線の陽キャとかではなく、普通に真面目なタイプです。落ちましたけど**東大受けました**し、それくらいには勉強してました。

#### balloon eriko_ichibangase left
へえ、東大！出身は早稲田で、新卒で入社されたのはWeb系の一部上場企業ですよね。安定したサラリーマン人生が約束されていたと思いますが、小規模なベンチャー企業に転職したり、フリーランスのYouTuberになったりすることに不安はなかったですか？

#### balloon kboy_2 right
いや、全然それはないです。**中高生のころから起業ってかっこいいな、社長になりたいなと思ってました**。ひねくれてるかもしれないですが、**電車に揺られてるサラリーマンってダサいみたいな反骨心を持ってた**んで、いずれそっちに行くだろうというか、既定路線という感じで。どんどん小さいところに移って独立という形ですけど、不安とか怖いとかはないです。

#### balloon eriko_ichibangase left
起業マインドはいつからかなと思っていましたが、予想以上に早い段階でした。では、新卒で大企業に入って良かったこと、学べたことはありますか？

#### balloon kboy_2 right
大企業でやっていた仕事が、いま直接的に生きているということは……正直ないです。でも、最初の仕事で勉強させてもらえたことがきっかけで、エンジニアになれました。小さい会社では、即戦力じゃない若者に勉強させるようなことはできませんよね。

#### balloon kboy_2 right
でも**利益を出してる大企業なら、利益を出さない若い社員に勉強させて給料を出せる**。**そういう環境を与えてもらったおかげで、今の自分がある**と思っています。

~~ARベンチャーのGraffity時代にリードエンジニアとしてリリースした大人気アプリ「ペチャバト」~~

~~出典：[相手のスマホを狙い撃ち　ARシューティングゲーム「ペチャバト」登場](https://www.itmedia.co.jp/news/articles/1812/12/news087.html)~~

#### balloon kboy_2 right
いまの仕事に生きているという意味では、**学生時代の合コンやパーティー、社会人2年目の頃からやっていた勉強会とか、そういう経験を通して得た段取り力**ですね。チャラく思われがちですけど、まさにコネクティング・ザ・ドッツで、あの経験がここで生きるのかと実感してます

### コネクティング・ザ・ドッツ（Connecting the dots）とは？

2005年の米スタンフォード大学卒業式での、スティーブ・ジョブズの伝説的なスピーチで語られた言葉。点と点がつながるように、過去の思いがけない経験が未来に生きることもある。今やっていることがどこかに繋がると信じて生きてほしい、という内容。ちなみにこのスピーチは、「Stay Hungry! Stay Foolish!」というフレーズで締めくくられる。

## Flutterの第一人者として、学びの後押しをする場を作りたい

#### balloon eriko_ichibangase left
ベンチャー企業を経て独立されたKBOYさんですが、今はFlutterに注力されていますよね。もともとFlutterエンジニアだったわけではないのに、なぜFlutterを？

#### balloon kboy_2 right
わりと自分のポジショニングについて考えるほうなんですが、**Flutterなら今から始めても第一人者になれると思ったから**です。単に技術として好きだというのもありますが、単価が多少安くてもFlutterやったほうがいいなというカンが働きました。

#### balloon eriko_ichibangase left
実際そうなっていて、Flutterを学びたい人がKBOYさんの元に集まるようになったわけですが、KBOYさん自身はどうやってFlutterを学んだんですか？Flutter大学にあるような教材は当然ない状態ですよね。

#### balloon kboy_2 right
**Udemy（オンライン学習プラットフォーム）や外国人の情報発信を利用して勉強**しました。あとは、仕事として請けるとやらざるを得ない環境に追い込まれるので、それも上達方法のひとつですね。

~~出典：[https://flutter.dev/learn](https://flutter.dev/learn)~~

#### balloon eriko_ichibangase left
英語は得意だったんですか？

#### balloon kboy_2 right
受験科目としては、英語はかなり得意なほうでした。でも、逆に言うとその程度です。例えば動画教材だと英語がちゃんとわからなくてもだいたい理解はできるんですよ。 これはFlutter大学のメンバーにもよく言うんですが、**英語教材だというだけで拒絶せずに、もっと気軽に英語教材や英語の情報を活用してほしい**んですよね。

#### balloon eriko_ichibangase left
話を少し戻しますが、Flutter大学について。入会するメリットについてはすでにお伺いしましたが、どんな軌跡をたどってきたコミュニティですか？

#### balloon kboy_2 right
YouTubeチャンネルでちょっと煽って募集したこともあって、立ち上げてすぐに100名ほどの人数は集まったんです。でも、**コミュニティとして最初から順調だったわけではない**んです。 嘘はついてないけど、限定教材に期待していた人にガッカリされてしまったり、数ヶ月いて一通り学ぶとやめてしまったり…そんな状態が1年ほど続きました。

#### balloon eriko_ichibangase left
後者は必要なことを学び終えた人なので、Flutter大学への不満ではなく、いわゆる卒業ですよね。そんなに悪いことではないと思いますが。

#### balloon kboy_2 right
そうですね、卒業です。でも、教材をすべて無料公開していることでもわかるように、**自分は商材屋になりたいわけではない**んですよ。**コミュニティを作りたくてFlutter大学を立ち上げた**ので、目指すのはFlutterに携わる人たちが所属し続ける意味のある場所だったんです。

#### balloon eriko_ichibangase left
Flutter大学は学びの後押しをする場所だ、というお話でしたね。

#### balloon kboy_2 right
はい。今は勉強会や共同開発プロジェクトなど現役のFlutterエンジニアにとってもスキルアップにつながる機会がありますし、オフ会や交流会で友達ができたとか、そういう存在理由もあるんですけど。

#### balloon kboy_2 right
コミュニティとして今みたいに活性化してきたのは、Flutter大学ができて約1年後の2021年3月頃からです。**自発的に勉強会を開いてくれるメンバーが登場したことで、変化が生まれた**んです。

#### balloon eriko_ichibangase left
Zoom交流会もいくつかのグループに分かれているようですし、質問Zoomなども必ずしもKBOYさん自身がすべて仕切っているわけではないんですね。お話を聞いていると、人数の話だけではなく、Flutter大学というコミュニティが成熟してきたような印象を受けます。

#### balloon kboy_2 right
だから、**「KBOYがやってるオンラインサロン『Flutter大学』」というイメージは払拭していきたい**と思っています。**いまやFlutter大学は僕がいなくてもきちんとまわっている**し、YouTuberのKBOYが好きだから入るとか、そういうものではないので、より信用されるサービスとして運営していくためにもそうしていきたいと思っているところです。

KBOYのオンラインサロンは終了します

## Giveしてくれる仲間と、人を育てる仕事をしていきたい

#### balloon eriko_ichibangase left
[2021年1月に、2020年はエンジニアとして受託開発もしていたとお話されていました](https://www.youtube.com/watch?v=dO4iLZS6s3o)が、いまは合同会社KBOYを設立されていますよね。エンジニアの仕事はもうされていないんですか？

#### balloon kboy_2 right
依頼があれば単発で請けることはあります。ほかには**技術顧問をしたり、プログラミングスクールのカリキュラムを作ったりといった仕事もあります**ね。ただ、会社は立ち上げましたが、まだ自分だけです。

#### balloon eriko_ichibangase left
社員を増やしていく予定はありますか？例えばですけど、Flutter大学のメンバーでFlutter専門の受託開発会社を作ることもできると思うのですが。

#### balloon kboy_2 right
Flutterエンジニアがこんなに集まっているところは他にないので、**Flutterエンジニアを紹介してくれという問い合わせは多い**ですよ。でも、**受託開発会社を作るつもりはない**です。

#### balloon eriko_ichibangase left
受託開発、あまりお好きではなさそうですね。

#### balloon kboy_2 right
**やりたいものを、やりたい人と作りたいタイプ**なので、仕事となると気が進まなくても作らないといけない受託開発は基本的に好きではないです。

#### balloon kboy_2 right
Flutter大学にとって良い流れが生まれたり、Flutter大学のメンバーの成長につながる仕事に繋がったり、という可能性があれば受託開発の依頼も受けますが、**興味があるのは人を育てる仕事**のほうです。

#### balloon kboy_2 right
だから**今後の展望としては、「人材育成」を軸としたビジネスをしていきたい**ですね。

#### balloon eriko_ichibangase left
それは1人では難しそうですね。

#### balloon kboy_2 right
Flutter大学で講師も務めてくれている、[Kosuke](https://twitter.com/KosukeSaigusa)さんと[こんぶ](https://twitter.com/pressedkonbu)さんのように、積極的に提案して動いてくれる、**Giveしてくれるタイプの人と一緒にFlutter大学をもっと盛り上げていきたい**なと考えています。

KBOYさんの自分に正直なお人柄や、自分だけでなく周囲にも良い影響を与えていこうとする姿勢が凄く素敵でした。**「Flutter大学」の今後の発展、人材育成を軸としたビジネスの展開、非常に楽しみですね**。

KBOYさん、この度は取材を受けてくださり誠にありがとうございました！

[合同会社KBOY（公式サイト）](https://kboy.jp/)

[Flutter大学（YouTubeチャンネル）](https://www.youtube.com/channel/UCReuARgZI-BFjioA8KBpjsw)

[KBOY（Twitter）](https://twitter.com/kboy_silvergym)

KBOYさんが今注力しているのが、スマホアプリ開発のフレームワークである「Flutter（フラッター）」、そしてFlutterに特化したオンラインサロン「Flutter大学」そもそもFlutterとはどんなものなのか？KBOYさんがFlutterやFlutter大学を通じて実現したいことは何なのか？インタビューしました。

心理学科卒業後、新卒未経験でSI企業に就職し、Java系のSEとして10年。
結婚出産を経て、2015年にトラベルライターに転身。
現在はMONOLISIX株式会社に所属しweb編集やマーケティング業務にも携わっている。
新婚旅行では1年かけて世界50ヶ国を巡るほどの旅行好き。
日々の晩酌が何よりの楽しみ。

一番ヶ瀬 絵梨子

藤川慶。1991年7月15日生まれ。札幌出身。ネット上ではkboyの愛称で知られる。2015年に早稲田大学創造理工学部を卒業後、プロトコーポレーションでアプリ開発ディレクターを経験。その後プログラマーに転向し、報道系ベンチャーのJX通信社でニュースアプリのiOSアプリ開発を経験。その後ARベンチャーのGraffityにてリードエンジニアとして活躍。大人気アプリ「ペチャバト」をリリース。個人の発信力を高めたいと考え2019年2月に独立しフリーランスエンジニアとなる。その後2020年6月に合同会社KBOYを創業。登録者2万人超のYouTubeチャンネルを活かしつつFlutter大学の運営やFlutterの技術顧問などを行なっている。

KBOYさん

新人に勉強させるリソースのある大企業に所属するからこそ、学べることがある

KBOYさんがFlutterを選んだ理由は、第一人者のポジションを取れると思ったから

Flutter大学は「KBOYのオンラインサロン」ではなく、実践的に学べるサービスとして成熟した

Flutter大学を通じて、「人材育成」を軸としたビジネスをしていきたい

"商材屋"になりたい訳ではないんですよ。『凡才プログラマーKBOY』がFlutter大学を運営する理由【後編】

**そもそもFlutterとはどんなものなのか？**

## iOSとAndroid両対応の開発フレームワーク「Flutter」

#### balloon eriko_ichibangase left
Flutterを知らない方のために、まずはFlutterについて教えていただけますか？

#### balloon kboy right
**Flutterは、スマホアプリを開発するためのフレームワーク**です。2018年に初の正式版がリリースされたので、かなり新しい技術ですね。

#### balloon eriko_ichibangase left
スマホアプリを開発できるフレームワークはほかにもありますが、Flutterならではの特徴はありますか？

#### balloon kboy right
**iOSとAndroid、両方のアプリに対応していること**です。そもそも片方しか作れなかったり、両方に対応している開発環境であってもiOS用／Android用に分けてコードを出力したりする開発環境が多いのですが、Flutterは作り分けを意識する必要がありません。

#### balloon eriko_ichibangase left
それは強みですね。ただ、新しい技術のようなので、**習得するにあたっては将来性が気になる**ところだと思います。Flutterを使えることは、エンジニアとして武器になるのでしょうか？

#### balloon kboy right
案件は増えてきていますし、Flutterエンジニアを紹介してほしいという問い合わせもよくいただきますよ。**現に今、Flutterのスキルのみでエンジニアとして働いている人がいる**ので、そこは心配いらないと思っています。

#### balloon eriko_ichibangase left
Flutterのスキルのみ、ということは、その方が最初に勉強したプログラミングがFlutterだったということですね。Flutterは初心者が学ぶにあたってハードルが低いのでしょうか？

#### balloon kboy right
**Flutterの仕組みは簡単で、初心者にもわかりやすい**と思います。Flutterで使うDartという言語は特別簡単なわけではなく難易度としては普通ですが、アプリ開発にあたってHTMLが登場したりせず、ボタンをどこに置くといったUIも含めて全部Dartで完結するので。

#### balloon eriko_ichibangase left
言語は簡単ではないのに、Flutterは簡単…？

#### balloon kboy right
初心者の方が誤解しやすい部分なんですが、**「プログラミングができる＝アプリ開発ができる」ではない**んですよ。アプリ開発の仕事でプログラミング言語を書いてるのは1/3くらいで、UIの設計やプッシュ通知の設定などそれ以外にもいろいろな工程があり、作法やルールの理解も必要です。

#### balloon kboy right
なので、言語にウエイトを置く必要はないんです。そして、アプリ開発のしやすさという点において、Flutterというフレームワークは初心者にも簡単でわかりやすい、ということです。

【初心者必見】あなたの勉強の順番は間違ってる！プログラミング言語は後回しにすべし！【エンジニアになる勉強法】

## チーム開発を経験できる、Flutter大学の共同開発プロジェクト

#### balloon eriko_ichibangase left
Flutterのエンジニアを目指す人や現役のFlutterエンジニアが集まっているのが、KBOYさんが主宰している「Flutter大学」（オンラインサロン）ですよね。いつできて、いま何人くらいいらっしゃいますか？

#### balloon kboy right
2020年4月29日にスタートしたので、1年半を過ぎたところです。**2021年11月現在、有料会員が250人**、無料会員が100人くらいです。無料会員はSlackやGithubは閲覧できず、Flutter大学アプリの限定コンテンツを少し見られるくらいですが。

#### balloon eriko_ichibangase left
Flutter大学は何が学べる場所なんですか？

#### balloon kboy right
Flutter大学では、**Zoomでの質問会、勉強会、共同開発プロジェクト**など、グループで学べる機会を用意しています。交流会もありますよ。

#### balloon eriko_ichibangase left
質問会や勉強会はなんとなくわかりますが、共同開発プロジェクトとはどんな企画なんでしょう？メンバーはいつでも誰でも提案できるのですか？

#### balloon kboy right
共同開発は運営側の主導で、3ヶ月に1回、キックオフミーティングを設けています。**アイデアがある人が提案し、賛同者がいれば開発に着手し、3ヶ月後に発表する**というフローです。すでに第6期になりました。

#### balloon eriko_ichibangase left
実際に仕事を始めると、最初から最後まで1人でということはまずないですもんね。エンジニアを目指して勉強中の段階で、チーム開発を経験できるのはかなり貴重な機会だと思います。共同開発プロジェクトから生まれてヒットしたアプリはありますか？

#### balloon kboy right
ヒット作と呼べるほどのアプリはまだないですが、クラフトビールの情報やレビューを投稿・閲覧できる『[ビアコレ](https://craftbeer-collection.com/)』は一定の評価を受けていますし、アプリとしてもきちんとできていると思います。

Flutter大学で生まれたアプリ15個を紹介します

#### balloon eriko_ichibangase left
クラフトビールはトレンドですし、楽しそうなアプリですね！今後、大ヒット作が出る可能性もありますが、権利関係はどうなっていますか？Flutter大学というオンラインサロン内の企画だけど、発案者も開発者もメンバーとなると、いろいろ難しいのでは…。

#### balloon kboy right
**企画者に権利があり、権利の配分も企画者が決めてOK**、ということにしています。できればFlutter大学のリポジトリに登録してほしいとお願いしているくらいで、それも強制ではありません。**共同開発プロジェクトで作ったアプリを使って起業しようとしてる人もいます**よ。

#### balloon eriko_ichibangase left
えっ、予想外の太っ腹。でも、そんな性善説で、大丈夫なんですか…？

#### balloon kboy right
実は、自分でソフトハウスをやっているメンバーが、自社で開発予定のアプリを共同開発プロジェクトで提案したことがあります。 共同開発プロジェクトに参加するのは主にまだ勉強中のメンバーが多いので、実際にはマネジメントの負荷が高すぎて**「Flutter大学を使えば無料でFlutterアプリを発注できちゃう！」**というほど簡単にオイシイ話にはなるものではないですよ。

#### balloon kboy right
でも、発想としては労働搾取につながりますから……今のままでは抜け穴があるし、ルール作りの必要性は感じています。

#### balloon eriko_ichibangase left
なるほど、ちょっと安心しました。ただ、お聞きしていると**メンバー間のスキル差がけっこうある印象**です。初心者が難しすぎると感じたり、中～上級者が簡単すぎて物足りないと感じたりしないような工夫はされていますか？

#### balloon kboy right
それは、プランの設定で解決しています。**交流や情報収集がメインになる中～上級者向けには「コミュニティプラン」、がっつりFlutterを勉強したい初心者向けには、自由に質問できる「Flutter修行プラン」**を用意しています。

#### balloon eriko_ichibangase left
何をお聞きしても明確な答えが返ってきますね。権利やプラン、レベルは気になる人が多いと思うので、入会を検討している人は安心材料になると思います。Flutter大学に入ったら技術面でこんなことが学べるよ、というメリット、ほかにありませんか？

#### balloon kboy right
**Flutterだけでなく、アプリをリリースするために必要なことがすべて学べる**ようにしてあります。さきほども少し触れましたが、アプリ開発のために必要なのは、特定の言語や開発環境に関する知識だけではないんです。

#### balloon kboy right
「Flutter × Firebase」での開発が多いので、**Firebaseの勉強会もよくやってます**ね。ほかにもStripeやAlgoliaなど、SaaSを組み合わせて少人数で作るというのをやってる人が多いので、そのあたりの知見も広がると思います。

Googleのモバイル・Webアプリケーション開発プラットフォーム。
[https://firebase.google.com/](https://firebase.google.com/)

インターネット向けの決済インフラを提供しているSaaS。
[https://stripe.com/jp](https://stripe.com/jp)

全文検索の機能を提供しているSaaS。
[https://www.algolia.com/](https://www.algolia.com/)

## 勉強は自分で。Flutter大学はその後押しをする場所。

プログラマーの記事（16ページ目）