クリトラのコツコツITログ

3Dの皮をかぶった庶民の技術ブログです

PlayFrameworkのTwirlでページごとのjs, css読み込み設定とサンプル実装

本日の配信


Scala-Play ハンズオン作成part18~ cssを書くよの巻 ~

今日はScala全然関係なく、淡々とhtml, css, javascriptを書いていました。
素のままのcss, jsを書くのが久しぶりすぎて、何も覚えていなかった...
あとhtmlも微妙にちゃんとわかってないところあってハマった...

あんまりコード追加してない割には時間かかったけど、コード量の割にはそれっぽい見た目になったのではないでしょうか

本日の進捗と残タスク

進捗

Commit Log

残タスク

作業中によくないところが見つかったので、それを直しました。
あと残タスクは詰めの作業ですね

Playの基本的なフォルダ構成を説明するブロックを追加した方がいいかなと思ったので、そこだけ後から作っていこうと思います
あとは全体的な資料調整ですね
多分地味に時間がかかります
(どうするのがわかりやすいんだろう...)
って悩むはずです

まとめ

元々作っていたlesson2と今のlesson1を紐づけるのが大変そうだなと思っています
かなりしんどい作業になりそう

f:id:christina_triceps:20200306013333p:plain

PlayのTwirlの基本的な設定と説明

本日の配信


Scala-Play ハンズオン作成part17~ twirlにデザインを適用しようの巻 ~

今日はTwirlの調整と説明会でした。
わたしは雰囲気でplayで開発をしているので、案外うまく説明できずに苦しみました... とりあえず基本形はできたので、明日はcssを書いて画面調整は完了にしたいとおもいます

そのあとは全部setupに入っちゃってるのを分割ですかね〜

本日の進捗と残タスク

進捗

  • Twirl基本構成の実装
  • 全体へのjs, css適用作成

残タスク

  • ページごとのcss適用
  • mdの分割

あとは全体的な文言の修正や説明の補足
そもそもplayの構成説明を最初の方に挿入、などをした方がいいのかなとおもっています
当たり前のように実装開始しますが、フォルダ構成くらいは説明しないと意味不明ですよね...

まとめ

ここからはかなり地味な作業が続くことになります
私自身のモチベーション維持も難しくなってきます
しかしもうちょっとでハンズオンとして活用できそうなレベルになりそうなので、頑張りますよ〜

f:id:christina_triceps:20200305002924p:plain

PlayFrameworkで削除機能作成とscalaのasInstanceOf

本日の配信


Scala-Play ハンズオン作成part16~ CRUD(dbなし)のサンプル作ろうの巻8 ~

本日はサクッと削除機能実装! と思っていたのですが、また変なところでハマっておりました。
Option同士の比較をしようとしていたらasInstanceOfの制御で理解不能な動作を見つけてしまい...

結果的には「動作上」は理解できました!
実際に内部実装までは見ていないのであくまで教えていただいたことや、自分で動きを見て理解できた範囲内です

本日の進捗と残タスク

進捗

  • 削除機能の実装
  • asInstanceOfのおまけ追加

Commit Log

残タスク

  • デザイン適用
  • 資料の分割

今、全てをsetup.mdに記載してしまっているのでファイルを分割しようかなと思います。
さすがに一枚のページだと大きすぎますよね

まとめ

asInstanceOfの周りは結構面白い動きなのではないかな? と思っています。
Githubにある資料ページ

f:id:christina_triceps:20200302005756p:plain

PlayFrameworkでフォーム調整と更新機能作成

本日の配信


Scala-Play ハンズオン作成part15~ CRUD(dbなし)のサンプル作ろうの巻7 ~

昨日は華金でのんびりしてしまいました。
今日は登録フォームの調整と、更新ページ作成を実施。
更新ページは登録とほぼ同じなので、コードメインでシンプルな内容にしました。

あとは削除を追加して、モデルやフォームオブジェクトを整理して、デザインを埋め込んで完了にしようかなと思います。
まだもうちょっとかかりそうですね。

本日の進捗と残タスク

進捗

  • フォーム調整完了
  • 更新ページ作成完了

フォームページ調整 - Commit Log
更新ページ作成 - Commit Log

残タスク

  • 削除機能
  • フォーム、モデルの切り出し
  • デザイン適用

まとめ

