チーム開発1週間目終了
現在、某プログラミングスクールに通っています。ここのスクールのカリキュラムの特徴として「チーム開発」がある。同じ時期に入校した生徒が共同で最終課題として一つのサービス(某フリマアプリのクローンサイト)を作成するというものだ。
そんなチーム開発も1周間が過ぎ一回目のスプリントレビューが終わり、今日はそれから2日後の9日目が終わった。
早速だけど、
チーム開発1週間目が終わった感想
を一言で言うと…
学ぶことが多い
特に下記の点について独学と比べて学ぶことが多いと感じた。下記に詳細をまとめました。大文字にしてる部分だけ読んだら1分もしないうちに内容把握できます、きっと。
Gitについて
そう、一人で勉強していたらgitやgithubとか「こういう仕組みでこうなるわけね〜」って学ぶことはできる。じゃあ実際に他のメンバーと一緒に作業しましょう〜ってなったらコンフリクトが起きたりそれを修正するにはどうすればよいのか等問題にぶつかる。これは一人、独学でプログラミングを勉強していたらまず感じなかったこと。一人だったら「これぐらいでブランチ切って作業を進めよう」とかせいぜい考えるのは「コミットの時はちゃんとした名前にしよう」とかその程度だった。(僕のずぼらな性格が現れる…)
でもチーム開発を通してGitやGithubの便利さを実感したしチーム開発にとって…ましてやリモートなどを行うにしたらなおさら重要なツールだと再認識した。(まだ現場に出ていないけどきっと重要だ、と感じるぐらい重要だと実感)
他の人のコードを見れる見られる、レビューできるされる
自分がこのタスクに求めるとしたらどんなことを求めるだろうか、と依頼した側の立場になってコードをレビューする。こんな書き方があるんだ、こんなに綺麗にかけるのか、と人のコードの書き方を見て学べる。
これは独学ではなかなか経験できない。勉強の教材のコードももちろんあるけど「なんでそのような記述なの?」と教材に聞いても媒体によっては答えは返ってこない。しかしチーム開発だとその場で聞けるしお互いアウトプットするから理解も深まる。もちろんレビューするし、レビューもされる。人に見られると考えながら作業するのはまた独学では味わえないものがある。
タスクの振り分け方
これはどんな仕事に置いても重要なことだと思う。全体のタスクの量や進捗を俯瞰して現在どの位置にいるのか。誰がどのタスクをいつまでにするのか。それは全体から見てどのぐらい作業が進むのか。その人にとってどれくらい時間がかかるのか…今週の目標を達成するには何をしなければいけないのか、などタスク管理は考えることはたくさんある。もちろん考えるだけでは作業は進まない。これまでタスク管理や優先順位をなかなか決められなくて、機械エンジニアとして働いていた時も周囲の方々に迷惑を掛けて仕事をしてきた。それが少しだけ俯瞰して見えるようになってきた…気がする!!
将来的には人をまとめる、組織をまとめる仕事も悪くないな…と気付いた。もちろんまずは現場でモノづくりできるプログラマーとして業界の仕事の仕方などを先に身を持って学びたい。
ざっと書いたけど1週間で大きく感じたのは上記の3点が大きかった。
他にも実際に行った作業内容のこととかあるけどその詳細は割愛。代わりに下記に毎晩つぶやいている今日の積み上げツイートをまとめておいておきます。ざっくりまとめると…1週間目僕が行った作業は
・自動デプロイの構築
・ビューをいくつか作成
でした。
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月7日
★チーム開発1日目終了
失敗するなら今のうちに失敗して学びたい。だからチーム開発はどんどん苦手なことに挑戦したい!ということでスクラムマスターは人に任せました。
最初はデプロイ担当。不得意分野の経験積んで理解を深める!#プログラミング初心者 #テックエキスパート
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月8日
★チーム開発2日目終了
★自動デプロイ実装。しかしBasic認証が通らない問題発生、明日に持ち越し
AWS…ネットを通しているからか、少し厄介に感じる。同じことやってるのに通ったり通らなかったり。反映されるのに時間がかかるんでしょうか?#プログラミング#テックエキスパート
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月9日
★チーム開発3日目
★画像の保存先を本番環境をS3に、それ以外をlocalに設定完了。
自動デプロイでちゃんと変更が保存されているのにそのcommitがgit logに残らない問題が発生。こんなことある?もうだめ…悔しいけど明日に持ち越し。#プログラミング
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月10日
★チーム開発4日目
★自動デプロイ、S3への画像の保存、ベーシック認証LGTM
★ビューの1ページほぼ完成
昨日から今日にかけてGitをいじくりまわしとても勉強になりました。理解も深まった!Linux上で操作するのは見えてないからこそ楽しい!#プログラミング#テックエキスパート
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月11日
★チーム開発5日目
★CA面談
★viewの中身一つ完成
★footerの一つ7割完成
レスポンシブデザインへの対応、Sassを変数やプレースホルダーなどを用いてリファクタリング。Sassが便利過ぎてもう普通のCSSの記述には戻れない体になってしまった…#プログラミング#テックエキスパート
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月12日
★チーム開発6日目
★マイページレスポンシブ対応済
★フッター完成、レスポンシブも対応済
★商品一覧ページ作成着手、3割完成
★朝、アカペラの練習済
フロント、レスポンシブ対応の鬼になってる。これは個人ポートフォリオにも活かせる!#プログラミング#テックエキスパート
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月13日
★チーム開発7日目
★初めてのスプリントレビュー
もう少し効率よく作業を分担できたな〜先見力…。そしてもっとgitと仲良くなりたい!退職記念に同期からもらったGitの本読も!
明日はビューを1つ丸々完成させて2つ目に進みたい…!#プログラミング#テックエキスパート
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月14日
★チーム開発8日目
★ビューページ2個とサーバーサイド1つのタスクを完成、コードレビューLGTM
★ビューページ1つ完成、プルリク出してコードレビュー待ち
朝、悩んでたJavascriptの記述が動いて嬉しかった!こういうところ楽しいね!#プログラミング学習#テックエキスパート
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月15日
★チーム開発9日目
★ビュー1つLGTM、もう一つもプルリク出して終了
今考えたら、プルリク出してるやつが終わったらもうフロントをすることがないことに気付いた。少し寂しい笑
残りは経験積みたいサーバーサイド!しっかり身に付ける!#プログラミング学習#テックエキスパート
明日は最終課題で担当するフロント側として最後のLGTMをメンターからもらい、サーバー側の作業に移る予定。サーバー側はあまり経験を積んでないからここで復習も兼ねてしっかり身につけたいな。
以上、チーム開発1週間目が終わった感想でした!
(やっと誰かのためになりそうな記事を書けた…気がする。)
発表、は楽しい。
ちょっとだけ緊張もしたけど、自分なりに一生懸命作ったものに対してみんなに発表するのって楽しいですね。プログラミングに関して人の前で発表する機会はなかなかないからとても良い機会だった。
1.簡単日記
今日は個人アプリの発表。自分が作成したアプリを人に説明するのは恥ずかしいけど、プレゼンもそれなりに用意していったから達成感があった。達成感というよりかなり神経使ったな、という感覚。ドラクエでマダンテ使った感じ。
2.今日の学び
◆Work Life Balance
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月6日
イベント企画者特化型のタスク管理アプリを作成しました(^o^)
修正、機能を拡張したい点も多々あるけど一段落!自分が課題だと感じていた事をプログラミングで解決できるって楽しい!
・使い方等資料https://t.co/oqO43V6i9k
・URLhttps://t.co/dIVSW5nVbh#プログラミング学習 pic.twitter.com/M7RcshTyIo
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月6日
★個人アプリ発表
★twitterでも公開
修正したい点や機能を追加したい点も多いけどとりあえず公開!金曜日の深夜で見てる人少ないかもやけど公開!フィードバックとかどうやったらもらえるんやろうか…。#プログラミング学習 https://t.co/D5sn4rZUFI
twitterでも作成したアプリを公開しました。大した機能は実装していないから反響もなにもないだろうけど、人の目に触れるところに出すことに意味がある、と信じて未熟ながらも公開!
フィードバックがあれば是非欲しいな…
◆Work Life Balance
(イベント企画者特化型タスク管理アプリ)
使い方の資料
https://drive.google.com/file/d/1V1VBsLOdPJxNRUQoYo2pk1OWRBcgIZDz/view
URL
https://livetasks.herokuapp.com/
3.明日やりたいこと
ポートフォリオサイトをちらっと公開、そのアウトプット。チーム開発開始。
4.終わりに
今日は他の方のアプリ開発の発表を聞いて刺激をもらった。こんなこともできるんだ、もっと勉強したいなだとか大変そうだな…自分も頑張りたいな、とか…学びが多かった一日でした!今日も成長したな〜!
ということで明日も実りある一日にするぞ!今日も一日ありがとうございました。
おやすみなさい…zZZ
発表準備、も楽しい。
自分なりに一生懸命作成したアプリの発表準備も楽しい。どんなふうに説明しようかな、どんなふうに説明したらわかりやすいかな、どんな情報を聞いてる人は求めてるのかな、どんな情報を持った人が聞くのかな、時間内に伝えたいことをちゃんと伝えられるかな、とか。発表って考えたいことがたくさんある。そしてこれらを考えながら作成するのも楽しい。
1.簡単日記
今日は市役所の食堂へスクールの人たちと一緒にご飯へ。カツ丼大を食べたけどご飯も多くてカツも大きくて安くて美味しかったな〜。コンビニ飯よりコスパ良い!おにぎり作れなかった日は市役所で食べようかな!あとたまにはみんなでご飯食べに行くのも良いね!楽しかった〜\(^o^)/
2.今日の学び
◆#AWS #S3 を使用した画像の保存を#heroku で行う
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月5日
・AWSでアクセスキーを取得(公開鍵と秘密鍵をcsvで吐き出す)
・S3でバケットを作成
・バケットのアクセスを制限
・fogとcarrierwaveの設定
・config/initializer/carrierwaveにAWSでの設定を記述
・herokuの環境変数に鍵を格納#プログラミング初心者
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月5日
★個人アプリの画像保存をS3に格納するパスを通す
★個人アプリ発表資料作成
今日は明日の発表に向けた調整。S3へのパスを通すのを忘れてて急遽通したけどこれに少し時間とられてしまったな…でも次回やるときはできる自信がついて成長したからよし!笑#プログラミング学習
今日はherokuでデプロイしていたアプリの修正と発表資料の作成。
画像のアップロードにS3を使用していなかった。つまりどこにも保存されていなかったからデプロイすると消えてデフォルトの画像になっちゃう。これは困った。ということで急遽追加した。公開鍵と秘密鍵の照合に時間がかかってしまったけどなんとか認証できて無事にデプロイできました。
3.明日やりたいこと
スクール内個人アプリ発表、個人ポートフォリオの参考した資料まとめのアウトプット、そして公開。履歴書の修正もやるぞ。
4.終わりに
エラーに遭遇するとなんでこのエラーが起きたのか?を解決するからエラーの分だけ成長するね。本当に。だから今日も成長した〜!笑
今日も一日お疲れさまでした!これからちょっと発表資料を作成して練習してから寝るぞ!(そこまで大切な発表じゃないかもしれないけどできることはしておきたい)
ということで今日もありがとうございました!
おやすみなさい…zZZ
人のおもしろいところを見つける、は楽しい。
世の中にはたくさんの人がいます。誰ひとりとして同じ人はいないから、その人特有の何かしらが必ずある。僕はその個性を見つけると「この人おもしろいな」って単純に感じてしまう。もちろん良い意味で。(良い意味というと揚げ足をとられそうだから…ネガティブな意味はない、という意味)
だから最近、スクールの人とたくさん関われて嬉しい。みんな個性があっておもしろい、楽しい。みんなの歩んできた人生、一人ひとり周って聞きに行きたいぐらい!
卒業してからか、最終課題が終わったら打ち上げでも行こう!行きたい!
1.簡単日記
今日は比較的集中できてとても充実していた。twitter使ったアウトプットは、こまめに行うときが良いね。一気に溜め込んだやつはブログとかQiitaにすべきだと感じた。
2.今日の学び
#DjangoGirls 感想
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
とてもわかりやすい教材。集中したら1日もかからない分量。Pythonの学習からDjangoのデプロイまで優しく教えてくれる。Djangoの全体像をうっすら把握できるようになります。特にエラーを交えた教材は学習効果が高いと感じた。Django初心者におすすめです!#プログラミング初心者 pic.twitter.com/XPZDB2fms0
◆#Django 開発環境構築(for mac)
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・仮想環境の作成(他のサイトへの影響をなくす為)
・仮想環境の起動
・pip(pythonのパッケージを管理するツール)を最新にupgrade
・pipを通してDjangoをインストール#プログラミング初心者
◆#Django プロジェクトの作成、設定
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・ターミナルで下記コマンドにて作成。最後の「.」は重要。
django-admin startproject mysite .
・mysite内のhttps://t.co/w9wGA0Y599で言語、timezoneを設定
・デプロイ用にdebug = trueのallowed_hostへ下記を追加。 .pythonanywhere.com#プログラミング初心者
◆#Django DBセットアップ、ウェブサーバー起動
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・ターミナルで下記を実行しDBをセット
python https://t.co/4tczYKTb4d migrate
・下記も実行しウェブサーバー起動
python https://t.co/4tczYKTb4d runserver
・ブラウザから下記アクセスで確認
http://127.0.0.1:8000/#プログラミング初心者
◆#Django 新規アプリケーションの作成
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・python https://t.co/4tczYKTb4d startapp blog コマンドでblogフォルダを作成。
・作成したアプリケーションへのルートをhttps://t.co/DYJvkQiaAL内INSTALLED_APPSに追記(今回は'blog'を追記)して使用できるように設定する。#プログラミング初心者
◆#Django modelとテーブルの作成
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・https://t.co/za7R39QL20内にDBに登録するモデルを記述。この際、各カラムとそのバリデーションもここに記述
・下記をターミナルで実行してDBにテーブルを作成
python https://t.co/4tczYKTb4d migrate blog
これでpostモデルがDBに入った!#プログラミング初心者
◆#Django admin
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・モデルをadmin画面で表示させる為blog/admin.pyにdjango.contribをadminから、.modelsをPostからimportし、https://t.co/XHmSv9AC62.register(Post)を記述しモデルを管理画面に登録
・runserverでserver立上げ後、ブラウザページ末尾に/adminを追加し確認#プログラミング初心者
・ログイン画面になるのでsuperuser(管理者ユーザー)をターミナルから下記を実行して登録する。
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
python https://t.co/4tczYKTb4d createsuperuser
・登録後、ブラウザからログインすることで管理画面に移行できる。#プログラミング初心者
◆#Django #Pythonanywhere によるデプロイ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・Git、Githubでのリモートリポジトリの作成(割愛)
・gitignore内に仮想環境、db.sqlite3等を記述
・githubにadd, commit, push
・Pythonanywhereに登録、サインイン、APIの取得。(無料)#プログラミング初心者
・Pythonanywhere上のコンソールでpythonanywhereの設定、Githubとの連携。
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・Pythonanywhere内のsuperuserを作成。
⇛この際、localで作成したsuperuserと同じにしたほうが管理が楽になる。#プログラミング初心者
◆#Django urlについて
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・mysite/urls.pyには作成したアプリへのルートを記述。
・アプリ内(ここではblog)/urls.pyのurlpatternsに各urlに対応するview(railsでいうcontrollerとaction?)へのPATHを記述する。#プログラミング初心者
urlpatternsに記述する内容を分解すると
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
urlpatterns= [
path('', https://t.co/ybTl9uObEs_list, name='post_list'),
]
内容を【】で表すと
path('', 【views classのpost_listという関数(Railsでいうコントローラとアクション)】, name='【post_listというURLの名前(railsでいう_path的な)】')
◆#Django でビューを表示させる
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・https://t.co/KAhZBn7TnK内にhttps://t.co/CxOV6EhLJMで指定したviews内の関数(ここではpost_list)を定義する。
・templateフォルダを作成し、post_list.pyを作成し、表示させるhtmlを記述する。#プログラミング初心者
◆#Django クエリセット
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
クエリセットとはモデルのオブジェクトのリストのこと。データベースからデータを読み込んだり抽出したり並び替えたりできる。
データベースのデータに対して検索、フィルターをかけたりできる。これは条件を複数設定することも可能。#プログラミング初心者
◆#Django ビューにデータを表示する
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・https://t.co/KAhZBn7TnKでposts = Post.objects~~~
と記述してposts(templateに渡す変数)を定義する。
・定義した変数をtemplate内に表示させる方法は
{{ for post in posts }}
{{ post.title }}
{{ endfor }}
等で取り出せる。雑#プログラミング初心者
◆#Django CSSの読み込み
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・cssファイルは下記の場所を作成し、格納する。
/blog/static/css
・templateのhtml内の一番最初に下記を記述してcssを読み込む。
{% load static %}
↑これでstaticフォルダ内を読み込む。#プログラミング初心者
#Django htmlの部分テンプレート
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
親(呼び出す)側と子(呼び出される)側での記述は
親:呼び出す箇所に下記を記述。
{% block content %}
{% endblock %}
子:htmlの頭に
{% extends ' 親.html ' %}
呼び出したい箇所を
{% block content %}
{% endblock %}
で囲い記述。#プログラミング初心者
◆#Django CSSが効かなくなった時の対処法
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
CSSを更新しても反映されない時はstaticフォルダの位置を下記コマンドで改めて明示してあげる。
python https://t.co/4tczYKBzFD collectstatic
これをpython anywhereのコンソール上でも叩いたら反映される。#プログラミング初心者
◆#Django フォーム
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
・https://t.co/OePkeLYWN0をblog直下に作成する。そこにどのmodelにどんなfieldで何のcolumnに入れるかを記述してあげる。
・templateにnewやedit等のurl先を指定したリンクを作成する。
・viewsで保存する時とそれ以外の時の対応を記述する。#プログラミング初心者
【TL汚してすみません】#Django の開発環境構築からフォームまで…かなり割愛したけど自分なりの備忘録。結局何かあったらGirlsを見てやり直すんだろうな。繰り返しinputしてoutputするのが身につく。
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
今回、自分なりの言葉でまとめたのは良いoutputになったと信じてる。#プログラミング初心者
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月4日
★Django-Girls完、アウトプット完
★個人アプリの見た目微調整
一度個人ポートフォリオで見た目をがっちりつくったからか、昔つくったアプリを見直すと修正したい点がたくさん出てきてきりがない。笑
しかし、自分が成長している証拠を実感できて嬉しい!#プログラミング初心者
今日はDjangoのアウトプットをたくさん。中身は雑で備忘録程度だけれど、理解が少し深まったと感じてる。次は機械学習に手を出したいが…!
アウトプットはもっとこまめに行おう。溜め込むよりこまめにアウトプットしよう。
3.明日やりたいこと
個人アプリの発表資料を完成させる。昔つくったアプリを見返すと「あれもこれも気になる」ってなって修正ばかりに目がいってしまう…ほどほどにして発表資料完成させよう。サイトに流用できるように動画まで作れたら理想。まずは画像で説明資料作ろう。
それと就職のキャリアアドバイザーと面談がある。ちょっと楽しみ。質問も考えておこう。
4.終わりに
今日も成長できた〜!もっとプログラミングやりて〜!でも身につけるためには睡眠も大切だから寝る!
ということで今日も一日お疲れさまでした、ありがとうございました!
おやすみなさい…zZZ
共に考える、は楽しい。
なにかの問題に対して1人だけではなく、複数人で取り組むことも好きだ。自分1人で考えるだけでは到達できなかった答えや考えを知ることができるしそれを聞いて自分の糧にもなるから。そういう一緒に考える仲間たちを大切にしていきたいし、自分も何かしら与えるものがあれば良いな、と思って過ごしたい。
1.簡単日記
今朝起きたときから「今日、何か予定があったんだけどなにがあったか思い出せない…」というボケっぷりに我ながら呆れてたんだけど、スクール着いて「今日チーム面談やりますよ」って聞いた時に「これや!!!」ってピンときてスッキリした。スクールの予定もちゃんと予定に入れよう。
2.今日の学び
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月3日
★Django-Girlsほぼ終了。
今日はparams[:id]のstr型かどうか問題に悩んだ。結局なんでstr型で飛んでるのにidを受け取ってちゃんと機能しているのか…ざっくり調べてもよくわからない、闇のまま…orz…深追いすると沼にはまりそうなので避難した一日。#プログラミング初心者
今日はDjangoのビュー作成してcssの連携まで。明日のAMにはフォームの作成方法とDjango-Girlsのアウトプットをしたいな。Railsとの比較もしっかりやりたいけど時間優先でそれは簡潔にまとめたい。
で、共に
3.明日やりたいこと
Django-Girlsのフォームについて。の復習、アウトプット
4.終わりに
今日も一日成長したな…!でも明日は今日より少しペースをあげたいね!
…
というところで昨日は寝落ち。
今日も一日実りある一日にするぞ!
対応させる、は楽しい。
そう、ポートフォリオサイトをレスポンシブ対応にしたんです。それでもまだ「ん〜!ここはこうしたい!」っていうのがあったりきりがない…ので一旦これで公開予定、というところまできた。「こんなもんしか作れないのか」って思われるかもしれないけど、そう感じられたら傷つかない程度に是非レビューがほしいな…!笑
1.簡単日記
今日、履歴書と職務経歴書と自己PRを書いたんだけどとても時間がかかってしまった。早く添削してほしいな!
2.今日の学び
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月2日
★#Django #Python 環境構築〜投稿アプリデプロイ(Django-girls約半分?終了)
★履歴書、職務経歴書、自己PR作成完了
★個人ポートフォリオをレスポンシブ対応。
Djangoはまだviewができてないけどデプロイ完。笑 これからの作業が楽しみ\(^o^)/#プログラミング初心者
今日はPythonとDjangoの環境構築とデプロイまで。こんな簡単にデプロイできるの?herokuより簡単。笑 まだDjangoは全体像がうっすらとしか見えてないから明日からの作業が楽しみ!
あと個人ポートフォリオサイトをレスポンシブ対応にした!うまくできるとやっぱり楽しいね。各々のサイズに合わせて調整するのは楽しい。もう少しぱぱっとぺぺっとばーんって修正できたらもっと楽しくなるんだろうな。笑
3.明日やりたいこと
Django-Girls終了、Djangoの全体像をつかむ。個人アプリ発表会資料の完成。
4.終わりに
今日も学んで成長したな〜!特にレスポンシブ対応させられるようになったのは今後も活かせたい。
Pythonはもっと触りたい。RubyやRailsももっと深く掘り下げたい。やりたいこといっぱい\(^o^)/
ということで今日もおつかれさまでした。今日は少し過ぎてしまったけれどブロク更新してから寝ることができたから自分を褒めてあげよう。よく頑張りました^^
明日も一日成長するぞ〜!おやすみなさい…zZZ
新しい、は楽しい。
そう、新しいことは楽しいことが多い。それはいままでの自分の知識では得られなかった刺激や知識を得ることができるから楽しい。そんな考え方そんな表現の仕方があるのかと。刺激を受けるだけじゃなくてそれらをアウトプットして血となり肉と…なるようにアウトプットと繰り返し使おう。
1.簡単日記
昨日は帰宅してぐーたらしてたら気付いたらばたんきゅー、寝てた…。ProgateでPythonの勉強頑張ったからかな。でもすんなり寝れたから今日はちゃんとブログ書いてアウトプットしてから寝たい。
2.昨日の学び
#javascript スムーススクロールの実装(ざっくり)
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
ボタンを押したら指定した位置までページ遷移せずスクロールする機能。
・jqueryを導入、htmlのhead内で読み込み。
・指定位置のaタグにhref="#hoge"
javascriptファイルに
・hrefが「#」で始まるaタグがclick時に発火を記述#プログラミング初心者
・speed、href、target、positionの変数を定義
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
・htmlとbodyを指定し、animate({scrollTop: position}, speed, "swing")で指定。
・最後にreturn false;で閉める。
⇛これがないとページが更新されてgoogle maps apiとかがerrorになる。#プログラミング初心者
☆躓いた点
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
参考サイト通りにやったらエラーがかかる。コンソール内のエラーを読み解くと文法エラーとのこと。
「hrefが"#"から始まるaタグ」を指定する際に#を""で囲ったら解決、望んでいた通りの動きになりました。#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
ページ内リンクをクリックした時にするするとスムーススクロールさせたい時のjQueryコード|アイドットデザイン https://t.co/9ElR1qtjqk#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
「Syntax error, unrecognized expression」というエラーが出たら確認すること | ハックノート https://t.co/nivsTVAgAJ#プログラミング初心者
[https://twitter.com/showgogogo1989/status/1168057839669014528:embed##googlemapsapi で地図を表示する方法・地図を表示させたい場所に
を記述・jsファイルを読み込む・地図の幅と高さをCSSで指定・jsファイル内に地図の表示明細… https://t.co/OXU5Vo4PN6]
◇参考
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
Google Maps APIを使って複数のマーカーと吹き出しを設置してみる | Tips Note by TAM https://t.co/G0O8gUbGnK @tips_noteさんから#プログラミング初心者
◇躓いた点
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
・google maps apiをhtmlに埋め込む時「https」のところを「http」と記述してしまいコンソールに「httpとhttpsが混在しています」と怒られた。
・googlemapsを埋め込む位置より下にapiを呼び出す。railsなら/views/layouts/application.html.erbのyeildの下等。#プログラミング初心者
#googlemapsapi でコントロールバーを消す方法
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
地図表示明細の記述内に
disableDefaultUI: true
を記述すると
・地図、航空写真切り替えタブ
・全体表示切り替え
・ストリートビュー表示切り替え(アイコンが人形のやつ)
・拡縮ボタン
を非表示にできる。#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
Google Maps Platform Maps Javascript API Controlshttps://t.co/2TjiAAZ7Yn#プログラミング初心者
もちろんそれぞれ選択して表示非表示の選択が可能。古い記事だけど一応。
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
◇参考
Google Map コントロールナビの位置や航空写真切り替えの表示非表示の設定変更方法https://t.co/akTbSiyhbo#プログラミング初心者
[https://twitter.com/showgogogo1989/status/1168062719284498438:embed#◆#Rails mail\_toメソッド<%= mail\_to("email@adress", "hogehoge") %>でhtmlがhogehogeに… https://t.co/b0RflyoL4b]
◇参考
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
mail_toメソッドを使ったメールリンクの作成 - Ruby on Rails入門 https://t.co/SUderXg1PN @buzzwordjpさんから.#プログラミング初心者
◆#html リンクを新規タブで開かせる方法
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
タグに下記属性を追加する。
target="_blank"
これだけでタグのリンク先が新規タブで開かれる。Railsでもmail_toやlink_toメソッドと合わせて使用した。#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
リンクを新規タブで開かせる方法(HTML
https://t.co/jBK5JPd022#プログラミング初心者
◆#heroku でのデプロイ時にBuilding sourceで詰まった時
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
ターミナルでgit push heroku masterを実行してデプロイした時
remote: Building source:
でstuckしてctrl+Cで抜け出してheroku builds:cancelでbuildを止めるしかなかった。#プログラミング初心者
・原因
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
ここで止まるということはbuildpackかremote repository辺りが怪しい。heroku webページに言ってもbuildのログが取れない為この辺を確認。
・確認
buildpackを入れ直しても明示しても機能せず。
・解決した方法
remote レポジトリを一度削除しあげなおしたら解決。#プログラミング初心者
#python の条件式の否定ってnotだけでできるん…これだけで英語的文法でわかりやすい…感動してる(感動ハードル低め)笑#プログラミング初心者
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
福岡校でいつの日かきびだんごを配ったものです!
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
昨日は見に行けなかったので、見学された方々に諸々聞きます…orz…
とりあえず一段落、おつかれさまでした!
なんとか今日中に終わらせられた…orz…ざっと駆け抜けたけどRailsと似てる所が多々あるから理解しやすかった!やっぱりProgateは優しくてわかりやすい!
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月1日
「Python 学習コース Ⅴ」コースを修了しました! https://t.co/Dw0RFJWhsG #Progate
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@showgogogo1989) 2019年9月2日
★ポートフォリオ技術の簡単アウトプット
★PythonのProgate終了
昨日の積み上げ。将来的に機械学習も視野に入れたいからと思い #Python をかじってみた。 #Ruby とも似ているが個人的にPythonの方が英語の文法のように感じるから好き。もちろんRubyも好き!#プログラミング初心者
今日はポートフォリオに使用した技術の簡単なアウトプットとpythonの学習。puthonもコードを書いていて楽しいね!Rubyも確かに直感的だけどpythonも比較的直感的だと感じるから親しみやすい。楽しい。これももう少し深く掘り下げていきたいな。
pythonの基本だけど、インデント、「:」が大切だと学んだ。
3.今日やりたいこと
Django Girlsという学習サイトで学習!履歴書の作成!12時までにはブログを書いてから寝る!
4.終わりに
本当ね、自分の名刺代わりの個人サイトを作成するのはとても良いアウトプットになる!まだ微調整したいところがあるから水曜日と木曜日にやろう!個人アプリ発表の資料もちゃんとまとめないとな。
最近ポートフォリオ作成でアウトプットが多くブログもあまり書かなかったけどブログも活用して日々もっとアウトプットしていこう!
今日も実りある一日にするぞ〜!ではっ!