やったこと 過去問道場でハードウェア・マルチメディア・ヒューマンインターフェースの問題をとりあえず1週＋復習 卒業発表会で使ったスライドを全面改修完了 paizaのCランクレベルアップセットのうち、4問ほど解いた わかったこと 回路の問題は書けば怖くない paizaの標準入力系はこの記事を参考にしてなんとかなっている https://qiita.com/Hayate_0807/items/2e9705091b181a104621#%E6%95%B0%E5%80%A4%E3%81%A8%E3%81%97%E3%81%A6%E5%8F%97%E3%81%91%E5%8F%96%E3%82%8A%E3%81%9F%E3%81%84%E5%A0%B4%E5%90%88 次やること paizaのCランクレベルアップセットの続き 基本情報は次のカテゴリーに LaravelかPHPをドットインストールではじめるか迷い中 TILフォルダの運用方法検討

ド・モルガンの法則を逆に適用！

やったこと 過去問道場でハードウェア・マルチメディア・ヒューマンインターフェースの問題を55問 LPの画像を新デザインのものに差し替え 非ログイン時のnavbarのログインボタンを新配色に差し替え paizaのD159　七夕の短冊文字数問題をmaxとlengthを使って解く maxだと結果がバラバラになることがあったので、調べたところmax_byのほうが適していることを発見 わかったこと readlineで複数行の入力を受け付けられる maxだとうまく評価されないことがある？（max_byでうまくいった）

やったこと 過去問道場で71問解く 回路の問題が出てきた 5日間で言葉が「思いつかない」「まとまらない」「伝わらない」がなくなる本をさらっと読む 面接対策、自分の伝えたいことを整理する

やったこと ソフトウェアの問題60問 苦手な問題が多く時間がかかる letter-spacingでボタンの文字の間隔を開ける

やったこと 基本情報でソフトウェアの問題を66問解いた PF改善 ナビゲーションバーのデザイン ボタンの色変更 ボタン大きく layouts/application.html.slim用のScssファイル作成 GitHubでissue用のテンプレート作成 わかったこと セマフォ　！＝　スマートフォン 信号機の意味らしい 同時に使える人の数が決まっている物に割り当てられた「あと何人の人が使えるよ」を表した数字 次やること LP用の画像用意

やったこと index以外のページにも新配色を適用 PFのデザインをpushしてpull request出してmerge 見つかった不具合の修正 デザインの当て忘れ（絞り込んだあとの結果のborder-colorなど） herokuにdeploy deploy後に見つかった不具合を潰す JavaScriptが特定のボタンから遷移した場合うまく働かない includeの記述がなぜかそのまま出力されている turbolinkをfalseにすることで一時的に解決 またviewの下部に書いていたincludeタグを削除 わかったこと アセットパイプラインのせいでJavaScriptの適用がうまくいってなさそう。 javascript周りでturbolinkが悪さをするので今はfalseにして一時的な解決をしているものの、本当はよくない気がする 本番環境で動いてるかどうかはしっかり確認するべきと実感 次やること ナビゲーションバーのボタンのデザイン変更 LPの画像を新デザインに差し替え カラーユニバーサルデザインモードの実装 turbolink falseについて調べる

やったこと 過去問道場でシステム構成要素の問題を112問解いた。 PFのデザイン改修。出来る気がしなかった開閉状態とリンクして回転するアニメーション矢印の実装ができた。 その過程をまとめた記事を書いた わかったこと jQuery, thisを使うことでクリックした要素のみに対して操作ができる。 findが便利。子だろうと孫だろうと探せる。 toggleClassでクラスの付与・削除をすることでアニメーションが簡単に実装できると分かったのはよかった。 transitionの使い方。duration設定するだけでもそれっぽくなる 次やること 新配色、デザインをあててない他のページをいじる

やったこと プレゼン用にカンペを作り、7分に収まるよう練習した 【CSS】マウスオーバー時にふんわり出る下線アニメーションを参考にリンク下線へのアニメーション実装 Wのcard-bodyを、カラムがない時は開かないように Tの期限を、card-bodyに移動しデフォルトで開いた状態に変更 それに伴い、Tのfooterのデザインを変更 ヘッダーにマウスを置いたとき、表示される下線をアニメーションにしてみる わかったこと mixinでリンク下線アニメーションのコードをまとめ、border-colorに変数を設定することで、色を簡単に変えられる上にコードがすっきりした 検証ツールで直接スタイルを書いて、それをエディアにコピーするとだいぶ楽 次やること 他ページのデザインをこの配色に合わせる

