blog.tawa.me

東京から福岡移住したWeb開発の人が発信していくブログ

Web開発

Web開発に関する記事です

NotionがヘッドレスCMSになる!ZEIT製のNext.jsベースのテンプレートはお手軽にブログ・メディアを始められるツールになりそう

こんにちは、たわです。今回はZEITがNext.jsベースでNotionのデータをもとに静的ページを生成するテンプレートを発表したのでそのことについてです。 Excited to share our long-awaited Next.js + Notion statically-generated blog example with the same …

CodePipeline + ECRを使ってDockerイメージをElastic Beanstalkに自動デプロイできるようにした話【CI/CD】

こんにちは、たわです。AWSでElastic Beastalkでワークフローを整理したのでその時のメモです。 ゴールとしては、 GitHubで変更をプッシュしたら 自動でDockerイメージがビルドされ Amazon ECR上にプッシュされて それがElastic Beastalk上にデプロイされる …

marp-cliを使ってスライドをmarkdownから作成してウェブ上に公開するまで。プレゼン作成を効率化。

こんにちは、たわです。今回はmarkdownからスライドを作成し、それを自分でスライド用のウェブサイトとして公開するまでの話です。 スライド共有というと、 Share and Discover Knowledge on LinkedIn SlideShare Speaker Deck - Share Presentations withou…

AWS CodeBuildを使ってAmazon ECRへDockerイメージを自動プッシュする

こんにちは、たわです。今回は技術メモです。 今、Kubernetesを使った環境を構築するためにまずDockerイメージが自動でビルドされてPrivate Registryにプッシュされる状態を整えています。 今回は、AWSを使うのでAWS CodeBuildとAmazon ECRを使ってDockerイ…

退職後の公的手続きをスムーズにするために準備しておくこと〜年金・健康保険・失業保険〜

こんにちは、たわです。会社から退職するのも2回目でいよいよ慣れたものです。 仕事を辞めるとなると公的な手続きが付いて回るのでなかなかに骨が折れます。 退職してもすぐに次の会社に就職する場合はあまり問題ありませんが、しばらく仕事をしない期間を作…

0x Meshの開発環境を整える方法をメモしました

0x Meshというネットワークがβ版から正式版にそろそろなるということで使ってみました。 公式ドキュメントでは明記されておらずハマったところがあったので簡単に整理してメモしておきます。 0x Meshとは 0x 0x Mesh 開発環境を整える 全体像 Ethereumのノー…

【2019年版】文系・未経験からエンジニア転職を目指す人が読むべき10冊の書籍

こんにちは、たわです! 僕は2年前にWebエンジニアに転職しました。 転職活動中や初心者エンジニアに役立つ!と思う本をまとめていきます。 ITの知識 イメージ&クレバー方式でよくわかる 栢木先生の基本情報技術者教室 Webを支える技術 -HTTP、URI、HTML、そ…

未経験からWebエンジニアに転職してよかったことをまとめます【実体験】

こんにちは、たわです。 僕は2年前にエンジニアに転職しました。エンジニアに転職したときの話は以下の記事をご覧ください。 【2019年版】未経験からWebエンジニアになるための学習方法をSTEPごとに解説 - たわとあすかのスクラップ 【実体験】僕が未経験か…

エンジニアの僕がMacを購入したらまず最初にインストールするアプリを紹介していきます

こんにちは、たわです! 今回は、エンジニアの僕がMacに最初にインストールするアプリの紹介です。他にも入れるものはたくさんありますが、エンジニアとして使うものに限って一覧にしてきます! エンジニアがどういったツールを使っているのか、少しでも参考…

【2019年版】未経験からWebエンジニアになるための学習方法をSTEPごとに解説

こんにちは、たわです! 僕は2年前にエンジニアに転職しました。その時の経験や2年間エンジニアとして働いた経験を踏まえて考えた、「エンジニア転職やっておくべきこと」を解説します。 2年前に実際にやったことはこちらに書いています! 【実体験】僕が未…

【実体験】僕が未経験からWebエンジニアに3ヶ月で転職したときに勉強したことをまとめます

