[Golang/React]~MovieApp1: アプリ連携~

GolangとReactを使ってMovieアプリケーション(Webアプリ)を開発しています。これまでにそれぞれで実際に動くアプリケーションを実装できたので、本記事ではアプリケーション間での連携方法を中心に実装方法を紹介します。プログラミング者学者の方でも理解できるようにハンズオン形式で紹介しています。

[Golang]~MovieApp2: GoからPostgreSQLの処理を実装しよう!~

golangでMovieアプリケーションのバックエンド処理を実装します。今回は、PostgreSQLの導入と、DB処理の実装を行います。今回の処理は実務でも必ずといっていいほど要求されるスキルです。本来であればGORMなどを使うともっと楽なのですが、今回はselect文などSQL文を自分で書いてDBとやりとりします。

[Golang]~MovieApp1: ルーティング処理を実証しよう!~

go言語でMovieアプリケーションを開発します。今回は、ルーティングの処理を中心に実装しましょう。golangは海外では人気のプログラミング言語なのですが、日本ではまだまだ流行っていません。しかし、とても書きやすい言語なので必ず日本でも流行ると信じてGo言語の記事を書き続けています。

[Golang]~MovieApp: Dockerで開発環境を構築しよう!~

GolangでMovieアプリケーションを開発します。今回は、Goの開発環境構築をします。開発環境はDockerで構築しています。Dockerを使えるとさまざまなメリットがありますので、この機会にぜひ導入を検討されてはいかがでしょうか。また、Reactも使っているのモダンな開発経験が積めます。

[React]~MovieApp3: ~ルーティング処理(Advance)の実装~

ReactでMovieアプリケーションを開発します。今回は、React Routerの発展的な使い方を記事にしました。JavaScriptの数あるフレームワークの中でもReactは特に開発がしやすい印象を受けます。使いこなせればかなりインタラクティブなフロント画面が作成できるのではないかと。

[React]~MovieApp2: ~コンポーネント化とStateの実装~

ReactでMovieアプリケーションを開発します。今回は、コンポーネント化とStateの実装を行います。Reactは海外でも人気のJavaScriptのフレームワークです。初学者の方でも開発が行えるようにハンズオン形式で書いています。Dockerで環境構築しているので、開発環境も用意しやすいです。

[React]~MovieApp1: ~画面遷移の実装をしよう!~

ReactでMovieアプリケーションの開発を行います。今回は、React Routerを使って画面遷移処理を実装します。Reactは海外でも人気のあるJavaScriptのフレームワークです。初学者でも簡単に学べるようにハンズオン形式で解説しています。

[Swagger権限エラー]webbrowser: tried to open “http://localhost:XXXX/docs”, no screen found

Swaggerエラー集第二弾です。今回は、dockerからSwaggerDocumentを参照しようとして発生したエラーについて記事にしました。新しい技術を使うということはそれだけエラーに見舞われるということなのかもしれないですね。しかしそれを乗り越えてこそ、真のプログラマになれるのだと思います。

[React]~MovieApp: dockerで環境構築をしよう!~

ReactでMove Appを開発します。今回は、そのための環境構築編になります。開発環境はDockerで行います。DockerをマスターするとDevOpsエンジニアやクラウドアーキテクチャを目指すことも可能なので、積極的に使っていきましょう。

[Swagger権限エラー]dockerで権限のあるフォルダにアクセスしようとするとエラーになる件

[Golang/React]Movie App ハンズオン開発記録です!

GolangとReactでMovie Appを実装します。本記事はそのまとめです。Golang及びReactはとても相性の良いプログラミング言語でこの2つをセットに使われることが多い様です。ReactはJavaScriptのフレームワークなので先にJavaScriptを覚える必要があります。

[NextJS]~Checkout画面:ソースコードをまとめます!~

NextJS開発したソースコードのまとめです。NextJSは、JavaScriptのフレームワークです。React、VueJSなどが有名だと思いますが、NextJSは手軽に開発ができるライトな感じのフレームワークなので結構使いやすいと思います。小規模なアプリケーション開発ではこのフレームワークの導入も検討したいですね。