やったこと 過去問道場でコンピュータ構成要素105問 システム構成要素27問解く ポートフォリオのデザイン改修 新テーマカラーを追加しそれを使えるように /* Palette generated by Palette List - palettelist.com */ $first-color: #feffdf $second-color: #dde0ab $third-color: #97cba9 $fourth-color: #668ba4 $primary-text-color: #212121 $secondary-text-color: #757575 $divider-color: #BDBDBD $icon-color: #000000 box-shadowをlogのカードだけにつける わかったこと テーマカラーの名前を上記のように設定することで、同じような4色のパレットを使うときにカラーコードのみ書き換えれば試せて便利 カードやボタンの角丸を$enable-rounded: false;で無効化できる→MDBootstrap使わず少し硬めの印象になる card-headerにborder-bottom-colorを設定することで、微妙な隙間を埋める

やったこと 過去問道場でアルゴリズムとプログラミング ポートフォリオのデザイン改修 同じコードを3回書いてしまったので、Sassで再利用(extend)を試す→成功 しかし、extendはあまり良くないという記事を見て、mixinに置き換え→border-colorを変数にすることで、同じコードを使いまわしつつも色を変更するときは簡単に変更ができるように わかったこと Sassの便利機能を使いこなせばだいぶリファクタリングできる 次やること border-leftで実装してるが、ちょっと途切れて丸くなってる部分が気持ち悪いと言う話だったので直せないかやってみる

やったこと 過去問道場でアルゴリズムとプログラミングの問題を58問解いた log/indexのデザイン改修＋色見直しに入った 追加したテーマカラーのspacered, spacegreenを一旦すべてspaceblueに書き換え、YWTのカードを同じ色に設定 三色でセンスのいい色 156Pのカラーパレットを試しに使用 card-footerの背景色がおかしかったのを修正 card-headerを白色にし、付箋風デザインをborder-leftで試す application.scss以外のview別scssファイルの読み込みがうまくいったりいかなかったりするのを修正 わかったこと viewごとに設定しようと思って作ったScssファイルが、反映されたりされなかったりするバグはこう解決した。 application.scss @import "variables"; @import "bootstrap"; @import "font-awesome-sprockets"; @import "font-awesome"; @import "bootstrap-tagsinput"; @import "logs/index.scss"; @import "users/show.scss"; この下2行から拡張子を取り除き、こう書き換える @import "logs/index.scss"; @import "users/show.scss"; そして、development.rbに config.assets.compile = true #動的コンパイルを有効化 を追加したところ、Scssファイルの保存・更新→ページの更新でしっかり反映されるようになった。 参考 RailsでCSS（Sass）が反映されない時の対処法 また付箋風の新デザインはborder-leftで実装 .dones{ .card { background-color: rgba(248, 248, 248, 0.897); } .card-header{ background-color: rgba(248, 248, 248, 0.897); border-left: thick outset $spaceblue; } } borderの参考情報 基本のborder border-style border-width 次やること border-leftで付箋風になったはいいものの、ちょっと隙間があるので修正 YWT全てのカラムにこれを適用 Tのカードのwhen-to-doカラムをcard-footerに追いやってもいいかも？ Wのcommentが空のとき、カードの開閉を無効にする

