今日からプログラミング！〜番外編2〜
Hello World！！カズです！！
プログラマーになる用のポートフォリオを完成させていくにあたって、アウトプットの場を作っておきたいと思ってブログを始めてみました！毎日更新目指して頑張ります！プログラミングもブログも未経験からのスタートなのでお見苦しい点も多々あるかと思いますが、これから頑張っていきます！
- windows10
- Visual Studio Code
を使ってプログラミングしています！
今日やった事
昨日までホームページ制作に注力していたのですが、バンドメンバーのアイデアがまとまるまで開発は一時保留する事にしました！今後は、個人的に業務効率改善の知識を身に着けるためにpythonによる簡単な自動化プログラムを身に着けていきたいと思います。
話は逸れるのですが今日からプログラミング！1日目に、今の務めさせていただいている会社の業務で強烈な原体験を得たという内容が書かれていたと思います。↓↓
kazu-programing.hatenablog.com
これに関連することで先日から色んな方々に相談させていただいていたのですが、段々と夢を実現することに現実味が帯びてきました！まだ入り口の二歩ほど手前なので、着実に夢に向かって歩めるように今後とも頑張っていきたいと思います！
そろそろ勿体ぶらずに自分の夢について綴った方がいいかなと思ったので、書いていきます！ものすごい長文になってしまったので、最後の方にまとめも書いておきました。
自分の夢
まず自分がここ最近ずっと秘めていた夢が、
聴覚障がい者と私たちのコミュニケーションのし辛さを払しょくするようなサービスを作って日本中、はたまた世界中に広めたい！
です。次に、この夢を持つようになったきっかけを書いていきます。
現職の業務でハワイに出張に行かせていただいたことがあるのですが、当時私はイベントブースの販売スタッフとして仕事をしておりました。
数日間あった業務の中盤ぐらいで聴覚障がい持ちの方にご来店頂き、その時は何とか対応させていただいたのですが、耳が聞こえないだけでこんなにコミュニケーションを取るのが難しいっていうのはすごく残念だし、これが理由で人との会話が億劫になってる人は沢山いるだろうと思いました。それがずっと頭の中に残っていて、３ヶ月以上経った今でもその人の容姿を思い出せるぐらいの衝撃でした。
出張が終わった後、そんな人たちの助けになりたいな～という漠然とした思いから手話を勉強することを決意しました。ですがよくよく考えたら、自分だけ手話できるようになっても、世の中の一体何人が救われるんだよ！って思ったのです。
そこから、まずは活動する時間を確保したいと思い、フリーランスになりやすく私の人的資産の融通が利くプログラマーになってみようと思いました。それでこのブログとTwitterを始めたのですが、ありがたいことにTwitterで色んな方々が積極的に相談に乗って下さいました。そこである方と電話をしていた時にズバッと言われました。
「あなたがやりたい事の本質は障がい者の助けることじゃないの？なんでそんな遠回りしてるの？」
はい。この言葉でハッとしました。自分には仲の良い友達で実業家の奴がいるし、会社を興して社会貢献するのにまずプログラミングをやりきる必要は無かったです。プログラミングは手段でしかなく、目的ではなかったんです。
とはいえ無一文で生活ができるわけではないので、在宅ワークを計画的に行いながら夢に向かって最速で進んでいけるような環境を作っていこうと思います。そのためにプログラミングスキルを習得することは怠らず（楽しいので...）、夢に向かって行える活動も積極的に行っていこうかと思います。
実は今日商談会があったのですが、こっそり自分のブースを抜け出して、協力してもらえるのではないかと思った方々にアタックしました。夢を語ったら共感して頂けて、応援していただけましたし、有益な情報を下さった方もいました。近々起業家やそれに近い人たちが集まるセミナーがいくつかあるので、そちらにもどんどん参加していく予定です。
まとめ
非常に長くなったのでここで概要をまとめておきます。
- 私たちと聴覚障がいを持つ方々がスムーズにコミュニケーションを取れるようなサービスを作り、広めたいという夢がある。
- 今後は別の収入源を確保する手段としてプログラミングスキルを習得しつつ、起業家セミナー等に積極的に参加する。
こんな感じですね！もしかしたらブログのタイトル変えなきゃならなくなるかも（泣）
書き殴ったので誤字脱字はご了承くださいm(__)m
さて、ひとまず伝えたい思いは書けたかなと思うので、今日はこのぐらいで終わりにしようかと思います！それでは！See you tomorrow！
[kazu_programing@localhost ~]$ exit
今日からプログラミング！５日目
Hello World！！カズです！！
プログラマーになる用のポートフォリオを完成させていくにあたって、アウトプットの場を作っておきたいと思ってブログを始めてみました！毎日更新目指して頑張ります！プログラミングもブログも未経験からのスタートなのでお見苦しい点も多々あるかと思いますが、これから頑張っていきます！
- windows10
- Visual Studio Code
を使ってプログラミングしています！
今日やった事
昨日までに使った知識でホームページを大体の形にしました！今日は特に参考にした動画はありません。
ホームページを作らせて頂いているバンドメンバーのみなさんに、どんな機能があったらいいか、どんな配色やレイアウトだったらもっと良いと思うか聞きながらさらに形を固めていくつもりです！
昨日の時点で問題だった、背景動画がスマホだと飛び出す所は、フッターの位置を画面下部に固定する事で解決しました！これでコンテンツが多くなっても問題ないかな？あとは、HOMEのLive Sceduleのボックスをスクロールで見れるようにして拡張しやすいようにしようと思います！
成果物
今日の時点でのホームページはこんな形になりました！↓↓
無料で使えるサーバーも無事に見つかったので、何とか公開できました！今使っているサービスは、XFREEです。2MBのファイルまでアップロードできたので、無事にランディングページの背景で動画を再生させることができました！
ホームページはこちらになります↓↓
http://kazuprogram.html.xdomain.jp/index.html
ちなみにバンドメンバーにも好評でした！良かったです！
まとめ
- ホームページの大体の形ができた！
- 使える無料レンタルサーバーも無事見つかった！
今日はホームページをまとめ上げることにほとんどの時間を使ったので、ブログに書ける内容はほとんどありませんでした。ですが、進めてきたプロジェクトがまず１回目の完成を迎えようとしているのでここまで進めてきて良かったと思います！それでは今日はこの辺で！See you tomorrow！
[kazu_programing@localhost ~]$ exit
今日からプログラミング！4日目
Hello World！！カズです！！
プログラマーになる用のポートフォリオを完成させていくにあたって、アウトプットの場を作っておきたいと思ってブログを始めてみました！毎日更新目指して頑張ります！プログラミングもブログも未経験からのスタートなのでお見苦しい点も多々あるかと思いますが、これから頑張っていきます！
- windows10
- Visual Studio Code
を使ってプログラミングしています！
今日やった事
今日は一昨日に引き続き、CSSでホームページ作成をしていました！
今回参考にした動画↓↓
How to Style a Modern Website (Part Two)
一昨日はPart Oneでしたが、今日はPart Twoの終わりまで進みました！コードは参考にしてますが、内容は丸パクリでは無いので色々試していたら予想よりも時間がかかってしまいました...
ですが、少しづつホームページのアイデアが浮かび上がってきて、動画では解説していない機能を調べて作りました！そのとき参考にしたサイト↓↓
https://beginners-high.com/background-movie/
半透明な動画をホームページ一杯に表示してました！
成果物
- ヘッダーを見やすくした
- フッターのデザインを変えた
- 背景に画像を表示した
- 全体的なレイアウトを調整した
- その他微調整
配色や見た目はまだまだ改善の余地がありますが、今までよりはだいぶホームページっぽくなってきたかな？今はライブスケジュールがほとんど無いので動画がうまくはまってくれていますが、ページが縦に伸びていったときは動画に似た配色の背景画像をもう一つレイヤーしてみようかと思います。
ただ一つ問題が出てきちゃいました...先程fc2ホームページに動画をアップロードしようとしたとき、一回にアップロードできる容量の制限にひっかかってしまって代替画像しか表示できない状況になってしまいました。完成までは可能な限り無料で進めていきたいので、代わりのサービスを見つけるか、完成まではスクリーンショットのみの公開になりそうです...
まとめ
- CSSでさらにホームページを拡張した
- 新しいホームページのアップロード先を探す羽目になった...
プログラミングとはあまり関係のない所でつまづいちゃってますが、将来どんな知識が役に立つのかわからないので、なんとか最善策を見つけられたらなと思います！
それでは！See you tomorrow！
[kazu_programing@localhost ~]$ exit
今日からプログラミング！〜番外編１〜
Hello World！！カズです！！
プログラマーになる用のポートフォリオを完成させていくにあたって、アウトプットの場を作っておきたいと思ってブログを始めてみました！毎日更新目指して頑張ります！プログラミングもブログも未経験からのスタートなのでお見苦しい点も多々あるかと思いますが、これから頑張っていきます！
今日はプログラミングをする時間が無かったので、とりあえずプログラミングとブログを始めてから３日経った今の感想を書いていこうと思います。
変化したこと
よし！やろう！と思い立ってプログラミングとブログを始めたのですが、良くも悪くも生活に色々な変化が起こってきたなと実感しています！
良くなったと感じたところ
- 無駄な時間を気にするようになった
- 行動力がかなり増した
- 自分としっかり向き合うキッカケを作れた
- 自分の考えを周りに伝える決意が身に付いてきた
行動しよう！と思う気持ちが色々な面で良い方向に働いている気がします！今まで仕事終わりはダラダラ動画を見て、見るものが無くなったらパソコンでゲームをして１日が終わっていました。ですが今は毎日プログラミングとブログをやる時間を大まかに決めて、その後はゲームをやりたかったらゲームをやったり、バンドの練習があれば練習したり、１日の質がグッと上がりました！
悪くなったと感じたところ
- 今の仕事のモチベーションがかなり下がった
今の仕事が工場勤務なので、自分の仕事が早く終わっても何も出来ないし、プログラミングの事ばかり考えてます。なので仕事の質が落ちてしまって他の従業員に迷惑をかけてしまったり、そもそも自分の気持ちが乗らないのでどうしてもモチベーションが下がってしまってます。
今は本気で転職を考えていて、プログラミングに関われる仕事に携わりたいなと思っています！サーバーサイドでもフロントエンドでも何でもいいからやってみたくて、最終的にフルスタックエンジニアになれれば最高だなと思います！
最後に
今日は成果物も進捗も無いので、短いですがここら辺で終わりにしたいと思います！これからも頑張っていくので、もし見て下さっている方がいたら応援して頂ければ嬉しいです！それでは！See you tomorrow！
[kazu_programing@localhost ~]$ exit
今日からプログラミング！3日目
Hello World！！カズです！！
プログラマーになる用のポートフォリオを完成させていくにあたって、アウトプットの場を作っておきたいと思ってブログを始めてみました！毎日更新目指して頑張ります！プログラミングもブログも未経験からのスタートなのでお見苦しい点も多々あるかと思いますが、これから頑張っていきます！
そういえば環境を書くのをすっかり忘れてました。
- windows10
- Visual Studio Code
でプログラミングしています！
今日やったこと
昨日に引き続き、バンドのホームページを作っていました！昨日まではHTMLだけで作っていたので、今日はCSSを使って色付けしました！ホームページは次の章に貼っておきます！
今回参考にした動画↓↓
How to Style a Modern Website (Part One)
CSSはいくらでも追求できそうな感じで無限に時間かけちゃいそうですね！でもずっとやってたらブログ投稿できないし勉強が進まないな...って思ったのでとりあえず今日は動画を参考にしながら
- ヘッダーの背景画像を入れたり...
- フォントを変えたり...
などして遊んでみました！
ちなみに背景画像を入れるときに
background-image: url(" "); にするべき所を background-color: url(" "); にしてしまっているのに気が付かないでしばらく悩んでました(笑)
初めての行き詰まりを味わったので今日の勉強は中々良いものになったと思います！
成果物
今日の成果はこんな感じです！↓↓
https://baseballbear4.web.fc2.com/SBBHomepage/SBB_about.html
この章を書いてるときに気が付いたのですが、ホームページを更新すると前回のブログに貼ったリンクって死んじゃうんですね...遡って進捗が見られなくなるのは悲しいので、今回から画像も貼ることにします！↓↓
ヘッダーもフォントもいい感じでオシャレになって最高です！まだまだ完成してないので、明日また全体を一通り色付けしていこうと思います！
今日のまとめ
- CSSをちょっと触った
- ホームページが段々良くなってきた！
- ホームページ更新時、前回のリンクが切れてしまうことを知った
今日はこんな感じですね！CSSがHTMLと比べて濃さが半端ないのであまり進められなかったですが、ここからがウェブ開発の入り口だって感じがして楽しみです！明日はプログラミングにあてられる時間がほとんど無いので、もしかしたら身の上話か何かするかもです！
今日はこれにて御免っ！それでは！See you tomorrow！
[kazu_programing@localhost ~]$ exit
今日からプログラミング！2日目
Hello World！！カズです！！
プログラマーになる用のポートフォリオを完成させていくにあたって、アウトプットの場を作っておきたいと思ってブログを始めてみました！毎日更新目指して頑張ります！プログラミングもブログも未経験からのスタートなのでお見苦しい点も多々あるかと思いますが、これから頑張っていきます！
昨日、今日でやったこと
とりあえず簡単なプロジェクトから始めていこうと思い、まずはHTMLのみを使ったウェブサイトを作成しました！短時間で要点を掴める資料が欲しかったので、海外YoutuberのWeb Dev Simplified（単純化されたウェブ開発）さんの動画を参考に作ってみました。チャンネルのリンクを貼っておきます。↓↓
https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw
イントロダクションでは、環境作りからプログラムまで概要が詰め込まれていました。分かりやすく短時間で見れる動画だったので、ハンズオンでウェブページを作っても、実際の作業時間は3時間ぐらいかな？すぐに作れちゃいました！参考にした動画は下の埋め込み動画含め6つで、合計50分強でした。
Introduction to Web Development || Setup || Part 1
ウェブ開発未経験者向けの再生リストがあるので、英語わかる方は是非参考にしてみてください！↓↓
https://www.youtube.com/playlist?list=PLZlA0Gpn_vH9xx-RRVNG187ETT2ekWFsq
具体的にどんなHTMLの書き方を学んだのかを書くとかなり長くなってしまうので、今回は割愛させていただきます。ごめんなさい！
作ったウェブサイト
ウェブページを作るにあたって、プログラム以外で考えなければならない事といえば...
コンテンツ（内容）ですね！
どんなジャンルにするべきか、どれだけ濃い内容を書くか。私はとりあえず趣味のバンド活動のホームページを作ってみました！↓↓
今回はHTMLのみで作ったので古風でダサいですが、まずは第一歩！ここから活動内容をホームページのコンテンツとして増やしたり、CSSを使って見やすくしたりするなど、どんどん拡張していきたいと思います！
ちなみにインターネット上にアップロードする時、無料で何とかならないかと色々探しましたが非常に手こずりました…私は最終的にfc2ホームページに決めたのですが、仕様について自分で調べてトライ&エラーしました。結果的にはプログラミングよりも時間がかかって大変でした...機会があればこちらの方もブログに書こうと思います。
今回学んだこと
今回は大きく分けて2つ、HTML構築の基礎とウェブサイトをインターネット上にアップロードする方法について学びました。
HTML
- プログラムを読みやすくする書き方
- 見出し、箇条書き、強調文字など
- メディアの貼り方
- リンクの付け方 etc...
アップロード
最後に
とりあえずブログの形式は...
- 進捗状況
- 成果物
- 結果、まとめ
こんな感じで書いていこうと思います！書き終わってから決めました（笑）
色んなことを書きなぐったのに結局全部書ききれなくて、短く分かりやすく伝えるのって難しいなーと思いながらも今のところすごく楽しんでます！もっと早く始めてればよかった...まだ2日目、されど2日目！これからも毎日更新目指して頑張っていきます！それでは！See you tomorrow！
[kazu_programing@localhost ~]$ exit
今日からプログラミング！1日目
Hello World！！カズです！！
プログラマーになる用のポートフォリオを完成させていくにあたって、アウトプットの場を作っておきたいと思ってブログを始めてみました！毎日更新目指して頑張ります！プログラミングもブログも未経験からのスタートなのでお見苦しい点も多々あるかと思いますが、これから頑張っていきます！
自己紹介
簡単に自分の経歴を紹介させていただきます。
- 国立高専機械科を５年次の最後の最後で中退。
- その後、祖母の家業を手伝う。
- 色々あって知り合いにスカウトされ、地元のお菓子メーカーで工場勤務。多少あった英語力を活かしてハワイへの出張を経験。強烈な原体験を得る。
ハワイで得た強烈な原体験については、またの機会に書ければ良いなと思っています！
ポートフォリオ作成
ポートフォリオを作成するといっても、まずはどんなものにするのか決めないといけないですね…
ひとまずざっくりと考えられるものを並べてみます。
- APIを使用したウェブアプリケーションを作る
- ランディングページ制作等のパンフレットサイトを作る
- 趣味を語り合えるような掲示板を作る
- ECサイトを作る
- 自分のポートフォリオサイトを作る
この中から選んで作っていこうかと思っています。全部完成するころには、フロントエンドからバックエンドまでの基礎的な知識を得られるかな？転職するときも、履歴書に書き込める強力な武器になると思います！
幸いにも、私は英語の読み聞きが得意なのでYoutubeに転がっている情報を元手に知識を身に着けていこうと思っています。
まとめ
1日目の今日からプログラミング！は簡単な自己紹介と、今後どのようなポートフォリオを作っていくのかの紹介でした。何もかも初めてだったので、やっぱり見づらかったかな？
明日は、1日目と2日目の進捗とどんな形式でブログを書いていくかまとめられたら良いなと思っています。それでは！See you tomorrow！
[kazu_programing@localhost ~]$ exit