[NextJS]~Checkout画面: Checkout処理の実装~

NextJSで画面開発を行なっています。今回は、Checkoutの処理を実装します。NextJSはJavaScriptのフレームワークですが、私もあまり使ったことがありません。新しい技術を吸収するつもりでこの記事を書いています。初学者の方でも問題なく開発ができるようにハンズオン形式で紹介します。

[NextJS]~Checkout画面: テンプレートを作成しよう!~

NextJSで画面開発を行います。今回は、テンプレートを作成しましょう。NextJSはJavaScriptのフレームワークです。実は私もまだそれほど触ったことがなく、このフレームワークのメリット・デメリットがわかっていません。学習する過程でそれを知れたらなと思います。

[NextJS]~Checkout画面: NextJS環境を構築しよう!~

NextJSでCheckout画面の開発を行います。今回はそのための開発環境を準備しましょう。NextJSは私もあまり使ったことがないフレームワークですが、最近少しずつ人気が出てきている様ですね。Reactと違ってかなり簡潔に実装ができることが特徴で、プロジェクトに導入したいと思っている技術です。

[React]~Ambassador画面:ソースコードをまとめます!~

Ambassador画面のソースコードまとめです。Reactで画面開発を行なっています。ReactはJavaScriptのフレームワークで、海外でも人気があります。ここで学んだことは実務でも活かせると思うので、一緒に学んでいきましょう。Reactと一緒にGolangも学べるので初学者にとっても有意義だと思います。

[React]~Ambassador画面10:プロダクトの選択とLink生成機能の実装~

Reactで画面開発を行なっています。今回は、プロダクトの選択とLink生成機能の実装をします。ハンズオン形式で紹介しているので、初学者の方でも問題なくアプリ開発ができると思います。ReactはJavaScriptのフレームワークで、海外でも人気です。市場価値を上げたい方には必見です。

[初学者向け]Terraformを学ぼう5! ~Workspacesなど諸々 ~

Terraformの基礎を学習しましょう。Terraformはクラウド向けのプロビジョニングツールで、DevOpsエンジニアを目指すには必須のスキルになります。この記事では、初学者の方が問題なく学習できるようにハンズオン形式でTerraformの基礎を紹介します。

[初学者向け]Terraformを学ぼう5! ~Workspacesなど諸々 ~

[React]~Ambassador画面9:Lazy Loading機能の実装~

Reactで画面開発を行なっています。今回は、Lazy Loading機能を実装しましょう。Reactは海外でも大人気のJavaScriptのWebフレームワークです。本記事はハンズオン形式で開発を進めるため、プログラミング初学者の方でも問題なく開発ができると思います。

[小技/初心者向け]GolangでClosureを実装しよう~Sampleあり~!

Go言語でClosureの実装サンプルを紹介します。Go言語は海外では人気のプログラミング言語で、日本でも徐々にしようされる頻度が高くなってきました。しかし、まだまだJavaやPHP、Pythonには及びません。な・の・で、Go言語が日本で流行るようにガンガン記事にしていきたいと思います!

[React]~Ambassador画面8:ソート機能を実装しよう!~

Reactで画面開発を行なっています。今回は、ソート機能の実装を行いましょう。ハンズオン形式で紹介しているので、初学者の方でも問題なく開発ができます。ReactはJavaScriptのフレームワークで海外でも人気です。また、Dockerで開発をしているので、その点でもかなり有用な記事になっています。

[初学者向け]Terraformを学ぼう4! ~Variables ~

初学者向けにTerraformの使い方を紹介しています。今回は、Terraform内で利用できるVariables(変数)を中心に学習していきましょう。これをマスターすると効率的なコードが書けるようになります。変数の考え方はプログラミング共通なのですぐに慣れると思います。

[React]~Ambassador画面7:検索処理を実装しよう!~

Reactで画面開発を行なっています。今回は、検索機能を実装しましょう。Reactは海外でも人気のJavaScriptのWebフレームワークです。また、検索機能は実務でもよく実装する必須スキルなので、覚えておいて損はないと思います。ハンズオン形式で紹介しているので、初学者の方でも実装できます。

[React]~Ambassador画面6:Productページの実装~

