Vueの新バージョン、3.0のbeta版が出たらしいので、みんな大好きTODOリストを作って書き味を試してみようと思います。 なお、完成したコードはこちらにおいてあります。よければ参考にしてください。 https://github.com/yubachiri/vue3-todo-sample CLIのイ…

Javascriptを使ってフロントエンドで日付操作をする事って結構あると思いますが、Dateオブジェクトを使うとクセが強すぎて意図しない動きになったりしますよね。 最近会社のプロジェクトで日付操作をDateオブジェクトを使っていて悲鳴をあげてたんですが、da…

Expo + ReactNativeで認証機能の実装を試してみる。本当はTwitter認証を実装したいんだけど、公式の情報がFacebook認証だったので、まずはFacebook認証を実装する。 プロジェクトを準備 FirebaseとFacebook側の設定 認証機能を実装する プロジェクトを準備 …

概要 Heroku経由でS3にファイルアップロードする際、Herokuのリクエストタイムアウトは30秒に設定されているので、大容量ファイルをアップロードすると時間が足りずタイムアウトエラーとなってしまう。 そのため、Herokuで4MB以上のファイルをアップロードす…

バージョンとか 何を作るか セットアップする 不要なものを整理しておく GraphQLを入れる GitHubトークンを入手する Clientの作成 環境変数を設定する GraphQLを使ってアクセスしてみる クエリを書く 今じわじわとやりたい欲が高まっているGraphQLとReactで…

heroku pipeline is テスト環境と本番環境、どのように運用してますか？ herokuのpipelineを使うと以下のようなメリットがあります。 複数環境を１つのheroku画面で管理できる 環境の構築が容易 テストした環境をそのまま本番に昇格できる 昇格機能を使うこ…

JetBrains 製 の RubyMine という高機能エディタを使用する上で特に便利なショートカットをまとめました。 ※ macOS 版に対応したものとなります。 動作確認時のバージョン RubyMine 2020.1.1 Build #RM-201.7223.94, built on April 30, 2020 macOS 10.15.4 …

言語、ライブラリのバージョン Confirmableを使えるようにする viewとcontrollerをカスタマイズする 確認リンクを踏んだ先をpasswordの登録にする passwordを登録させる画面の作成 Routesを独自アクションに対応させる 認証ロジックを入れる How To: Overrid…

前回、Firestoreから取得したデータを3カラムレイアウトで表示するところまで実装できたので、今回は、一覧画面から詳細画面へ遷移する実装をしてみる。 Expo + ReactNative + Firestoreで取得したデータを3カラムレイアウトで表示する とりあえず画面遷移だ…

前回、Firestoreからデータを取得してとりあえずログに表示するところと、3カラムレイアウトを組むところを試したので、今回は取り出したデータを3カラムレイアウトで画像表示してみます。 Expo + React Native + Firestoreでデータを取得してみる Expo + Re…

最近熱い感があるNoCodeサービスを使って、webサービス開発にトライしたいなぁと思っていました。こんなサービスあったらいいなと思っても、ガッツリ作るのは腰が重かったり、既存サービスは課金しないと十分に使えなかったり…。NoCodeでサクッと作って、も…

deviseのHow To: Allow users to sign in with something other than their email address, emailアドレス以外でサインインを行う方法について翻訳しつつ実践していきます。 wiki 今回は公式wikiにあるように、usernameというfieldでサインインできるように…

最近よく「NoCode」ってキーワードを耳にすることが多く、mofmof inc.では新規事業のプロダクト開発を専門としているので、プロトタイプ開発に使えるのではないかと気になっていた。 どの程度のものを作れるのか、実際にいじって試してみる。 NoCodeのSaaS …

deviseのwikiにあるHow To: Change the default sign_in and sign_out routes を翻訳、実際に動かしてみる。 通常、deviseを実装した段階では、生成されるルーティングはdeviseがデフォルトで提供してくれるものになります。例えばuserモデルのログインなど…