2019-01-01から1年間の記事一覧

(Chart.js) canvas要素のサイズが変化する不具合を修正した。

アプリ制作 課題1 体調グラフで表示しているカラム(活動量など) をToggleすると、グラフのサイズが 変化してしまう。 原因 カラムをToggleすると毎回Chartを生成していたため。 jQuery('.chart-toggles a').click(function() { currentChart.destroy(); jQu…

Bootstrapを使ったサイドバーのサンプル模写など

アプリ制作 アプリの修正点を洗い出す。 レスポンシブ対応を優先して取り組むことに決定 BOOTSTRAP SIDEBAR でサイドバーのサンプルを作成 PCとスマホのサイズでスムーズに移行できるナビバーのレイアウトを再考 制作物 次回はアプリに修正を反映する

Procオブジェクトを使い, 指定された期間における各カラムの値の配列を生成する

アプリ制作 実現したいこと 体調グラフ機能 各カラムに1つボタンを作成し, ボタンのON/OFFでカラムの表示/非表示を切り替えられるようにする。 どのように実現するか 指定された期間における各カラムの値の配列を生成し, Viewに渡す。 本日はrails console…

Chart.jsにToggle機能を追加しカラムの表示/非表示を切り替える

実現したいこと 体調グラフ機能, ボタンのON/OFFでカラムの表示/非表示を切り替える メンターから, Ajaxは学習コストが高いのでjQueryでやった方が早くできるとアドバイスを頂いた。 各カラムのボタンのtoggleによって, 対応するdatasetを追加したり、削除し…

体調グラフ機能で複数カラムを動的に表示する方法を調べる

アプリ制作 実現したいこと(1) 複数カラムを選択して同時に描画する. activity, appetite, moodの3カラムのボタンを設置する. 3つのボタンはON/OFFにすることができ、ONの状態にあるカラムをまとめて表示したい。 試したこと Rails Chart.js Dynamically c…

Weeklyグラフで前後の期間へのリンク生成で発生するエラーをデバッグ

アプリ制作 実現したいこと1 リクエストが下の2つのパターン両方でグラフ描画を行えるようにする。前者はコントローラのreportbydateアクション, 後者はreportbyperiodアクションにルーティングされている。 statistics/activity/from/2019-10-07/to/2019-1…

キーワード引数にデフォルト値を設定し, 異なるパターンの引数を取れるようにする

アプリ制作 実現したいこと リクエストが statistics/activity/from/2019-10-07/to/2019-10-13, statistics/activity/period/prevWeekの2つのパターン両方でグラフ描画を行えるようにする。前者はコントローラのreport_by_dateアクション, 後者はreport_by_…

体調グラフ機能, 該当期間のy軸の値を吐き出すメソッドに例外処理を実装する(Rails, Ruby)

アプリ制作 実現したいこと(1) Diaryレコードが存在しない期間を指定した際に、app/lib/generate_report/weekly_report.rb のdata_generatorメソッドでエラーが発生してしまう。レコードが存在しない場合でも値を0としてグラフの描画を行えるようにしたい。…

サービスクラスにグラフ描画に関する処理を移す

アプリ制作 昨日のエラー Constraint::PeriodConstraintクラスで, /statistics/activity/period/thisWeekの"thisWeek"の部分が正しいURIになっているか検証するように実装した。 しかしno route matchedエラーが出てしまい、うまく作動していない。原因がわ…

(rails) SimpleCalenderGemのコードを読みながら、Report機能の処理を考え直す

SimpleCalenderのコードを読む view_contextというViewクラスのインスタンスを操作していた Calenderクラスを継承し、WeekCalender, MonthCalendeの2つのクラスが作られ処理を分けて書いていた。 params[:period]で条件分岐して、別のReportインスタンスを…

(Rails) routingのcustom constraintsをlib直下のモジュールに定義する

アプリ制作 実現したいこと 体調グラフ機能で、クエリパラメータを使用せずにURI・コントローラを設計する。 取り組んだこと TogglのDashboardのURIを観察してまとめる。 ルートは当日の週に設定 当日の週or当月は /period/thisWeek(or Month) 当日の前週or…

StatisticsControllerの一部の処理をサービスクラスに移行する

アプリ制作 週間・月間のグラフ描画機能 クエリパラメータで、column, date_begin, date_end, periodを指定して、それを元にグラフを描画できるようになった。 date_beginまたはdate_endとperiodを受け取って、ex_beginまたはnext_endを返すメソッドをstatis…

ローカル環境からCloud9環境への移行作業

アプリ制作 PCを修理に出すになったため、ローカル環境からCloud9にRailsアプリを移す作業を行なった。 ローカルからgithubにプッシュ Cloud9のワークスペースにclone Rbenvインストール、rubyインストール Bundlerインストール MySQLとの接続 などをエラー…

(Rails)前後の期間のリンクを生成するコードを短く書く

アプリ制作 実現したいこと 体調グラフ機能 StatisticsControllerに:date_beginまたは:date_end,:period`を受け取り、始まりからperiodを引いた期間又は終わりからperiodを足した期間で情報を取得して、どちらかを返り値で返すメソッドを作る。 考えたこと …

(Rails/Chart.js)前後の期間へのリンク生成 - 体調グラフ機能

アプリ制作 実現したいこと 体調グラフ機能 クエリパラメータでカラム・期間を指定してグラフを描画する 異なるカラム・前後の期間へのリンクを生成する。 課題 以下の2つのメソッドを定義する必要があると考えた。 reportインスタンスのdate_begin, date_e…

(rails) 異なるカラム・前後の期間へのリンクを生成をする

アプリ制作 実現したいこと クエリパラメータでカラム・期間を指定してグラフを描画する 異なるカラム・前後の期間へのリンクを生成する わからないこと リンクは自前で作成すべきなのか?簡単に済ませられるGemとかあるのか? Datepickerを使用した方がよい…

(Chart.js/Rails) クエリパラメータで期間を指定してグラフを描画する

アプリ制作 実現したいこと 体調グラフ機能 コントローラでクエリパラメータを受け取り、@reportを生成する Viewで@reportをもとにグラフを描画する 実装したもの QueryParameterをpermitするメソッド paramsのdate_begin, date_endをDateオブジェクトにpars…

(Rails)コントローラでクエリパラメータを取得できない

アプリ制作 実現したいこと コントローラでクエリパラメータを取得したい つまづいたところと解決法 コントローラでbinding.pryを起動してpramasにアクセスしようとしたが、NameError: undefined local variable or method `params'と出てしまう。 クエリパ…

Struct.newでWeeklyreportオブジェクトを作成してViewに渡し、週間テーブルを描画する

アプリ制作 実現したいこと StatisticコントローラでDiaryの週間集計をする。 週間の各コンディションの値を下のようなテーブルにしたい。 そして配列にしてChart.jsに渡したい。 From: September 15 To: September 21 どうすればこのテーブルを作れるのか? …

190918 Statisticコントローラの実装(体調グラフ描画のためのデータ生成)

アプリ制作 体調グラフ機能 Diaryのテストデータ生成 直近3ヶ月分を毎日(グラフで可視化するため) rails consoleでテストコード実行 Diaryモデルのインスタンスメソッド定義 DiaryインスタンスのWeek numberを返す Statisticコントローラ実装のためにあれこ…

190606 Model作成の続き

作りたいもの 190509 アプリの完成イメージ - エンジニアになりたい日記 190517 日記アプリの要件を再考 - エンジニアになりたい日記 本日やること Symtom, Memory モデル作成 Rails コンソール上で日本語入力ができない Rails コンソール上で日本語を入力す…

190528 ブラウザは基本、DELETEリクエストを送らない。

作りたいもの 190509 アプリの完成イメージ - エンジニアになりたい日記 190517 日記アプリの要件を再考 - エンジニアになりたい日記 本日やったこと 昨日のエラー解決 Diaryモデルの作成 問題 昨日のエラー解決の続き。 DELTEリクエストを送ってsessionを消…

190527 ログアウトのDELETEリクエストがエラーになる。

本日やったこと ログイン機能の作成 問題 ブラウザからログアウトのリクエストを送付するとエラーが出てしまう。 http://localhost:3000/logout Routing Error No route matches [GET] "/logout" Rails.root: /Users/bupolang/projects/cocologue 環境 Rails…

初心者がエイリアスの設定でつまづいた話

問題 こちらの記事に従ってエイリアスを設定。しかし、登録したエイリアスをターミナルで実行すると command not foundと表示されてしまった。 環境 Mac Mojave 10.14.3 Atom 1.29.0 PlatformIO IDE Terminal 2.9.1 エイリアスの仕組み 1.エイリアスとは? …

190523 ログイン機能

作りたいもの 190509 アプリの完成イメージ - エンジニアになりたい日記 190517 日記アプリの要件を再考 - エンジニアになりたい日記 本日やること ログイン機能の実装 AtomにRails-snipetsのインストール 結果 <%= %> などERBのタグが入力しやすくなった。 …

190521 ユーザ登録機能

作りたいもの 190509 アプリの完成イメージ - エンジニアになりたい日記 190517 日記アプリの要件を再考 - エンジニアになりたい日記 本日やったこと エイリアスの設定 ユーザ登録機能の作成 1. エイリアスの設定 エイリアスを設定したが、コマンドを入力す…

190517 日記アプリの要件を再考

今日やること 要件をもう一度考えて文章にする 闇雲にUserモデル作り始めたけれど、モデルとモデルの関係を整理していなくて、どうすればよいか分からなくなってしまったため。 日記アプリの要件 ユーザ登録機能 ログイン/ログアウト機能 ユーザは自分のリソ…

190516 Userモデルの作成

本日やること エイアリアスの設定 ユーザ登録機能をつくる エイリアスの設定 こちらの記事を参考に設定 qiita.com コマンド入力が楽になりました。 Userモデルの作成 ユーザは自分の書いたダイアリーのみ閲覧可能にするので、ルーティングは :show, :new, :c…

190510 学習記録

今日やったこと 読書 2時間 インターネット技術の絵本(株式会社アンク) TechAcademyの教科書(Model)作成の部分を読む。 User モデル→ Diary モデルの順番。一対多の関係。

190509 アプリの完成イメージ

本日やったこと。 - 完成イメージをざっと説明。 (完了) - Model作成、Railsコンソールで操作してみる。→次回へ持ち越し ページ一覧 トップページ(アプリの説明) 新規登録/ログインページ ダイアリー一覧ページ(ログイン後のトップ) ダイアリー新規登録…