ホストがプログラミング!? スマホでプログラミングを学べるアプリ「Progate」のやさしさに触れてみた

image1

こんにちは「i-ENGINEER」でライターをしているカズヒロ☆です。

M字ゾーンの薄毛進行を気にして凹んでいる姿で失礼いたします。強風の日はM字があらわになるので外出を控えているんですが、今日はどうしてもやってみたい「実験」があるので、歌舞伎町に来ました。

突然ですが、プログラM……M……じゃなくて、 プログラミングを学ぶハードルって高くないですか? プログラミングに興味があるけど、参考図書はどれも難しそうだし、スクールに通うほどではない。もっと手軽に学べるものはないのでしょうか。

と思っていたらありました。

image1

image1

▲「Progate」は、パソコンは勿論、スマホでも気軽にプログラミングを学べるサービス。

巷では「世界一やさしいUI」と言われたり言われなかったりするらしい。「やさしさと毛量があれば、世界は平和だ」。誰だか思い出せないけど、偉い人がそんなこと言っていたような気がする。

「いまオレに足りないのは、やさしさと髪の毛」だ。ひとまず、やさしさに飢えていたので、ダメ元で「Progate」デザイナーの神田さんを呼びつけました。

……なんと来てくれました!マジ★天使。

image1

▲プログラミング学習サービス「Progate」のデザイナー神田美智さん。唐突な呼び出しに対応してくれるやさしさ。

カズヒロ☆
カズヒロ☆:こ、こ、こんにちは。

神田
神田:こんにちは。

カズヒロ☆
カズヒロ☆:突然お呼びしたのに来てくださって、あ、あ、ありがとうございます!

神田
神田:(キョドりすぎ……)無視しようと思いましたけど、そうするとカズヒロ☆さんが困るかなと思って(依頼が必死すぎて、断った方が怖そうだったし)。

カズヒロ☆
カズヒロ☆:(やさしい…。)

神田
神田:今日はどうしましたか?

カズヒロ☆
カズヒロ☆:「Progate」が「世界一やさしいUI」と言われているみたいなので、それが本当なのかどうか確かめにきました。この目でね!(キラリ★)

神田
神田:はい?

カズヒロ☆
カズヒロ☆:だ〜か〜ら〜。プログラミング経験がない方に「Progate」を使ってもらって、本当にやさしいのか検証したいんですよ!

神田
神田:……(いきなり何言ってんだこいつ。)

カズヒロ☆
カズヒロ☆:四の五の言わずについてきてください!

※あまりの迫力に一定の距離を保ちながら、カズヒロ☆についていく神田女史。ときどき突風が吹いたが、後ろからカズヒロ☆のM字が見えることはなかった……。そして、3分後。

カズヒロ☆
カズヒロ☆:ということで、歌舞伎町ブックセンターにきました。

image1

▲歌舞伎町ブックセンター。「LOVE」がテーマの本だけを取り扱う歌舞伎町の本屋。

神田
神田:どうして?

カズヒロ☆
カズヒロ☆:ここは、「ホストのいる本屋」として有名なんです。ここのホストさんにご協力していただくことにしました。

神田
神田:カズヒロ☆さんが体験してみるのでは、駄目だったんですか?

カズヒロ☆
カズヒロ☆:……駄目です。

神田
神田:どうしてでしょうか?

カズヒロ☆
カズヒロ☆:それだと画力(えぢから)がないんです……!

神田

神田:あっ……。(察し)

image1

▲来たれ、画力(えぢから)。

ホストのお二人と合流

image1

▲「VANPS」でホストとして働きながら、歌舞伎町ブックセンターの店員でもある綾崎ハヤテさん。読書好き。短編小説も執筆。

image1

▲同じく「VANPS」でホストとして働きながら、歌舞伎町ブックセンターの店員でもあるエイトさん。筋肉に自信有り。

image1

▲永久(とこしえ)の闇の世界から蘇りし堕天使カズヒロ☆。

カズヒロ☆
カズヒロ☆:本日はよろしくお願いいたします!

image1

▲早速、神田さんとコミュニケーションを取るやさしいお二人。

神田
神田:お二人はプログラミングの経験はありますか?

綾崎エイト
綾崎・エイト:ないですね(ユニゾンする声)。

神田
神田:プログラミングにどのようなイメージを持っていますか?

エイト
エイト:ん〜〜、小難しいもの。

綾崎
綾崎:賢い人がやるイメージがありますね。興味もありましたが、これまで触れる機会がありませんでした。

エイト
エイト:勉強してみたくても、とっつきにくい印象がありますよね。

カズヒロ☆
カズヒロ☆:ですよね。

神田
神田:(カズヒロ☆の発言をさえぎって)「Progate」はそういった方にこそ、親しんでもらえるようなサービスなので、楽しんでもらえると思います!