やったこと 過去問道場でアルゴリズムとプログラミングの問題50問解く YWT QuestのUI改善、Dive Into Postのアプリケーションのナビゲーションバーに実装されていたアニメーションの実装準備 卒業発表会用のスライド作成完了 わかったこと キューは先入れ先出し、スタックは先入れ後出し DIVE INTO POSTで実装されてたようなアニメーションは、実はAdminLTEというCSSフレームワークが頑張ってるところが大きいようだ AdminLTEはその名の通り、管理画面の見た目を整えるのに特化しているもので、自分のアプリに導入するのは用途が違う アニメーションを実装するにあたって、必要そうなことをGitHubのissueに書き出すといい感じ $('.card-header').on('click', function() { alert('クリックイベントが取得できていれば表示されます。'); }); これで、アラートが表示された＝クリックイベントは取得できた。しかし…… $('.card-header').on('click', function() { $('.card-header').toggleClass('open-card'); }); 取得したものにtoggleClassでクラス名の操作をかけようとしたが、うまくいかない…… Bootstrapの折りたたみの開閉時、class="collapse show"が"collapsed"になったりするので、これで状態を管理しているならこのときのCSSを設定すればなんとかなる？ 次やること jQueryのDOM操作の復習

やったこと アルゴリズムの問題を57問解いた 卒業発表用のスライドを作成した わかったこと YWT Questの制作時間は約180h

やったこと 過去問道場でコンピュータ構成要素の問題を70問解く（48問解いて残り復習） メモリインタリープについて理解した write throughとwrite backについて理解してないことを理解した worktimeがマイナスにも入力してしまえるのでviewでもmodelでもバリデーションをかけた Vue.js & Nuxt.js超入門の巻末付録、JavaScript超入門をさらっと読んだ 卒業発表用のスライドの作成に着手した わかったこと メモリインタリープ→1つしかない主記憶（メモリ）の領域を分けてたくさんあるように見せかけ、処理の高速化を図る write through→どっちにも記録 write back→片方に記録 numericality: { greater_than_or_equal_to: 0} greater_than_or_equal_toで、設定した値と同じかそれ以上のバリデーションをかけられる またsimple_formを使ったinputにmin値を設定するには = f.input :worktime, input_html: { min: 0 } このように、input_html: { min: 数値 }でいける。 こうすることでマイナスの入力を防いだ。

やったこと 過去問道場で基礎理論問題を70問解いた（続きからを押したのに前日見たことある問題が結構あった） ポートフォリオ改善、昨日実装したものがうまく動いてなかったので修正した ユーザー編集時にデフォルトではroot_pathに飛んでいたのをマイページに飛ぶようにした DeviseのGitHubを見て、 def update super end このsuperの中身を見たり、Qiitaの記事を読んで解決した また、他スクールの卒業生でとてもクオリティが高いPFを作成されている方にTwitterでVue.jsやNuxt.jsの学習法を聞いた わかったこと 完全に忘れてたけど一致してるかどうかを確かめるときは==イコール2つ RailsAPI化したPFは反応が全然違う（らしい） 反転して＋1すると元に戻るのは、負でも正でも同じ 次やること Vue.jsとNuxt.jsの学習を進めつつJavaScriptの勉強も進める 新しいSPAの要件定義

やったこと 過去問道場で基礎理論の問題33問解く ポートフォリオの改善 かんたんログイン実装 それに伴い、テストユーザーでのログイン時はEdit画面に飛べないようにした LPにTechCommitのポートフォリオ画面へのリンクを貼る わかったこと 基礎理論の問題はとても苦手意識があったが、2周めともなると解説読んでも分からなかったことが分かるようになっている 32が出てきたら分数で考える 逆ポーランド表記法で表現された式の中で、[文字,文字,演算子]のパターンになっている箇所に注目します。 この[文字,文字,演算子]のパターンにマッチした場所を、[文字,演算子,文字]に変えます。 わかりにくかった問題の解説 基本情報技術者試験の過去問でわかりにくい問題をいくつか解説するよ | ヤベチュウとIT&数学 簡単ログインはformとボタンで、hidden_fieldをもたせることでも実装ができる 次やること 基本情報1ｈ かんたんログイン周りのエラーがないかチェック

やったこと 過去問道場で、テクノロジ系の問題を1周し終わったので最初に戻って基礎理論問題を53問解いた YWT Questの改善したテストデータをHeroku上のアプリにも反映させた GitHubのリポジトリへのリンクをLandingページに実装中 わかったこと 苦手意識のあった基礎理論、意外とおぼえてた herokuのデータベース操作系はheroku pgで。 heroku pg:reset データベース名 heroku run rails db:migrate でrails db:migrate:reset的なことができる --app ywtquestでアプリ名を指定して実行する 次やること Twitterへのリンクを貼るか検討