こんにちは、たわです。 僕は2年前に、経営コンサルタントからWeb系のエンジニアに転職しました。 同じくWeb系のエンジニアを目指して勉強・転職中の方が多くいるとのことだったので、自分の経験をまとめてみます。 このまとめを通して、 どんな風に勉強すれ…

【Kubernetes】GKE上に配置したアプリケーションにHTTPSでアクセスできるようにする

今回自分のただのサイトをFirebaseからGKEに移してみました。(移す前はこの状態) blog.tawa.me blog.tawa.me 最近Dockerを使っていたのでプライベートでも使いたかったのと、毎回デプロイ先を考えるのが面倒だったので、GKEに上げてしまえばすべて解決なの…

Goで複数アプリケーション(メインアプリケーションとサイドカー)の開発環境を作ってみた

1つのプロジェクトで複数のGoアプリケーションをビルドするときの開発環境を自分なりに整えてみた。 手間は減ったにせよ、ホットリロードとかはできていないので、改善できそうなら教えて欲しい。 メインアプリケーションとサイドカー フォルダ構成 両アプリ…

zplugとpreztoを入れたときのメモ

元々oh-my-zshを使っていたのだけれど、家と職場のmacの設定を揃えるときに、せっかくならとzplugに乗り換えたのでその時のメモ。 zshをデフォルトにする 元々zshを使っていなかったマシンの場合、bashがデフォルトで使われて正常に動作しなくてちょっとハマ…

Serverless Next.jsをFirebaseに置いたときのメモ

Next.jsのv8からサーバーレス向けのビルドができるようになった。 Next.jsのビルド自体はインストラクション通りやればできるのだが、それをデプロイするときにちょっとハマったのでそれを簡単にメモしておく。 デプロイ先は使い慣れたFirebaseを使った。 自…

Expo.ioで開発したアプリをAppleに審査提出する方法

React Native(Expo.io)を使ってiOSアプリを開発して公開したので審査提出方法を簡単にまとめる。 スタンドアローンアプリをビルドする 1. Expo CLIでアカウントにログイン expo login 2. アプリをビルド app.jsonを整理 ここを参照すればよさそう。 https:…

【React Native】Expo.ioで環境変数を設定する

ExpoでReact Native開発をするときの環境変数の設定の仕方。 環境別の変数の設定 自分は以下のようにして出し分けた。 const ENVs = { dev: { // 開発環境の変数 environment: "dev", baseApiUrl: "http://localhost:3000", }, staging: { // ステージング環…

ReactとFirebase Hostingで雑に自分のサイトを作ってみた

ちょっと前にReactとFirebase Hostingで雑に自分のサイトを作ってみたのでそのことをメモしておく。 自分のサイトを作った経緯 自分のプロフィール的なページが欲しかった 自分の開発を雑に出す場所が欲しかった 作ったサイト 技術構成 React コマンド一発で…

挫折したことのあるプログラミング初心者こそUdemyを使って勉強してほしい

プログラミングが面白そうだから勉強してみようかな! エンジニアに転職にしたいからプログラミングを学びたい! と思って分厚い本を買ってやってみたけど、いまいちわからない人や書いてあるとおりに動かなくて諦めてしまったという人も多いはず。 しかしそ…

未経験からWebエンジニアへの転職を成功させるために最低限やっておきたい3つのこと

VRやらAIといったバズワードが巷を賑わし、そんな言葉を聞かない日がない。 さらに過酷な労働環境が問題視されるようになった反動からか、リモートワークやフリーランスといった働き方の多様性にも関心が向いている。 そんな昨今、エンジニアという職種に注…

Ruby on RailsのActive StorageをAPI モードで使うなら絶対検討すべきこと

Ruby on Rails の 5.2 から標準で入った Active Storage。 Rails 5.2 が公式リリースされる前から本番登用していたので、 使い始めてからそろそろ使用してから1年が経つ。 現在仕事で関わっているサービスでは Rails は APIサーバーとして運用しているが、 …

Reactでウェブとアプリを最速で開発する方法を模索した話

とある勉強会で話した内容を、整理してまとめてみる。 ウェブとアプリを両方いい感じに作れるクロスプラットフォーム開発を実現することができれば、 PMFをスピーディに探れるエンジニアリング組織ができると思い技術検証をしてみた。 ウェブとアプリの両方…