TECH CAMP 57日目 オリジナルアプリへ

最終課題の追加実装の仕上げを少し。

JavaScriptを特定のページでだけイベント発火するようにしてたんだけど(コンソールエラーになるから)、追加実装で新しいページを作った関係で不具合が。

「newが含まれるURLではイベント発火」っていう風にしてたものが、他のものを追加したことで別のnewのページができて、そこからエラーに。

if文とgetElementByIdを使って、指定した要素が含まれるページでのみ発火させるようにしました。
というか最初からこうしとけって話だけど……。

その後、テーブルの中身を表示させるところで少し調整。
text型カラムの中身をそのまま表示させると改行が無視されてしまうんだけど、せっかくtext_fieldじゃなくtext_areaで入力させてるんだから改行もしっかり表示させたい!
ということでやり方をググりググり。

CSSにて、親要素にwhite-space: pre-line;を入れてあげることで解決しました。

すごく単純な話だった。
もっと早くやれば良かったのに。

ということで追加実装もあらかたやってきて、そろそろオリジナルアプリへ。

オリジナルアプリは、Qiitaの中学生版みたいな感じで、学校の5教科の勉強をアウトプットできるようなものを作ろうと思います。
購入機能とかは特に無いから楽なんだけど、投稿内容を文章だけじゃなくて色を変えたり画像を入れたりできるようにするにはどうすればいいのかまだわかってない……。

とりあえずdevise導入と、トップページ作成から。

リセットCSSだけはカリキュラムから拝借したけど、それ以外はゼロから作っていくつもりです。
最終課題はもともとHTMLとかCSSとか用意されてたから、自分の知らないところでクラス名が使われてたりとかいうのがあってごちゃごちゃになりやすかった!
今回は自分が分かりやすいようにやっていこうと思います。

あとせっかくなので、ちゃんとレスポンシブ対応デザインにしようと。
最終課題は見て見ぬ振りしてたから……。

今日はログイン機能、投稿機能、ユーザー詳細機能あたりを作れればと思います。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする