とし

東京で働くソフトウェアエンジニアです。 業務では主に Java と Spring Bo…

とし

東京で働くソフトウェアエンジニアです。 業務では主に Java と Spring Boot でバックエンドを書いています。 プライベートではたまにRustで競プロやったり、最近はフロントエンドも書いたりしています。 保有資格 → 応用情報、TOEIC935点

マガジン

  • Flutter

  • react-redux-ts-tutorial

  • nuxt-typescript-tutorial

最近の記事

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$ flutter create startup_namer$ cd startup_n

      • Flutter導入編

        今までSwiftやJava/Kotlinでまともにネイティブアプリを書いたことがなく、今からやるとしたら省力そうなクロスプラットフォームかなと思い、 最初はReact Nativeを使おうかと思ったのですが、最近Flutterが熱いみたいなのでとりあえず使ってみます。 何はともあれまずは導入です。以下のページに従いながらいきます。OSは macOS Catalina 10.15.3 です。 $ cd ~/Applications$ git clone https://g

        • Nuxt, Auth0, Spring Boot で認証付きSPA メモ

          とりあえず Auth0 の認証部分を手元で試してみたかった。OAuth2のフローの中で、認可コードなりトークンなりを発行したあとの callback url をバックエンドのAPIにしてなんらかの処理をした上でフロントにリダイレクトしてみたかった。 (普通は、callback url はフロント側になっていて、裏でバックエンドを叩いてなんらかの処理をしている間は「ログイン中」みたいなページを表示すると思う。) WebApp-pageA -> Auth0(login) ->

        FlutterにおけるState management

        マガジン

        • Flutter
          3本
        • react-redux-ts-tutorial
          1本
        • nuxt-typescript-tutorial
          5本

        記事

          React公式チュートリアルをTypeScriptでやる

          TL; DR (Too long didn't read, 要約)・Reactの公式チュートリアル を TypeScript を使って実装 ・ソースコード 構築今回は TypeScript を使うため、公式チュートリアルにある以下のコマンドではなく、 $ npx create-react-app my-app Create React App 公式 にあるコマンドを使ってプロジェクトを生成します。ついでに、TypeScriptで用いる「型」関連のライブラリをインストー

          React公式チュートリアルをTypeScriptでやる

          dotfilesでターミナル環境を一瞬で整える

          概要ITエンジニアであればターミナルに触れない日はないでしょう。僕の観測範囲内では、強いエンジニアでターミナル環境を整えていない人はいません。こういう基本的な所から効率化を怠らない姿勢が大事なんだと思います。 そんな真面目な理由は置いておいておくとしても、シンプルに、ターミナルはカッコいい方がいいですよね。 この記事では、shellやvimの環境をどの環境でも数コマンドで整えることができるようにするための、dotfilesを作っていきます。.zshrc、.vimrc など

          dotfilesでターミナル環境を一瞬で整える

          Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 5/5 - ユーザ認証の追加]

          概要Nuxt×TypeScriptでTodoListを実装し、Firebase Hostingにデプロイするチュートリアルです。簡単なCRUD(Create, Read, Update, Delete)アプリを作成することで、NuxtとTypeScriptの概要を掴んでもらうことが目的です。 これまでの完成物は下記です。(サイトはしばらくしたら消すと思います。) 本Part5では、Firebase Auth を用いてユーザ認証機能を追加します。一旦、一番簡単なGoogle

          Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 5/5 - ユーザ認証の追加]

          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アプリを実装しました。 ソースコードは下記です。 本Part4では、Firebase Hostingへのデプロイを行います。 と言

          Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 4/5 - Firebase Hostingにデプロイ]

          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というCSSフレームワークを使ってデザインを整えていきます。 上がPart2までの完成物

          Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 3/5 - Bulmaを使ってデザインを整える]

          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では、TodoListを実装していきます。この Part が最重要です!! このチュートリアル

          Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 2/5 - TodoListを実装]

          Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 1/5 - 環境構築とHelloWorld]

          概要Nuxt×TypeScriptでTodoListを実装し、Firebase Hostingにデプロイするチュートリアルです。簡単なCRUD(Create, Read, Update, Delete)アプリを作成することで、NuxtとTypeScriptの概要を掴むことが目的です。 CRUDは全ての基本で、ここをきちんと理解すればどんなモノでも作れるようになると言っても過言ではないと思っています。見様見真似で写経するだけで、初心者が簡単なWebサービスのフロントを開発でき

          Nuxt × TypeScript でTodoListとユーザ認証を実装してFirebase Hostingにデプロイ [Tutorial - Part 1/5 - 環境構築とHelloWorld]

          Google App Engine に Go アプリをデプロイする際のチートシート

          概要Google App Engine に Golang のアプリをデプロイする際に使うコマンドとかを確認用にまとめます。チートシート的な使い方をイメージしてます。 cloud SDK のアップデート $ gcloud components update プロジェクトの作成 $ gcloud projects create [プロジェクトID] --set-as-default プロジェクトのデフォルト切り替え $ gcloud config set projec

          Google App Engine に Go アプリをデプロイする際のチートシート

          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のインストール (pyenvがなければこの前に brew install pyenv) $ p

          Google Cloud SDKのインストール (Mac)