daihuku0729

性別：men 年齢：37 出来ること：ネットワーク(LAN)と無線LAN構築(設計は経…

daihuku0729

性別：men 年齢：37 出来ること：ネットワーク(LAN)と無線LAN構築(設計は経験しておらず) やりたいこと：コードを書くことが純粋に楽しい、これを軸に行きたいと思い、ジョブチェンジすべく孤軍奮闘中

自作アプリ作成記録24日目

変数名には気をつけること！フロントエンド(Vue.js)からバックエンド(Rails API)へユーザー登録した時に認証情報も併せて送るようにしたが、なぜかバックエンドでそれが受け入れられず・・・。 原因はバックエンド側の変数名とフロント側の変数名が一致しなかったから。Firebase_auth_railsのgemにあったセットアップは正しかったし、こちらの記事の内容も全く問題無かった(先人の方々には感謝) rails cでフロントからパラメータが届いているところまでは確

daihuku0729

    • 自作アプリ作成記録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 DeviseTokenAuth::RegistrationsController#cr

      daihuku0729

      • 自作アプリ作成記録22日目

        めちゃめちゃ久々にメモがわりに日記。 ここ数週間、ずっとログインフォームについて頭を抱えてきた。Railsのgemを使えば認証サーバーみたいなものができるものかと思っていたが、どうもそうではなさそうな気がする(設定次第ではできるのかもわからんけどちょっとわからんかった・・・) httpリクエストのレスポンスの中身を見たら全然違う・・・。Railsではユーザー情報が載っているけど、firebase Authenticationの方はアクセストークンだとかrefreshトーク

        daihuku0729

        • 自作アプリ作成記録21日目

          今日はちょっと調べたことをメモ Ajax通信に関して・Fetch APIやAXIOS(ライブラリ)、jqueryなどいくつか選択肢がある。 ・Fetch APIはモダンブラウザでの標準機能 ・AXIOSはPromiseベースのhttpクライアントで実装は容易 ・教材でもAXIOS使っていたし、これでいいかな。色々便利な機能も知らないだけで多そう。 ・jsonで返ってくることも良い(パース面倒そう) 他にも違いは多数あれど・・・。

          daihuku0729

        自作アプリ作成記録24日目

        daihuku0729

          自作アプリ作成記録20日目

          devise-token-authのドキュメントやQiitaなどの記事を参考にトークン発行機能とユーザーログイン成功まで実装してみる。 詰まったところその1devise-token-authだけgem installして使えばいいのかと思っていたけど、実はdeviseもinstallしないとうまく使えなかった。devise-token-authはおそらくだが、deviseのオプションみたいな位置付けのgemなんではないだろうか・・・。 詰まったところその2Vueのaxio

          daihuku0729

          自作アプリ作成記録20日目

          daihuku0729

          自作アプリ作成記録19日目

          さてDeviceを使う前に、どうやって認証をしていけば良いかを改めて考えてみる。 まずは認証方式としてsession方式とtoken方式のどちらが良いかを決める。色々と記事を参考にさせてもらった。ちょっと古い記事もあったが、仕組みを理解するには問題ないかなと思う。 完全理解とは流石にいかないが、今回はToken方式で実装を進めていく。主な理由として、 ・SPAを実装してみたいので、なるべく処理が重たくならないようにしたい。 ・Railsチュートリアルなどはsessio

          daihuku0729

          自作アプリ作成記録19日目

          daihuku0729

          自作アプリ作成記録18日目

          先日学習した動画教材を元に、フロントは教材で学習したものを使うとして、認証サーバをどうするかを考える。 教材そのままにやるなら、Firebaseを使うことになる。それはなんか工夫が足りない気がしてならない。できればRails APIサーバーに実装できないか考える。そこでDevice。公式ドキュメントだと初めてアプリ作成する場合や、 Railsを理解していない場合はDeviceを使うべきでは無いと記載がある。 確かにRailsを理解しているかと言われれば、まだそれは程遠いと

          daihuku0729

          自作アプリ作成記録18日目

          daihuku0729

          自作アプリ作成記録17日目

          Vue.jsについて、この教材で約1ヶ月弱ぐらい基本を学ぶ。 Vue.jsとReactを比較するとVue.jsの方が取り扱いやすいみたいな書き込みを見るけど、絶対にそんなことはないなと思う。単純にJavaScriptがまだまだわかっていないだけなのかもしれないが・・・。 しかしこれでようやく必要なインデックスを頭に入れることはできた。 ※決してVue.jsを理解できたわけでは無い。 あとはとにかく自分で試行錯誤して自作アプリを作ってみるだけだ〜

          daihuku0729

          自作アプリ作成記録17日目

          daihuku0729

          自作アプリ作成記録16日目

          早くVue.jsを駆使して自作アプリ作成に進みたいと思い、公式ドキュメントを読み進む。本日はコンポーネントに関する基礎を学ぶ。 コンポーネントとは ・ブラウザに表示する部品 ・親コンポーネントはデータを持つ？(Reactと一緒？) ・HTMLには何を表示したいかだけ記載する ・jsファイルでコンポーネントのデータの操作をする 公式ドキュメントにある例を元に、自分なりに文章で説明してみる。 HTMLファイル<div id="blog-post-demo">

          daihuku0729

          自作アプリ作成記録16日目

          daihuku0729

          自作アプリ作成記録15日目

          手を動かして、自作アプリ作成を進めることにする。結局教材をやってもそれ以上学べることは無いし、自分が作成したいアプリの全てを網羅する教材など無い。そしてVue.jsを用いて作成。 Rails routingの設定。 Rails.application.routes.draw do get 'home', to: 'home#index' namespace :api, format: 'json' do resources :tasks endend とりあえず教材

          daihuku0729

          自作アプリ作成記録15日目

          daihuku0729

          自作アプリ作成記録14日目

          Vue.jsの基礎を学ぶReactはムズイ、Vue.jsは簡単というネット界隈の意見をみて、上記の教材を元に触ってみた。 感触としては、確かにReactよりVue.jsの方が簡単な気がする。なぜか。 ・JSXいらない ・vueファイル一つにHTML、CSS、Script全部詰め込んでコード書ける ・そもそもvue.jsはフレームワーク、Reactはライブラリだから当然と言えば当然のような気もする もちろんReactをマスターできるとスキル的には良いんだろうけど、やはり難

          daihuku0729

          自作アプリ作成記録14日目

          daihuku0729

          自作アプリ作成記録14日目

          少し間が空いてしまったが、記録入れ忘れ。毎日一つでも記録しておきたい・・・。 js-primerのTodoアプリ作成記事でアプリの作成自体は完了したけど、動きやコードの造りが全然理解できていないので、何度も読み返してわからない単語や忘れてしまった単語は調べ直して理解を進める。 ここで言っていたことを忘れるのは想定内だけど、書いてあることを理解しないままアプリ作成を進めても、結局どこかで使う場面でこれ理解して無いなとなると手戻りが発生してしまうので、ここはグッと我慢。

          daihuku0729

          自作アプリ作成記録14日目

          daihuku0729

          自作アプリ作成記録13日目

          js-primerのtodoアプリ作成記事を読み進める。 「イベントとモデル」を読むもチンプンカンプンでよくわからない・・・。が、それは単に自分が各々の基礎文法を理解していなかったからに他ならなかった。 そもそも何でモデルを導入するか →todoタスクがHTMLのDOM上にしか残らない →これをモデル化することでオブジェクトとして捉え、idなどの識別子を付けてあげることで、管理もできる。タスク名を修正したり、削除したり。 当たり前だけど、なぜそれを導入するのか(大体本文

          daihuku0729

          自作アプリ作成記録13日目

          daihuku0729

          自作アプリ作成記録12日目

          js-primerでtodoアプリに作成するも意外と？HTMLがわかっていなかったことを反省。 export function escapeSpecialChars(str) { return str .replace(/&/g, "&amp;") .replace(/</g, "&lt;") .replace(/>/g, "&gt;") .replace(/"/g, """) .replace(/'/g, "

          daihuku0729

          自作アプリ作成記録12日目

          daihuku0729

          自作アプリ作成記録11日目

          DOMというものがよくわからないまま進めていたので、ネットで調べて自分なりの理解をメモとして残しておく。 DOMとは正確な意味合いは違うかもだが、簡単に言えば、HTMLファイルの特定の部分に目印をつけて、その特定の部分に対してこういう処理をしたい！みたいなことをするための取り決め。 js-primerで作成してブラウザで表示した時のHTMLが以下。 ブラウザだとこんな感じ。 例えば兄弟姉妹ノードの文字色を赤色に変更してみたい場合は以下のようなコードを書く。 chan

          daihuku0729

          自作アプリ作成記録11日目

          daihuku0729

          自作アプリ作成記録10日目

          また昨日書き忘れていた・・・。継続することの難しさよ・・・。 JavaScript、特に非同期処理に関しては、おぼろげながら少しずつ理解できているように思う。あとはとにかくコード書いては動きを見て想定通りなのかどうかを見るフェーズではないかなと思う。 js-primerのTodoapp作成までやって、そこからReactの基本的なところを学習してようやく自作アプリ作成に挑めるかな・・・

          daihuku0729

          自作アプリ作成記録10日目

          daihuku0729