遊びたかったり、のんびりしたくなるのですが、この方式でやっていると「配信しなきゃ。作成しなくちゃ」となり、机に向かう時間がしっかり確保できています。
これは自分に向いているのかもしれないです

f:id:christina_triceps:20200301003252p:plain

Playでi18nのフォルダ変えつつメッセージ設定

本日の配信


Scala-Play ハンズオン作成part14 ~ CRUD(dbなし)のサンプル作ろうの巻6 ~

今日はPlayのi18n対応を行いました。
といってもvalidationメッセージへの対応くらいですけど。

通常conf直下に並ぶファイルを、自分で作成したフォルダに移動させる設定も一緒にやっています。
全部conf直下ってわかりづらいですからね。私は変えたくなります。そして初心者はこういうことをしてハマるのです。
私はドンばまりしました...

本日の進捗と残タスク

進捗

Commit Log

残タスク

  • 入力ヒントの制御
  • 更新処理
  • 削除処理

本日の反省

今日は開始時点で既にかなり眠く、作業しながらうつらうつらしちゃっていました
こういうときは早寝に限りますね

体を大事にしながらちゃんと頑張っていきたいところです

まとめ

今日は簡単な部分への対応でしたが、実は私が良くわかっていないところだったのでいい勉強になりました。
また設定ファイル系は設定可能項目をどうやって調べていいのかわからないので、辛いなと思いました
リファレンスがしっかりしてない場合ソース読むしかないし、ソース読んでもちょっとわからなかったりするし...

f:id:christina_triceps:20200228012132p:plain

Playでの登録処理サンプル一旦完成 ~ 身に宿せボイスチェンジャー ~

本日の配信


Scala-Play ハンズオン作成part13 ~ CRUD(dbなし)のサンプル作ろうの巻5 ~

昨日は体調不良で休んでいたのですが、今日は回復したので短めの時間ですが進めていきました。
一旦登録機能は作成できました。
ちょっとview周りで修正したい部分があるので、次回はその部分と更新機能に着手しようと思います。

本日の進捗と残タスク

進捗

  • 登録機能完成

Commit Log

残タスク

  • viewの調整と日本語対応
  • 更新処理の作成
  • 削除処理の作成

本日の反省

今日の反省は特になしですね。
比較的順調に進められたのではないでしょうか。

あ、一つあるとすると動画の中で紹介していたGitKrakenが正常動作しなくてネガキャンみたいになっちゃったところでしょうか。

GitKrakenって一度非公開にしてから公開にしたリポジトリを開くと、非公開だと勘違いされたままになってしまい永遠に開けないという不思議な動きがあるんですよね...
これどうやったら治るんでしょうね

まとめ

もうちょっとでひと段落。
毎回言ってる気がしますが、このペースだと2月中にギリギリ終わるのではないでしょうか。

あと一息、頑張れ私!! PS: 女声の練習始めました。ボイチェンは我が身に宿すスタイルでいきたいです

f:id:christina_triceps:20200227005318p:plain

PlayFrameworkで登録処理の実装 ~ 大体終わったけど、ちょっと残ってるよ ~

本日の配信


Scala-Play ハンズオン作成part12 ~ CRUD(dbなし)のサンプル作ろうの巻4 ~

今日は登録処理の実装をしていました
処理はすぐに実装できるんですが、ドキュメントにするのに一苦労です
なんだかんだで3時間もかかってしまいました

ちなみに登録処理も完成はしておらず、もうちょっとだけ続くのじゃ

本日の進捗と残タスク

進捗

  • 登録ページ表示
  • 登録処理の実装

登録ページ表示: Commit Log
[WIP] 登録処理: Commit Log

残タスク

  • 登録処理実装の説明
  • 画面表示の調整

エラーでないときにもフォームにヒントが出てしまっているので、ヒントの表示を消そうと思います。 また英語になっているので日本語で表示されるようにも対応した方がいいですかね

本日の反省

配信作業も板についたもので、もはや緊張もなければ気遣いもなしです
ほとんど喋ってないのではないでしょうか
このまま淡々と続けていきたい所存です

まとめ

ハンズオン資料ももうちょっとしたら、切りが良いところまでいけそうですね 一旦完成したら知り合いにレビューしてもらおうと思います どうなることやらです...

f:id:christina_triceps:20200224231226p:plain