カズヒロ☆
カズヒロ☆:では、プログラミング経験がマサラタウンなお二人にスマホ版「Progate」を使用していただきましょう。今回は、HTML &CSS初級編を40分ほど体験してもらいます。(事務的な発言をするカズヒロ☆)

神田
神田:プログラミングを始めたいけど「何を学べばいいかわからない」という方におすすめのレッスンです。このコースをやり抜くと、簡単なWebサイトやプログラムを作れるようになりますよ♪

image1

▲「Progate」スマホ版のHTML &CSS初級編のスライド。

実際に使ってもらった。

 

image1

▲それぞれのスマホを取り出して。

image1

▲「Progate」を使用しはじめる。

カズヒロ☆
カズヒロ☆:お〜〜〜っと、早速すごいことが起きています! プログラミングを始めるときには、環境構築(プログラミングを書くための準備)が必要。

しかし、それを一切せず、アプリをDLするだけでプログラミングに取り掛かれています。

「Progate」ならではの光景が今、目の前で繰り広げられています!

綾崎エイト神田
綾崎・エイト・神田:……。(うるせえなコイツ)

image1

▲「Progate」アプリ版の演習用画面。

カズヒロ☆
カズヒロ☆:(仕事だということを少し思い出した)PC版とスマホ版の違いはなんでしょうか?

神田
神田:パソコンと比べるとスマホの画面は小さいので、載せる情報を取捨選択して、配置しました。スマホ版はコードを選択形式にしており、プログラムの理解に集中できるようになっています。

あっ……。

カズヒロ☆
カズヒロ☆:えっ……。

image1

▲無邪気に喜ぶお二人。かっこかわいい。

image1

image1

▲レベルがLv.2にアップしたらしい。

カズヒロ☆
カズヒロ☆:レベルアップ画面が出るんですね!

神田
神田:「Progate」は演習をクリアすると経験値が獲得でき、それが蓄積されるとレベルアップする仕組みになっているんです。ユーザさんが達成感を味わえることを大事にしています。

image1

▲再び、黙々とはじめる。

image1

▲やさしく見守る神田さん。

image1

▲時間を持て余し、覗くカズヒロ☆。目が若干やばい。

image1

▲連日連夜、ワールドカップを見ているからね。

感想を聞いてみた

神田
神田:実際に使ってみてどうでしたか?

エイト
エイト:とっつきやいですね。直感的に操作できるので、ストレスを感じることもありませんでした。

綾崎
綾崎:スマホで学んだことを、そのままアウトプットできるのがいいですね。

カズヒロ☆
カズヒロ☆:来た〜〜〜っ! 解説のスライドと演習が一緒になっており、学んだことを即実践につなげる。飽きずに知識を定着させられる「Progate」ならでは魅力に綾崎氏もノックアウト寸前か〜〜!?

綾崎エイト神田
綾崎・エイト・神田:……。(無視)

image1

▲解説のスライド。

image1

▲演習画面。

綾崎
綾崎:いきなり分厚い本やプログラミング教室で、はじめるのではなく、スマホ一つで気軽にできるのもいいですよね。

神田
神田:ありがとうございます。プログラミングを学ぶハードルを下げたいという想いを持って作っているので嬉しいです。

エイト
エイト:聞いてみたかったんですけど、神田さんが思うプログラミングを学ぶメリットはなんですか?

神田
神田:人生の選択肢を増やせることですかね。

株式会社Progateの創業者二人は、学生時代にプログラミングをはじめて、そのスキルを持ったことで、作りたいサービスを開発することができて、起業できたんです。

そういった経緯からプログラミングは「人生を変える」一つの手段になるんじゃないかなって思います。

エイト
エイト:へ〜、僕もプログラミングができるホスト目指します!

神田
神田:いいですね! 海外ではファッションモデルがプログラミングをやっていたりするんですよ。

綾崎
綾崎:ホストがプログラミングをやってもおかしくない時代なんですね!

神田
神田:そうなんです!

綾崎エイト
綾崎・エイト:今日はありがとうございます! 新しい体験ができて、楽しかったです! とりあえず呑みましょう!

カズヒロ☆
カズヒロ☆:おお! いいすね〜! 呑みましょう! 神田ちゃんと呑みたい騒ぎたい! はい! 胃腸に関して自信があるある! 漢方漢方一気漢方一気漢方! はい!……あれ? あれあれ?

image1

綾崎エイト神田
綾崎・エイト・神田:(無視して)かんぱ〜〜〜い!



















image1width=

▲あ、あぶれてもうた。







注:この記事はカズヒロ☆の主観により積極的に編集されております。

協力:株式会社Progate、歌舞伎町ブックセンター

この記事が気に入ったらいいね!しよう

いいね!するとi:Engineerの最新情報をお届けします

プライバシーマーク