【プログラミング】ProgateのiPhoneアプリを実際に使ってみたよ

プログラミングを学んでみようかなー、とかプログラミングスクールに通ってみようかなーとか思っているのではないでしょうか。

もしかしたら、プログラミングの学習サービスを使って少しはコードを書いたことがあるかもしれないですね。

 

ProgateのiPhoneアプリバージョンをちょっとやってみたので、書いていきますね。

スマホでプログラミング!?

プログラミングはパソコンのキーボードないときついだろう・・・どうやってスマホでプログラミング学習するんだ・・・

パソコンで自分もprogateをやっていたので、そんなことを思いながらちょっと手を出してみましたよ。

Progateをインストール

AppStoreから「progate」と検索して、インストールしましょう。そして起動です。

 

IMG_2070

始まって参りました。web版のprogateをやっていたらそのままそのアカウントでログインできたので、アカウントを持っている方はそのままログインしましょう。アカウント無い人は、新しく作ってね。

IMG_2071

プログラミングへの第一歩がはじまったみたいです。

学べる言語

IMG_2072

学べる言語は現時点で「HTML&CSS」のみですね。学べる言語が少ないのは、今後に期待ですね。

web版をやったときにも思ったけど、このデザイン性は良いですよね。これはアプリ版でも変わらない。素晴らしいデザイナーがいるのでしょう。

IMG_2074

現在出ているコースは、こんな感じですね。

COMING SOONばかりですが、phpやswift,SQLなどなどたくさんあります。公開されるのが待ち遠しい。

レッスンを受けてみる

プログラミングへの第一歩ということで、「HTML&CSS」を受けてみましょう。

IMG_2075

「レッスンを始める」からレッスン開始です。

IMG_2076

おーweb版でよく見たような画面ですね。

スマホでもこんな表示なんだ。ちなみにスマホは横画面です。

IMG_2077

ここからレッスンの本格的な内容に入っていきます。

IMG_2078

「Hello World」を表示させよう!っていうやつですね。

タグをキーボードでそのまま打ち込むのかな・・・?

IMG_2080

なんと・・・選択式でしたか!

これはわかりやすい。キーボードで打つとかだったら時間かかりすぎてやばかった。これなら簡単に選択できてサクサク進めそう。

IMG_2081

問題を解いていくと、説明されながら進んでいく。

IMG_2083

そして、問題を解いていくとレベルアップ!!

このレベルアップっていう機能は良いですよね。どんどん自分が強くなっていく感じがね。モチベーションにも繋がっていくでしょう。

IMG_2084

スマホ版でも「答えを見る」や「コードをリセット」といった機能は搭載されている。

IMG_2086

自分がどれだけ、そのコースを進めたのかが視覚的に分かるのも良いね。

スマホ版Progateとは

やってみて、スマホではスマホなりにやりやすかったなあと思いました。

コードは選択形式

web版では、コードはキーボードで打つ形式だったけど、スマホ版は選択形式。

これが、なかなかサクサク進んで良い感じです。

レベルアップ

やっぱりこのレベルアップしていく感じは良いですね。

画面は横

スマホでprogateするときには画面を横にして、コースを受けていきます。

ゲーム感覚で楽しみましょう。

iPhone版Progateの評判は

iPhoneでできるprogateの評判はどうなのか、ちょっとtwitterでも見てみるとかなり良い感じです。

@samuraibook88: ヤバいビジネス書 2018-01-29 08:59フォロー
HTML・CSSコースの初級コースも半分以上終わった。(復習である) こちらはスマホでやってる。Paizaを1月で退会して、Progateに移行する。Progateをほぼ全部、終わらせたら、またPaizaに戻り、残りのJava(5までは終了)やRubyやアルゴリズム講座などを1ヶ月だけ課金しようと計画。
返信 返信 リツイート リツイ お気に入り お気に
@okapo192: テツヤマモト🇹🇭バンコク 2018-01-28 21:49フォロー

Progate(プログラミング学習サービス)のスマホ版に挑戦してみました!

コードを入力するんじゃなくて、選択肢をタップして勉強していく形ですね。実際のコーディングとは勝手が違うけど、暇なときにゲーム感覚でやるには最適だな〜って感じました。プログラミング始めたい人にはオススメです〜

返信 返信 リツイート リツイ お気に入り お気に
@innovation1126: H.M 2018-01-28 08:19フォロー
progateのスマホ版めっちゃ有難い笑
@JUNP_N: 野村純平(男子ハック) 2018-01-27 14:10フォロー
初心者には超わかりやすいと思う🙌
返信 返信 リツイート リツイ お気に入り お気に
@ShigekiWakasugi: 10/1〜学生見習いアルパカ 2018-01-27 12:51フォロー
うお!ついにアプリ出たか!
課金する時がきたか
返信 返信 リツイート リツイ お気に入り お気に
最高かよProgate
まあ我ら世代も高校生の頃スマホでめっちゃHTML書いてたから全然いけるよな
@toshiaki_takase: toshiaki.takase 2018-01-26 10:17フォロー
プログラミング学習がこんな簡単にスマホからできるようになるんだね。
さわった感じすごく使いやすい。
最初の一歩としてはおすすめ。
返信 返信 リツイート リツイ お気に入り お気に

まとめ

まさかスマホで簡単にプログラミングを学ぶことができるとは。

実際にパソコンでキーボード叩いてコード書いた方が良い部分もあると思うけど、プログラミングのとっかかりにはすごい良いんじゃないかなと思います。

スマホでここまでストレスなくできるのは流石です。