デザイン、は楽しい。
今日から自分のポートフォリオサイトの作成に着手し始めました。
1.簡単日記
恥ずかしいことに、僕は中学の頃から美術があまり得意ではなかった。自慢ではないが、中学の成績で唯一「2」だった教科が美術だ。
だから、デザインを簡単にアレンジできるツールが好きだ。今日はスクールの人に色々教えてもらって漁っていたら楽しくなってきて寝る直前だけどまだまだ弄り倒したいぐらい。笑
前職にいた時、よくデザインの人とバトルしたのを思い出した。そのデザインでは機構的に入らないのでこう変えてくれませんか?とかカメラの角度を9度傾けたいって言われてもその9度のこだわりって必要ですか?とか。傾いただけで金型の抜き方向が結構変わって他のところに影響してしまうんですけど、みたいな。懐かしい。
同期だったデザインの人は「デザインは自分たちの好きなようにデザインしてるって思われるけど、基本は論理的に考えた結果なんやで。」って言われたのも思い出した。こういう目的の商品にはこういう形や色の方が馴染みやすいとか万人受けするとか上品さが出るとか。話を聞いてたら結構面白かったな。機械屋だからどうしてもデザインより機能を重視しがちだったから。
2.今日の学び
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月26日
★朝起きて発声、リズム練習
★Ruby, Railsの理解度テスト受験、復習
★ポートフォリオサイトのデザイン考案、1/5ぐらい完成
今日58期の方々と初めてのチーム面談。優しそうな方々で安心。福岡校の人はフランクな方がたくさん。ポートフォリオサイトも進めた!#プログラミング初心者
今日は59期の方々と諸々話した。他の期の人が話してくれるのはとても嬉しいな。同期がいなかったからなおさら。いろんな刺激をもらえるし話していない時間も集中できるし。明日からの58期の方々ともコミュニケーションを取っていきたい。
3.明日やりたいこと
ポートフォリオ7割完成させたい。個人アプリの修正も進めて8割完成ぐらいにしたい。
4.終わりに
今日も成長したな!特にデザイン関係。初めて作ったtwitter風アプリと比べたらいま作ってるものとか個人アプリのデザインが見るからに良いのが成長を実感させる。嬉しい。
ということで今日もおつかれさまでした!明日も充実した学びのある一日を過ごしたい、過ごすぞ〜!朝の練習も習慣化させたい!させるぞ〜!笑
ありがとうございました!
悩む、も楽しい。
今日は結構悩む時間が多かった。結局保留にした件もあるし、解決できた件もある。ハマり続けるよりざっくり解決して次に進めるなら進んだほうが良いと判断。
悩んでいることも、きっと単純な事なんだろうな。
1.簡単日記
今日は悩んだ。でもその分調べるから身につくし解決できた時の爽快感というかアハ体験は最高。それでも悩む時間が長いことは反省。もう少し諦めを見極める力が必要だ。時間は限られているんだから、有効に使いたい。もちろん悩んでいることは無駄ではないけどね。
2.今日の学び
◆#Rails でダイアログボックスを使用する。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月21日
削除の確認を行う際などはリンクの要素に
data-confirm="Are you sure?"
を付与するとダイアログボックスが表示されて確認できる。#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月21日
link_to, confirmオプションが廃止 | Rails / https://t.co/kjk4eaZXmA https://t.co/fyFl74ULD7#プログラミング初心者
・turbolinksを使わないとカレンダーを表示できない
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月21日
・turbolinksを使うと$(document).readyのjqueryが動かない…turbolinks:loadにしても一度更新しないと動かない…なぜ…(泣)#プログラミング初心者
解決したあああああああああああああああああああああああああああああああああ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月21日
日本語の資料見つからんかったあああああ
英語読めてよかったあああああああああああああ
◆#Rails turbolinksを使用した際に #materialize のsidenavがページを更新しないと動かない件
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月21日
turbolinks:loadではインスタンスが生きている為動かない。turbolinks:before-visitでインスタンスを取得、除去したら思うように動きました。
materializeでいうインスタンスとは?!#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月21日
Side nav doesn't work with turbolinks 5https://t.co/VUO9m37UrO#プログラミング初心者
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月21日
★個人アプリにタスク管理機能を8割実装完了。
★ユーザー単位、プロジェクト単位でのタスク管理機能実装完了。
★カレンダーのveiwを追加。
明日はカレンダーとタスクを同期させて表示させ、細かいところを調整してざっくり完成させたい!#プログラミング初心者
解決した時の心の叫びが出ちゃいましたね。turbolinksというrails4.0以降標準で入っている、ファイルを圧縮したりして読み込みを早くする機能があるんです。でもこれが原因で特定のjqueryが動かなかったりして大変でした。
カレンダーを表示する機能を実装したいんだけどざっと調べた感じだとturbolinksが必要で。一回消したけど復活させました。turbolinksを残しながら如何に実装できるか、という方法に持っていった。こっちのほうが読み込み速度も速くなるからこっちが得策だ。jqueryの記述に一癖必要だけど、こっちのほうがメリットが多そうだ。
3.明日やりたいこと
カレンダー機能とその他細かいところを調整して個人アプリの開発終了。デプロイできるところまで進めたい。
4.終わりに
今日はあまり進捗的には進まなかったけど、とても成長した!壁にぶち当たっても諦めない精神がまた強くなりました。
ということで今日はもう寝る!明日も充実させましょ^^ありがとうございました!
おやすみなさい〜…zZZ
ゲーム、は楽しい。
そりゃそうですよね。ゲームは楽しいものです。昨日は誘惑に負けてしまい3時間ぐらいスマホゲームしてしまった。TEPPENっていうCAPCOMとガンホーの共作のやつ。CAPCOMのいろんなキャラが出てて面白そう〜っていう誘惑に負けた。おかげさまで昨日と今日でFランクからCランクまであがりました。考えるから頭の回転も速くなるしいい休憩になった!(前向き)
1.簡単日記
そんなこんなで誘惑に負けてしまいましたが今日はちゃんと勉強しましたよ。ゲームをするのは移動中の片道30分だけ!笑
2.今日の学び
◆#rails 中間テーブルに保存する際の注意点
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月19日
例えばuserとprojectが多対多の関係にありstaffsという中間テーブルがあるとする。new projectを保存する際にuserを選択して保存すると、user modelのvalidationが効いて保存できない。validationをなくしたら保存できた。#プログラミング初心者
恐らく中間テーブルにあるuser_idを保存する際、userモデルが「俺に関係するところじゃん!validation効かせるぞ」ってお節介してる。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月19日
中間テーブルに保存する時、validationをくぐり抜ける方法ないんですかね(泣)
中間テーブルには
:name, precense: true
等は使わんで良い…#プログラミング初心者
解決しました。笑
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月19日
DBへテーブルを保存する時にバリデーションを掛けたら解決しました。エラーメッセージもユーザー登録時、中間テーブル保存時にそれぞれ出た。
つまり
・DB登録時のバリデーションのみでOK。
・中間テーブル利用時はmodelにvalidationを記述しない方がよい。#プログラミング初心者
◆#Rails 多対多のアソシエーション先の表示方法
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月19日
(hogefuga model)
has_many :fugas
has_many :hoges, through: :fugas
(view)
〜
hogefuga.hoges.each do |hoga|
〜
上記では
Could not find the source association(s)
のエラーが出た。解決するにはmodelの記述に工夫が必要。#プログラミング初心者
(hogefuga model)
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月19日
has_many :fugas
has_many :hoges
has_many :hogehoge, through: :fugas, source: :hoge
(view)
〜
hogefuga.hogehoge.each do |hoga|
〜
と記述すると思った通りにいきました。名前が重複するから別名で記述したほうが良いとのこと。
ん〜…少し解せん。#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月19日
これ一通りやったらアソシエーションについてしっかり身につきそう!
【初心者向け】丁寧すぎるRails『アソシエーション』チュートリアル【幾ら何でも】【完璧にわかる】 https://t.co/zq5mvERPi7 #Qiita#プログラミング初心者
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月19日
★個人アプリのインクリメンタルサーチ&保存機能実装完了。
★モデルの関係が多対多のDBへの保存機能実装。
★メイン機能のフロント1/4終了。
今日はアソシエーション間のDB保存に時間を割いた。おかげさまで理解が深まりました!明日もこの調子で進める!#プログラミング初心者
今日は中間テーブルを用いた多対多のモデルの関係にあるデータの保存に時間を割いた。なかなかアソシエーション先のデータがDBに保存されない。中間テーブルに保存されなかった。
さらに惑わされたのが、テーブル名って勝手に複数形になったりするじゃないですか。ルーティングのパスは勝手に単数形になるんですよ。ただsをつけたら良いだけの複数形だったら良いんですけど変形するタイプ(今回はlive⇛life)になるもんだからもうどこが複数形でどこか単数形なん?!って迷った。
結論から言うと、中間テーブルに保存されない原因は複数形や単数形は関係なかった。
モデルにバリデーションがかかってて保存する際にそれが邪魔して保存されなかったのだ。バリデーションはDBに保存する時にマイグレーションファイルでかける。DBとモデルで二重に掛ける必要はない。今回みたいに中間テーブルを使う時はなおさらDBだけにバリデーションをかけるべき。じゃないとエラーで保存できない。
さらにアソシエーション先のデータを引っ張り出そうとしたらこれまたエラーになった。アソシエーション先のデータを引っ張ってくる時は別名で保存しないと呼び出せない。なんでやねん。スクールのカリキュラムでやった時はこれでも行けたんやけどなー…もう少し深堀りしたい。
3.明日やりたいこと
メイン機能のフロント実装完了。タスク機能実装。
4.終わりに
今日もたくさん時間かけて勉強して成長したな〜!一歩一歩進んでる!このペースを維持…できればもう少し速歩きのペースで進みたいね!
今日もありがとうございました!また明日〜!
おやすみなさい…zZZ
自力で作る、は楽しい。
これまでgemで使っていた機能を自分で実装するのは楽しい。目的のモノをつくるにはそれこそ時間がかかるが、原理原則の勉強になるから楽しい。
時間がある今のうちにこういうことを勉強しておこう。
(といいつつそんなに時間があるわけではない)
1.簡単日記
お盆休みということで彼女が今日まで福岡に来ていました。彼女もWeb系の勉強をしているので一緒に勉強できた。さすがに1人で勉強するより時間の融通を効かせられなかったりしたけど(自分の時間の使い方の問題)とても有意義で癒やされた。本当に感謝。ありがとう!
2.今日の学び
◆#Rails エラーメッセージの表示備忘録
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月17日
・エラーメッセージ部は部分templateでスッキリ。
・render 'error_message', model: f.objectで他モデルでも使用可。
・error_message内もmodel.errors.any?で他モデルでも使用可。#プログラミング初心者
・https://t.co/jTp6Yn2j1Zフォーム内引数に別のインスタンス変数が使用されていたらcontroller内のbefore_action等で入れる必要がある。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月17日
⇛なければmap:nillclassエラー
・表示させるnew viewにも「モデル.newインスタンス変数」は必要。
⇛なければerrors:nillclassエラー#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月17日
Rails エラーメッセージの表示 https://t.co/CigzosMyyn #Qiita
エラーメソッドを呼び出すときの“ nil:NilClassに対する未定義のメソッド errorshttps://t.co/6UVLeFcjLN#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月17日
collection_selectにインスタンス変数を渡すと、undefined method `map' for nil:NilClass が発生するエラー https://t.co/X5GbqsJRRm #Qiita#プログラミング初心者
◆#Rails form_withの復習。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月17日
viewからform_withで送られたparamsはstrongパラメータでparams.require(:model)を使用して受け取る。
form_withとrequireはセットで考える。#プログラミング初心者
◆#rails 暗号化されたパスワード使用した際のログイン方法
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月17日
・has_secured_passwordメソッドを有効にするとauthenticateメソッドが使用可能。これは渡された引数を暗号化、tableのpassword_digestと一致しているかを判定。
・loginアクションでこれを使用してユーザを特定する。#プログラミング初心者
◆#CSS 文字の回転方法
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月17日
transform: rotate(90deg)
のプロパティを使用することで時計回りに要素を回転させる。上記は90度回転させている。
◇参考
CSSでテキストを1文字ずつ回転させる https://t.co/IOqd7gIIrX #Qiita#プログラミング初心者
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月17日
★個人アプリのユーザ編集ページ、機能作成。
★ログイン機能作成。
★メイン機能のindex画面作成。
ユーザーログイン周りを #Progate を参考に自分で作ってるけどdevise gemの偉大さを感じてる。面倒な所全部やってくれる。次回からはdevise使いたい。笑#プログラミング初心者
Progateさまさまですゎ!ログインの入力情報を自分で色々と決めたかったからユーザーログイン周りを作ってくれるgem, deviseを使わなかったんだけどこれはこれでもう大変。でもとても勉強になってる。成長を実感してる。時間かかるけど最高。
3.明日やりたいこと
個人アプリのユーザーログアウト機能の実装、メイン機能のフロント、機能実装。
4.終わりに
二人で勉強すると捗った。同期がいなくて勉強したことについて話すことがないから嬉しかった。同期なんていなくても良い!って言ってたしいまでも思うけど、やはりいた方が切磋琢磨できるんだなと実感。東京、大阪、名古屋等の他の場所が少し青く見えた。
今日もたくさん勉強したし食べたから色んな意味で成長したぞ〜!
明日も一日ぱーっとぺーっとごりごりに勉強して個人アプリの開発を進めるぞ〜!
ありがとうございました!
おやすみなさい…zZZ
実装する、は楽しい。
機能を実装していくのはまだまだ慣れていないから時間がかかる。
でも論理的になんで成り立たないのかを組み立てて行くのが楽しい。
今日も夢中になってずっとPC叩いてたらもうこんな時間。1日早いな〜
1.簡単日記
いま、まさに個人アプリを作成していて0からモノを作っている。僕は自分が培ってきたライブの企画運営をサポートするタスク管理アプリ、サービスを作っている。
どうせならこれをポートフォリオの一つとして扱いたいのでここは頑張りたい。未経験者が作成した方がよいポートフォリオ等を調べてそれらの機能を網羅させていきたい。
⇛いま調べた感じだとフォームのマジック7を抑えられた方が良いとのことなので入力フォームでそれらを実装してやろうという企み。後もう少しで出来上がるから楽しみ!!
2.今日の学び
◆#Rails Userパスワードの暗号化(devise不使用)
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月15日
・modelを作成し、migration fileでcolumnを追加する際に下記にてpasswordのcolumnを追加してmigrate
t.string :password_digest
・gemfile内のbcryptを復活
⇛rails consoleでuser作成して確認するとpasswordが暗号化されている#プログラミング初心者
◇参考
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月15日
Rails のモデル(フォーム)でパスワードを暗号化して保存する方法 https://t.co/7amodLol79 #Qiita#プログラミング初心者
・Userモデルのファイルに下記を追加する。
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月15日
has_secure_password
これ忘れてた!危ない危ない。#プログラミング初心者
#Progate ぶりにユーザーログイン周りを自分で実装してる。良い復習になる!#プログラミング初心者
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月15日
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月15日
★個人アプリユーザーログインフォーム7割完成
★Progateでユーザーログイン機能を少し復習。
今日はほとんどユーザーログイン周りの機能実装に注力した。おかげさまで諸々わかってきた。materializeとform_withを併用する時が少しやっかいなので勉強になる.#プログラミング初心者
3.明日やりたいこと
明日はユーザーログイン周りのフロントもサーバー側も終わらせたい!
4. 終わりに
今日は比較的集中できた!集中と言うか夢中になってた笑
みなさんお盆休みは如何おすごしでしょうか。^^
残る休みも充実させていきましょうね\(^o^)/
今日もありがとうございました!
おやすみなさい…zZZ
まねをする、は楽しい。
何事も模倣をすることが上達への一歩とはこれも物事習得の真理の一つ。模倣した後になんでこれがこんな昨日や配置、配色なのかを分析して自分の中に蓄えていく。その積み重ねがいまの自分を作っていく。
1.簡単日記
昨日はバンドメンバーの結婚式。新郎新婦の個性炸裂しすぎて最高に楽しかった。福岡から宮崎まで飛行機で行ったら往復4万ぐらいするけど、時間にするとチェックインから現地に着くまで最短で約2時間ぐらいで行けてしまうんよね。車で行こうとしたら高速道路を使っても片道4時間以上はかかる。往復で4時間の差。まさに時間をお金で買ったなと感じた旅でした。他にも宮崎の結婚式の話やたくさん友人たちと話せて楽しすぎて声を枯らせてしまった話があるけどそれはまたいつか。
2.今日の学び
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月11日
★福岡に帰って来た。
★小学校の教員の友人と教育現場のシステム的問題点などを聞いた。
★twitterを模倣したミニアプリを作成。
twitterもどきを作成した。まだ最低限の機能しか実装していないのでこれから地道に機能を増やして成果物にしていく予定!#プログラミング初心者
今日はtwitterみたいなミニアプリを作成した!まだ最低限の機能しか実装していないから地道に増やしていくぞ〜!railsの簡単な復習にもなった!それなりに使う機能とかは仕組みやコードが体に染み付いてきた気がする。あとは経験値が少ないJavascriptとかを使って物をつくって学んでいきたいな!
3.明日やりたいこと
最終課題までのカリキュラムを終わらせる。
個人アプリの企画、DB設計、フロントまで着手したい!
あとミニアプリの発表会あるからその発表内容も考えるぞ。
4.終わりに
発表会前で声を枯らせてしまった…一晩で治ると良いな。腫れよ引いてくれ…。
明日は節約としておにぎりを握って持っていきたいな。
お盆休みを満喫しているみなさまも有意義に過ごせましたか?^^
明日も充実させていきましょう!
ありがとうございました\(^o^)/
おやすみなさい〜…zZZ
デプロイ、は楽しい。
やっぱりね、自分が作ったものが世界に公開されるのはうれしいね!
1.簡単日記
今日は自宅勉強デイ。洗濯や料理やら家事をしてるとつい時間がかかってしまうね。お金にもっと余裕があれば家事代行サービスとか頼みたい。時間がもったいないって感じてしまう。限られた時間の中で集中して成果を出していこう、と改めて感じました。
2.今日の学び
◆大切な情報を誤ってcommitしない方法
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月9日
git-secretsで指定codeのcommitを防ぐ
・brew install git-secretsでinstall
・指定projectに移動しgit secrets --installで有効化
・git secrets --register-aws --globalでAWS関連の秘密情報設定
・git secrets --listで内容確認可能#プログラミング初心者
#今日の積み上げ
— ShowGoGoGo@プログラミング勉強中 (@shshsshsh8) 2019年8月9日
★カリキュラムで作成したやつのデプロイ完了で一段落。
★mini-app3回目作成開始、ユーザー周り、フロント2割完了
⇛簡単なアプリやけど成果物としてデプロイしたい。
デプロイ時間かかった〜でも公開されるとめっちゃうれしい!たのしい!だいすき!(強引#プログラミング初心者
デプロイ完了してchatspaceの完了を報告してOKでた。あとはミニアプリと個人アプリと共同作業。
少し時間に余裕があるのでミニアプリを一つの成果物として出せるクオリティにしたい。
あとミニアプリ三回目作ってるから何回も言うけど、ものを作るのが一番頭に入る。身につく。同じことを調べても身につく。触れる回数が多ければ多いほど身につくのだ。
3.明日やりたいこと
明日はメンバーの結婚式で歌いに宮崎へ。時間節約のため飛行機で。空いた時間に少しでもミニアプリを進めよう。
4.終わりに
明日楽しみやな〜!久しぶりに沢山の後輩たちと会えるし先輩も来てくれたら最高やな〜!カメラでたくさん写真撮ろ!これも久しぶりで楽しみ!
ってことで今日もありがとうございました!
みなさんお盆休み楽しんでくださいね〜\(^o^)/