20210102_アウトプット(オリジナルアプリ・画像プレビュー機能)

アウトプット画像

今日行ったこと 7時間15分

  • PHP(プロゲート) 15分

  • オリジナルアプリ(ランディングページの実装) 4時間15分 
    👉全然うまくいかない。

  • 画像プレビュー機能 2時間45分
    👉フォークを知る・GitHubイシューの作成。



PHP(プロゲート)について

  • for文を使って繰り返し処理をしたい場合には、
for ($i = 1; $i <= 100; $i++){
 echo $i;
}

# 結果は1〜100までの数値が出力される。

と理解。

JavaScriptのループ処理に似ていると思った。



オリジナルアプリ(ランディングページの実装)

結論:うまくいっていない。

  • 昨日に引き続きMaterializeで、ログイン前のページを作りたかったが、cssJavaScriptが全然あたらない。

  • 読み込みがうまくいっていないのか、必要な環境構築ができていないのか、ネットやYoutubeを漁っているが「これだ!」という解決策に出会えず、わからない。

  • 調ベてみるとRails6からWebpackerが入っているので環境構築の部分よりは読み込みが上手くいっていない気がする。

  • エラーが出たまま先に進んでも、エラーが原因で起きたエラーなのか、それとも別なのかわからなくなるため、ログとにらめっこ状態だった。

  • 明日につなげようと、HTMLの文章だけ仕上げて終わりにした。



画像プレビュー機能

  • オリジナルアプリ全然上手くいかないので、気分転換しようとミニアプリ開始。

  • しかしGitHubにあげようとしたら「fork」の警告が出てきて動揺。(今までのミニアプリは「Rails new」で新規作成だった。今回は「git clone」だった。)

  • GitHubのエラーメッセージ、画像で出てきてしまうので、翻訳しづらい。😭オリジナルアプリだけじゃなくて、こっちもスムーズにいかないのか〜と悔しかった(;0;)

  • 元データを壊してしまわないか怖かった。

  • 調べたところ、元々フォークの目的自体は、「本家への貢献」(こうじゃない?と提案するためにあるもの)だと理解。またいつものようにmasterからブランチを切って作業する方法の他に、あえてフォークでアプリを作っていく手段もあるのかと知った。

絵が上手でとてもわかりやすかったサイト。

zukulog098r.com



感想

  • (少しずつだけど)Ruby以外の言語を勉強を始めてみて、一つの言語極めると他の言語にも対応しやすくなるという意味がなんとなくわかった気がした。

  • 今のレベル感としては「あーこれやったなあ」って出てくるけれど、何も見ないで書くのは難しい。

  • 「これは任せてください!」の言語(あるいはフレームワーク)の技術を一つは身に付けたい!(頑張ろう!)

  • 悲しいくらいオリジナルアプリ進まなかった。そして、カリキュラムのミニアプリを作っていてもそっちが気になって集中できず。悔しいなあ。

  • 自分にはcssフレームワークレベル難しかったのかな、でもなんか悔しいからもうちょっとやりたい。

  • 今日はモヤモヤ&あまり集中できなかった。なので、YouTube見ながら、筋トレとヨガをした☺️ 詰まったときの、運動はいい!!



覚書(12/29計画の見直し)

(1)やるべきこと (2)やりたいこと (3)やれること

(1)やるべきこと

  • 卒業要件の完成

(2)やりたいこと

(3)やれること

メンタル:楽しみながら、ゲーム感覚でいく🎮😎

時間で区切り(達成すればよし)
  • PHP 一日15分以上

  • オリジナルアプリ 1日1時間以上

追加実装のミニアプリを作り、引き出しを増やす
優先順位 内容(機能) 締め切り 達成度
1 AWS S3 12/18 完了(フリマアプリ)に実装)
2 AWS EC2 12/24 完了(フリマアプリに実装)
3 ウィザード形式 12/27 完了
4 SNS認証 12/28 完了
5 複数条件検索 12/29 完了
6 タグ付 12/31 完了
7 画像プレビュー 1/2
8 複数枚写真OK 1/4
9 コメント機能(即時更新) 1/8
10 クレカ登録 1/10
11 パンくず 1/14
12 日本語エラー 1/18



身に付ける力(直近)

  • PHP7

  • Docker


身に付ける力(ゆくゆく・覚書)

  • ドメイン駆動開発

  • 環境構築

  • 環境変数などのOS知識

  • バージョン対応力

  • データベースをインポートする力・エクスポートする

  • GitHubActions×OpenAPIGenerator(APICilent)