たけや

ITテクノロジー関連のつぶやきや趣味のブログ

React使ってカレンダーアプリを作る

仕事が忙しくてなかなか更新できなかった。。。 VBAをごりごり書いている最近なんですが、 変数の名前に一貫性がなかったりして、ひたすらクソコードを 錬成し続けている毎日です。

そんな中ですが、しばらくの目標としてReact使って カレンダーアプリを作りたいと思います。

カレンダー部分だけでも今月までに作りたい。。。

GitHub Pagesの作り方

HTMLを軽く公開したいときに使えそうなGitHub Pagesを試してみます。
簡単に言えば、GitHubを使ってWebページを公開する方法です。
JavaScriptも動く模様です。

GitHub Pagesの作り方

公式ドキュメント: https://pages.github.com/

GitHub Pagesを使ってWebページを作成する手順については 以下のとおりです。

手順

GitHub Pages用のリポジトリの作成

GitHubにログインし、リポジトリを作成します。
私は今回、yutkts.ioで作成しています。

f:id:yutkts:20190127091032p:plain

リポジトリをCloneする

次に作成したリポジトリをローカル環境にCloneします。
やりかたはターミナルを使う方法、GitHub Desktopを使う方法があるようですが、
ターミナルを使います。
（GithubへのSSH接続方法などの手順は省きます）

ちなみにリポジトリに何もCloneするファイルがない場合は
エラーがでるので、何かファイルを作っておく必要があります。

~ $ git clone https://github.com/username/username.github.io

htmlの作成→GitHubへのコミット

リポジトリをclone後、index.htmlを作成していきます。
cloneしたリポジトリに移動し、以下のコマンドを実行し、
githubへpushします。

$ echo "Hello World" > index.html 
$ git add -all
$ git commit -m "Initial Commit"
$ git push -u origin master

GItHubPagesの設定

また、index.htmlを作っただけではまだアクセスができないため
GitHubPagesの設定を行います。

GitHubPagesのリポジトリの中で、
[Settings]→[GitHub Pages]の項目より、
Sourceを[None] から[master branch]に変更し、Saveします。
f:id:yutkts:20190127091038p:plain

GitHubPagesへのアクセス

上記手順が完了したら、
ブラウザより、"https://username.github.io/[リポジトリ名]" と入力すると
GitHub Pagesへアクセスできます。

なお、私のやり方が悪かったのか、当初なぜか上記URLでアクセスすると
404pageが表示されてました。
URL末尾にindex.htmlと入力したら見える状態。

解決策として、他の人もやっているように
index.htmlを編集して再度pushしたら見えるようになりました。

いま学んでいること

現在学びの内容としては主にHTMLを主題に行っています。

HTMLに関しては、Progate、Udemyの 教材を交互に使いながらやっていています。

prog-8.com

https://www.udemy.com

Progateに関しては、HTML講座 Udemyに関しては、 [HTML/CSS/JavaScript] フロントエンドエンジニアになりたい人の Webプログラミング入門というのをやっています。

Udemyに関しては頻繁にセールをやっていて、 私もたしか2400円か1200円で買いました。

ひとまずProgateは一通り完了し、 現在Udemyの方で学んでいる最中です。

最近何かのレビューを見てるときに、勉強する際などは いろいろな書籍などを見比べてみると、情報の抜けなどが 補えるのでいいというのをみて実践しています。

たしかに内容は似通うところはあるものの、 あくまで作っている人も人間なのに加え、プログラミングにおいては 正解は一つではないので、見比べてみると新しい発見ができておもしろいです。

Udemyの講座はなかなかボリュームがあるので、 長くても2月までには完了したいと思う次第...

自己紹介

これまでSIerの会社でインフラエンジニアとして仕事をしてきましたが
フロントエンド界隈に興味を持ち、それの学習などの記録として
ブログをはじめることにしました。

そんなわけで自己紹介

自己紹介

  • 名前
    yutkts
  • 年齢
    30代前半
  • 現住所
    ふくおかけん
  • 経歴
    某F系SIerの会社で地方自治体向けのインフラ構築の
    仕事を主にやっていました。
    プログラミング経験はほぼゼロ
  • これからやってみたいこと
    HTMLからはじまり、JavaScriptなどを学び
    フロントエンド周りの知識を得たいと思います
  • 好きなもの
    スプラトゥーン、漫画

正直なところ、フロントエンド周りに興味を持ったというか
仕事の内容的にどうしても出張などが多かったので
おらこんな仕事いやだ〜と思ったのが大きな理由ですが、
なんかやってる人達が楽しそうにしているのが羨ましかったためです。笑

そんなわけでこれからたまにブログを更新していきたいと思いますので、
よろしくおねがいします。