記事一覧
スマホの利用を制限するデジタルデトックスiOSアプリ「時もち」をまず日本国内向けにリリースしました！
「時もち」はスマホの利用を自主的にブロックして自分の時間を大切にするためのアプリ追記: 使い方の動画を撮ったのでまずはこちらをご確認ください！
時もちの基本的な機能はシンプルで、以下の通りです。
利用を制限したいアプリを選ぶ
クイックブロック or 「毎日」または「曜日」と時間帯を決めて利用を制限
利用制限中に解除したい場合は100円寄付
ブロック解除さえしなければ完全無料
アプリはこ
FlutterにおけるState management
以下二つの記事の続きです。
今回はFlutterにおけるState managementについて書いていきます。
大体はここに書いてある内容を自分の勉強も兼ねてまとめていきます。
ソースコードはこちら。
2つの State
- Ephemeral (束の間の、はかない) state
例: 選択されたタブ、現在開いているページ、など
この Ephemeral State は複雑に変化しな
FlutterのHello World
以下のページにしたがってFirst Appを書いていきます。
とりあえずwebのサポートを有効化するために以下のコマンドを打っておきます。
$ flutter channel beta$ flutter upgrade$ flutter config --enable-web
Appを作ります。
$ cd ~/workspace$ mkdir flutter$ cd flutter$ fl
Flutter導入編
今までSwiftやJava/Kotlinでまともにネイティブアプリを書いたことがなく、今からやるとしたら省力そうなクロスプラットフォームかなと思い、
最初はReact Nativeを使おうかと思ったのですが、最近Flutterが熱いみたいなのでとりあえず使ってみます。
何はともあれまずは導入です。以下のページに従いながらいきます。OSは macOS Catalina 10.15.3 です。
Nuxt, Auth0, Spring Boot で認証付きSPA メモ
とりあえず Auth0 の認証部分を手元で試してみたかった。OAuth2のフローの中で、認可コードなりトークンなりを発行したあとの callback url をバックエンドのAPIにしてなんらかの処理をした上でフロントにリダイレクトしてみたかった。
(普通は、callback url はフロント側になっていて、裏でバックエンドを叩いてなんらかの処理をしている間は「ログイン中」みたいなページを表示
React公式チュートリアルをTypeScriptでやる
TL; DR (Too long didn't read, 要約)・Reactの公式チュートリアル を TypeScript を使って実装
・ソースコード
構築今回は TypeScript を使うため、公式チュートリアルにある以下のコマンドではなく、
$ npx create-react-app my-app
Create React App 公式 にあるコマンドを使ってプロジェクトを生成
![Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 5/5 - ユーザ認証の追加]](https://assets.st-note.com/production/uploads/images/11459574/rectangle_large_type_2_277b2dea6ea3f6dd019ca68b9527c24e.png?width=800)
Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 5/5 - ユーザ認証の追加]
概要Nuxt×TypeScriptでTodoListを実装し、Firebase Hostingにデプロイするチュートリアルです。簡単なCRUD(Create, Read, Update, Delete)アプリを作成することで、NuxtとTypeScriptの概要を掴んでもらうことが目的です。
これまでの完成物は下記です。(サイトはしばらくしたら消すと思います。)
本Part5では、Fireba
![Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 4/5 - Firebase Hostingにデプロイ]](https://assets.st-note.com/production/uploads/images/11412931/rectangle_large_type_2_12358d6551822f79093ff9b3c2b3e1b9.png?width=800)
Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 4/5 - Firebase Hostingにデプロイ]
概要
Nuxt×TypeScriptでTodoListを実装し、Firebase Hostingにデプロイするチュートリアルです。簡単なCRUD(Create, Read, Update, Delete)アプリを作成することで、NuxtとTypeScriptの概要を掴んでもらうことが目的です。
Part3までに、下記のようなTodoListアプリを実装しました。
ソースコードは下記です。
本
![Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 3/5 - Bulmaを使ってデザインを整える]](https://assets.st-note.com/production/uploads/images/11412145/rectangle_large_type_2_4bf8a935fd3c06bcfb0723d9076a4d14.png?width=800)
Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 3/5 - Bulmaを使ってデザインを整える]
概要Nuxt×TypeScriptでTodoListを実装し、Firebase Hostingにデプロイするチュートリアルです。簡単なCRUD(Create, Read, Update, Delete)アプリを作成することで、NuxtとTypeScriptの概要を掴んでもらうことが目的です。
Part2までに、環境構築とTodoListの実装を行いました。このPart3では、BulmaというCS
![Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 2/5 - TodoListを実装]](https://assets.st-note.com/production/uploads/images/11314608/rectangle_large_type_2_e12555978511618edb4c0b30d07e641e.png?width=800)
Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 2/5 - TodoListを実装]
概要
Nuxt×TypeScriptでTodoListを実装し、Firebase Hostingにデプロイするチュートリアルです。簡単なCRUD(Create, Read, Update, Delete)アプリを作成することで、NuxtとTypeScriptの概要を掴んでもらうことが目的です。
Part1では「環境構築とHelloWorldの表示」までを行いました。このPart2では、TodoL
![Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 1/5 - 環境構築とHelloWorld]](https://assets.st-note.com/production/uploads/images/11314601/rectangle_large_type_2_7705630fe8b9094d647ca5d4394be4f0.png?width=800)
Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 1/5 - 環境構築とHelloWorld]
概要Nuxt×TypeScriptでTodoListを実装し、Firebase Hostingにデプロイするチュートリアルです。簡単なCRUD(Create, Read, Update, Delete)アプリを作成することで、NuxtとTypeScriptの概要を掴むことが目的です。
CRUDは全ての基本で、ここをきちんと理解すればどんなモノでも作れるようになると言っても過言ではないと思っていま
Google App Engine に Go アプリをデプロイする際のチートシート
概要Google App Engine に Golang のアプリをデプロイする際に使うコマンドとかを確認用にまとめます。チートシート的な使い方をイメージしてます。
cloud SDK のアップデート
$ gcloud components update
プロジェクトの作成
$ gcloud projects create [プロジェクトID] --set-as-default
プロジェ
Google Cloud SDKのインストール (Mac)
概要Google Cloud SDKをMacにインストールする手順を示します。MacにPython2系を入れるところからやります。下記が公式の説明です。
1. Pythonのバージョン確認 (ここで Python 2.7.9 以降の Python 2 であれば2はスキップでOKです。)
$ python -VPython 3.6.4
2. pyenvでPython2.7.10のインストール