ぬるま湯やっほー

アプリ作って生活しようと思ってます。

未経験の亀がITフリーランスになる 第2話

こんにちは亀です。爬虫類です。昨日から爪の間に挟まった小石が取れません。それはさておき亀的にもITフリーランスになって自由気ままな人生を送りたいと思って、前回からkasさんに指導してもらうことになりました。前回の話を読んでない方はまずこちらを読んで下さいね。

blog.nurumayu.app

無事にMacを買った亀は、今日からWebアプリを作成することに。。。

Webアプリを作るということですが、さっそく何をすればいいですかね。

まずはMacの操作に慣れつつ、簡単にプログラミングに触れていきましょう。

ふむふむ

簡易的なEditor(エディター)が欲しいですね。

エディター?

メモ帳みたいなもんです。最初はとにかくシンプルなことを重点的にやっていきます。そうすると後々、応用しまくるときに意外とつまずかなくて済みますので。

なるほど

MacなんでCotEditor(コットエディター)を使いますか。

コットエディター?

kasさん曰く、まずはCotEditorなる物を使えるようにする必要があるそうだ。CotEditorはこちらからDL出来る。

CotEditor

CotEditor

  • Mineko IMANISHI
  • 仕事効率化
  • 無料
apps.apple.com

先生使えるようになりました!AppleIDの登録とかがめんどくさかったです!

お、いいですね。あとGoogleChrome(グーグルクローム)も落として置きましょう。

グーグルクローム?

Googleが開発したブラウザです。

ブラウザ?

Webサイトを見るためのアプリですね。他にもiPhoneならSafariとか、WindowsならInternet Explorerなどが存在してますね。その中の一つです。なぜこれを選ぶかというと、シェア率が高いのと安定しているからです。

ふむふむ

続いて、言われるがままにGoogleChromeをこちらからダウンロードして使用出来るようにした。彼曰くデフォルトのブラウザに設定した方が良いとのことだったのでそうした。

www.google.co.jp

OKです!使えるようになりました!

お、いいですね。では、さっそくCotEditorを開いて好きなように日本語を入力してみましょう。

好きなようにですか?うーむ。。。

f:id:app_2:20190801223437p:plain

書きました!

ほう。。。ではこれをkame.htmlという名前でデスクトップに保存しましょう。

はい!

亀的にはもっとイカした名前(UltraSoulとか)で保存したがったが、まだ初日なので従うことにした。

f:id:app_2:20190801224457p:plain

保存しました!

いいですね。ではそれをGoogleChromeで開いて見ましょう。デフォルトのブラウザに設定してあるならば、ダブルクリックで行けますよ。

ふむふむ。お!

f:id:app_2:20190801224656p:plain

なんか出ました!すごい!

いいですね。どうですか、今横にどわーっと流れているので途中で改行したくないですか?

したいです!

では、CotEditorの方で、kame.htmlを開いて、各行の後ろに<br>とつけてみましょう。全角ではなく半角ですよ。

ふむふむ。こうですか?

f:id:app_2:20190801225155p:plain

そうです。そうです。そしたらCotEditorの方を上書き保存「Cmd+S」して、ブラウザの方を更新していましょう。「Cmd+R」で更新出来ますよ。

ふむふむ。「Cmd+R」とな。。お!

f:id:app_2:20190801230019p:plain

先生!これは!?

改行されましたね。これで亀さんはプログラマーの卵になれました。

な、なんだってー!

続く。。。

さーて!今週の亀のおすすめグッズは!?

こちらの川エビ!
よかったら食べてみてね。うふふ。次回もお楽しみにー!!