Reactで画面開発を行います。今回は、Productページの実装をします。Reactは海外でも人気のあるJavaScriptのWebフレームワークです。プログラミング初学者の方でも開発ができるようにDocker上で環境構築をしています。市場価値の高いエンジニアを目指して学習しましょう!

[React]~Ambassador画面5:StatsとRankingの実装~

Reactで画面開発を行います。今回は、StatsとRankingを実装します。Reactは海外でも人気のあるJavaScriptのWebフレームワークです。初学者でも学習ができるようにハンズオン形式で紹介しているので、よかったら参考にしてください。

[React]~Ambassador画面4:ヘッダーコンポーネントの実装~

Reactで画面開発を行います。今回は、ヘッダーのコンポーネント作成を行います。Reactはシリコンバレーでも人気のあるJavaScriptのWebフレームワークです。ハンズオン形式で紹介していますので、初学者の方でも問題なく開発が行えると思います。

[React]~Ambassador画面3:ナビゲーションの実装~

reactで画面開発を行います。今回は、ナビゲーションを実装しましょう。Reactは日本でも海外でも人気のJavaScriptのフレームワークです。初級者でも開発できるようにハンズオン形式で紹介しています。Web系企業に就職したい方必見の内容になっています。

[初学者向け]Terraformを学ぼう3! ~Functions~

初学者向けにTerraformの基本的な使い方を記事にしています。今回は、Terraformに組み噛まれているFunctionsを数例紹介します。この記事を読めば、Terraformをより短に感じられる内容となっているので、ぜひご覧ください。

[React]~Ambassador画面2: Redux、ルーティング、ログイン、ユーザー処理を実装しよう!~

reactで画面開発を行なっています。今回は、admin画面実装時にも作成したログイン、登録、redux、ルーティングの処理を実装します。ハンズオン形式で紹介しているので、Web開発が初心者の方でも問題なく開発が進められる記事になっています。

[React]~Ambassador画面1: Top画面の作成~

Reactで画面開発を行います。今回は、Top画面を実装します。Reactはページ部品のコンポーネント化ができるので、効率的なプログラミングが行えるようになります。より効率的な書き方を学びたい学習者にとってとても参考になると思います。React自体は初学者でも簡単にわかるようにハンズオン形式での記事で書いています。

[React]~Ambassador画面: React環境構築~

Reactで画面開発を行います。今回は、Ambassador画面の環境構築編になります。

[React]~Admin画面:ソースコードまとめ~

ReactのAdmin画面のソースコードまとめです。

GitLab RunnerのパイプラインでDocker daemonに接続できない件

こんにちは。KOUKIです。 個人的に、GitLabを使ってパイプライン構築にチャレンジしています。 そこで、以下のエラーが発生して困った！という話をします。 GitLab: Cannot connect to the Docker daemon at tcp://docker:2375. Is the docker daemon running?. 何が起こったか 「.gitlab-ci.yml

[React]~Admin画面13:Reduxの導入~

Reactで画面開発を行なっています。今回は、Reduxの導入です。

[30代]第24回つみたてNISA資産運用報告(2021年7月度)

30代男のNISA資産運用報告です。今回で24回目、つまり資産運用してから2年が経過しました。早いものです。

[30代]第24回米国株投資運用報告(2021年7月度)

第24回、米国株投資運用報告をします。

JMeterの’Cannot allocate memory’ (errno=12)エラー解決

JMeterのJMeterの'Cannot allocate memory' (errno=12)エラー解決について記事にしました。

[React]~Admin画面12:Profileの実装~

Reactで画面開発を行います。今回は、Profileの実装を行いましょう。

Terraformを学ぼう2! ~コンテナの作成と情報の確認~

Terraformを学習します。今回は、コンテナの作成に加えてコンテナ情報を確認する方法を記述します。

Terraformを学ぼう2!

Terraformを学びましょう。

Terraform~記事まとめ~

Terraformの学習記録です。

Terraformを学ぼう1!

Terraformの基本を学びましょう。

[React]~Admin画面11:Orderページの実装~

Reactで画面開発をしています。今回は、Orderページの実装をします。