記事一覧
自作アプリ作成記録24日目
変数名には気をつけること!フロントエンド(Vue.js)からバックエンド(Rails API)へユーザー登録した時に認証情報も併せて送るようにしたが、なぜかバックエンドでそれが受け入れられず・・・。
原因はバックエンド側の変数名とフロント側の変数名が一致しなかったから。Firebase_auth_railsのgemにあったセットアップは正しかったし、こちらの記事の内容も全く問題無かった(先人の方
自作アプリ作成記録23日目
今詰まっていることを備忘録と頭の整理も兼ねて言語化してみる。
【詰まっている内容】
・フロントエンドからRails APIにIdTokenをPOSTするも、Firebase Authへ認証手続きができていない。
【エラー内容】
Started POST "/v1/auth" for 127.0.0.1 at 2021-07-25 14:59:33 +0900Processing by Dev
自作アプリ作成記録22日目
めちゃめちゃ久々にメモがわりに日記。
ここ数週間、ずっとログインフォームについて頭を抱えてきた。Railsのgemを使えば認証サーバーみたいなものができるものかと思っていたが、どうもそうではなさそうな気がする(設定次第ではできるのかもわからんけどちょっとわからんかった・・・)
httpリクエストのレスポンスの中身を見たら全然違う・・・。Railsではユーザー情報が載っているけど、firebas
自作アプリ作成記録21日目
今日はちょっと調べたことをメモ
Ajax通信に関して・Fetch APIやAXIOS(ライブラリ)、jqueryなどいくつか選択肢がある。
・Fetch APIはモダンブラウザでの標準機能
・AXIOSはPromiseベースのhttpクライアントで実装は容易
・教材でもAXIOS使っていたし、これでいいかな。色々便利な機能も知らないだけで多そう。
・jsonで返ってくることも良い(パース
自作アプリ作成記録20日目
devise-token-authのドキュメントやQiitaなどの記事を参考にトークン発行機能とユーザーログイン成功まで実装してみる。
詰まったところその1devise-token-authだけgem installして使えばいいのかと思っていたけど、実はdeviseもinstallしないとうまく使えなかった。devise-token-authはおそらくだが、deviseのオプションみたいな位置
自作アプリ作成記録19日目
さてDeviceを使う前に、どうやって認証をしていけば良いかを改めて考えてみる。
まずは認証方式としてsession方式とtoken方式のどちらが良いかを決める。色々と記事を参考にさせてもらった。ちょっと古い記事もあったが、仕組みを理解するには問題ないかなと思う。
完全理解とは流石にいかないが、今回はToken方式で実装を進めていく。主な理由として、
・SPAを実装してみたいので、なるべく処
自作アプリ作成記録18日目
先日学習した動画教材を元に、フロントは教材で学習したものを使うとして、認証サーバをどうするかを考える。
教材そのままにやるなら、Firebaseを使うことになる。それはなんか工夫が足りない気がしてならない。できればRails APIサーバーに実装できないか考える。そこでDevice。公式ドキュメントだと初めてアプリ作成する場合や、 Railsを理解していない場合はDeviceを使うべきでは無いと
自作アプリ作成記録17日目
Vue.jsについて、この教材で約1ヶ月弱ぐらい基本を学ぶ。
Vue.jsとReactを比較するとVue.jsの方が取り扱いやすいみたいな書き込みを見るけど、絶対にそんなことはないなと思う。単純にJavaScriptがまだまだわかっていないだけなのかもしれないが・・・。
しかしこれでようやく必要なインデックスを頭に入れることはできた。
※決してVue.jsを理解できたわけでは無い。
あとはと
自作アプリ作成記録16日目
早くVue.jsを駆使して自作アプリ作成に進みたいと思い、公式ドキュメントを読み進む。本日はコンポーネントに関する基礎を学ぶ。
コンポーネントとは
・ブラウザに表示する部品
・親コンポーネントはデータを持つ?(Reactと一緒?)
・HTMLには何を表示したいかだけ記載する
・jsファイルでコンポーネントのデータの操作をする
公式ドキュメントにある例を元に、自分なりに文章で説明してみる。
自作アプリ作成記録15日目
手を動かして、自作アプリ作成を進めることにする。結局教材をやってもそれ以上学べることは無いし、自分が作成したいアプリの全てを網羅する教材など無い。そしてVue.jsを用いて作成。
Rails routingの設定。
Rails.application.routes.draw do get 'home', to: 'home#index' namespace :api, format: 'jso
自作アプリ作成記録14日目
Vue.jsの基礎を学ぶReactはムズイ、Vue.jsは簡単というネット界隈の意見をみて、上記の教材を元に触ってみた。
感触としては、確かにReactよりVue.jsの方が簡単な気がする。なぜか。
・JSXいらない
・vueファイル一つにHTML、CSS、Script全部詰め込んでコード書ける
・そもそもvue.jsはフレームワーク、Reactはライブラリだから当然と言えば当然のような気もす
自作アプリ作成記録14日目
少し間が空いてしまったが、記録入れ忘れ。毎日一つでも記録しておきたい・・・。
js-primerのTodoアプリ作成記事でアプリの作成自体は完了したけど、動きやコードの造りが全然理解できていないので、何度も読み返してわからない単語や忘れてしまった単語は調べ直して理解を進める。
ここで言っていたことを忘れるのは想定内だけど、書いてあることを理解しないままアプリ作成を進めても、結局どこかで使う場面
自作アプリ作成記録13日目
js-primerのtodoアプリ作成記事を読み進める。
「イベントとモデル」を読むもチンプンカンプンでよくわからない・・・。が、それは単に自分が各々の基礎文法を理解していなかったからに他ならなかった。
そもそも何でモデルを導入するか
→todoタスクがHTMLのDOM上にしか残らない
→これをモデル化することでオブジェクトとして捉え、idなどの識別子を付けてあげることで、管理もできる。タスク
自作アプリ作成記録12日目
js-primerでtodoアプリに作成するも意外と?HTMLがわかっていなかったことを反省。
export function escapeSpecialChars(str) { return str .replace(/&/g, "&") .replace(/</g, "<") .replace(/>/g, ">") .r
自作アプリ作成記録11日目
DOMというものがよくわからないまま進めていたので、ネットで調べて自分なりの理解をメモとして残しておく。
DOMとは正確な意味合いは違うかもだが、簡単に言えば、HTMLファイルの特定の部分に目印をつけて、その特定の部分に対してこういう処理をしたい!みたいなことをするための取り決め。
js-primerで作成してブラウザで表示した時のHTMLが以下。
ブラウザだとこんな感じ。
例えば兄弟姉妹
自作アプリ作成記録10日目
また昨日書き忘れていた・・・。継続することの難しさよ・・・。
JavaScript、特に非同期処理に関しては、おぼろげながら少しずつ理解できているように思う。あとはとにかくコード書いては動きを見て想定通りなのかどうかを見るフェーズではないかなと思う。
js-primerのTodoapp作成までやって、そこからReactの基本的なところを学習してようやく自作アプリ作成に挑めるかな・・・