ふるてつのぶろぐ

福岡在住のエンジニアです。

写真提供:福岡市

今夜は社内AWSもくもく会2 - WordPressその2

AWS

今日すること こんにちはふるてつです。 今回のテーマは前回のテーマ「WordPressを使ったブログサイトの構築」の続きです。 前回作成したWordPressを入れたEC2を、まず複製して2台構成にし、そのあとELBを追加、HTTPS通信にするという感じになります。 AMIの…

今度は客先でコンテナ勉強会

今日すること こんにちはふるてつです。 最近客先にて勉強会がスタートしまして、Dockerを勉強することになりました。 備忘録として勉強した内容や使用したコマンドなどを公開できる範囲で書いていきたいと思います。 まずは入門ということでこちらのサイト…

今夜は社内AWSもくもく会2 - シーズン2

AWS

今日すること こんにちはふるてつです。 久しぶりに社内AWSもくもく会のことを書きます。 社内AWSもくもく会自体は継続していたのですが、わたしのアカウントの無料利用枠が尽きてしまい、 ブログ書きのみしばらくお休みしていました。 今回新たにもう1つア…

Angular8 で Web アプリを作ろう - 基本に立返ってマスタメンテ画面

今日すること こんにちは、ふるてつです。 わたし的にMaterialの使い方にだいぶ慣れてきました。 そこでいったん基本に返りたいと思い、簡単なマスタメンテ画面を作ってみました。 今日はその作業について書きます。 会社マスタ 比較的軽そうな会社マスタメ…

Angular8 で Web アプリを作ろう - 今日からAngular8 - ng update

今日すること こんにちは、ふるてつです。 わたしも遅ればせながらもAngularのバージョンを 8 に上げました。 今日はその作業について書きます。 いまのバージョンとアップデート作業の確認 まずは自分の環境を確認します。 ng --version わたしの環境のCLI…

Angular7 で Web アプリを作ろう - Material PagenatorとTableでサーバサイドページング

今日すること こんにちは、ふるてつです。 今回はAngular MaterialのPagenatorとTableを組合わせてサーバサイドページングをおこなってみました。 Pagenator関連のリファレンス Materialのリファレンスでサーバーサイドページングについては「Table」の「EXA…

今夜は社内AWSもくもく会 - 無料利用枠超え

AWS

今日すること こんにちはふるてつです。 今回は社内 AWS もくもく会の内容です。 とはいえ今日AWSから下記のようなメールが来ました。 どうやら利用無料枠の85%以上を使ってしまったようです。 というわけでどの辺の理由で超えたのかを確認したいと思います…

Angular7 で Web アプリを作ろう - Material Icon

今日すること こんにちは、ふるてつです。 今回のテーマもAngular Materialですが、今日はあまり多くありません。 以前、Angular Materialを Install したときに、Material Iconのところを実施せずに飛ばしていました。 今日は立ち帰ってMaterial Iconのイン…

Angular7 で Web アプリを作ろう - mat-menu

今日すること こんにちは、ふるてつです。 今回のテーマもAngular Materialで、<mat-menu>のお話です。 以前わたしがbootstrapで作っていたメニューと同じものをmaterialで作ろうと思います。 メニューは上記のような感じです(緑色の部分です) mat-menu関連のリファ</mat-menu>…

Angular7 で Web アプリを作ろう - mat-datepicker 年月のみ版

今日すること こんにちは、ふるてつです。 今回もAngular Materialです。 mat-datepickerで年月のみのカレンダーを表示する方法について書きました。 mat-datepickerのリファレンスについて 年月だけの「datepicker」の作り方は「datepicker」のリファレンス…

topcoderの過去問 - ABC

今日すること こんにちはふるてつです。 今日は Topcoder の過去問です。 問題について 今日の問題は ABC。 引数で数 N と数 K が与えられます。 もとめる文字列は "A"、"B"、"C" 3 種の文字を組合わせて作ります。 引数 N は文字列の桁数です。 引数 K はそ…

Angular7 で Web アプリを作ろう - sidenav

今日すること こんにちは、ふるてつです。 残念ながらGW10連休はあっというまに終わりました。 今回のテーマもAngular Materialで、sidenavの使い方について少し書きたいと思います。 navigation関連のリファレンスについて リファレンスではnavigation関連…

Angular7 で Web アプリを作ろう - Angular Material

今日すること こんにちは、ふるてつです。 GWも中盤です。 今回のテーマもAngular Materialにしました。 Angular Materialを使い始めたので、リファレンスを交えて、これまでに使用したコンポーネントについて少し書いてみようかと思います。 Angular Materi…

Angular7 で Web アプリを作ろう - Bootstrap 4 を Angular Material に変える

今日すること こんにちは、ふるてつです。 GW前半。 今回のテーマはAngular Materialです。 最近まわりの人がAngular Materialを使っているのをうらやましく思い、わたしもBootstrapを乗せ換えて使ってみることにしました。 とにかく動きがきれいで魅力的に…

topcoderの過去問 - ABBA

今日すること こんにちはふるてつです。 今日は Topcoder の過去問です。 問題について 今日の問題は ABBA。 引数で開始文字と目標文字が与えられます。 可能な操作は開始文字に対して末尾に "A" を追加する。 もしくは文字を反転(A ⇒ B、B ⇒ A)し、末尾に…

Topcoderの過去問 - A0Paper

今日すること こんにちはふるてつです。 今日は Topcoder の過去問です。 問題について 今日の問題は A0Paper。 A3、A4 などお馴染みの用紙サイズを使った問題です。 引数で A1 が何枚、A2 が何枚 A3 が何枚と指定され、指定された用紙を組み合わせて、 A0 …

今夜は社内AWSもくもく会 - ELBを利用する

AWS

今日すること こんにちはふるてつです。 今回は社内 AWS もくもく会の内容です。 ELB(Elastic Load Balancer)のおはなしになります。 それぞれ別の AZ に2台の EC2 インスタンスを立てて、ELB を利用してそれら 2台を冗長化構成にしてみます。 2台目の EC2…

先日LTしました

LT

こんにちはふるてつです。 先日「【福岡】読んだ内容まとめてLT会#7」に参加してきました。 read-lt.connpass.com このイベントの裏テーマの一つ「もっと気軽に学んだ内容をアウトプットして成長しようぜ!」に感化され私もLTしてきました。 当日の内容を載…

Topcoderの過去問 - AB

今日すること こんにちはふるてつです。 今日はちょっとしたネタです。 わたしは職場に1時間ほど早く来て、その時間で少しずつ topcoder の過去問を解いています。 過去問のページは表示に時間がかかり、朝早くでないとまともに見れないので早起きします。 …

Angular7 + Bootstrap4 で Web アプリを作ろう - もくもく会でLTだけしました。

こんにちはふるてつです。 先日 ng_fukuoka さんが開催する「Angular もくもく会 in Fukuoka #8」に参加してきました。 いつもブログに書くのは自社内でやっているもくもく会ですが、今回は違って社外のもくもく会です。 ng-fukuoka.connpass.com 雰囲気はこ…

Angular7 + Bootstrap4 で Web アプリを作ろう - ngx-translate で他言語化の件 。

こんにちはふるてつです。 今日は土曜日、ちょっとくもり。わたしは家でAngularを自習しています。 今回のテーマは他言語です。 勤務先で ngx-translate を使って他言語化した方がいて、話を聞いていると思ったより簡単そうだと感じました。 Angular純正もあ…

Angular7 + Bootstrap4でWebアプリを作ろう - サービスその2 HTTP通信。

こんにちはふるてつです。 今日は Angular です 前回の社内もくもく会でモックサービスを作りました。 そして今回はそれを HTTP 通信で取得するように変えました。 サーバ側は先日環境を作った Spring Boot にしています。 まずは定数を格納するクラスを作る…

今夜は社内AWSもくもく会 - EC2その2 インスタンスの作成とSSH、HTTPアクセスの許可

AWS

こんにちはふるてつです。 今回も社内 AWS もくもく会の内容です。EC2 の利用その2です。 今回のテーマは EC2 の作成と SSH ログイン、HTTP アクセスの許可です。 前回はセキュリティグループの作成などを行いましたが、 これでやっとすこし進んだ気がしま…

Angular7 + Bootstrap4でWebアプリを作ろう - 今夜はSpring Bootだけ 環境作りからモックのREST APIを1本作るまで。

こんにちはふるてつです。 Angular でサービスを作るようになり、そろそろサーバが欲しくなってきました。 そこで今日は Spring Boot 環境を作りAPIを1本作るまでを行いたいと思います。 なぜ Spring かというとそれしかできないからですね。選択の余地あり…

今夜は社内AWSもくもく会 - EC2その1 キーペアとセキュリティグループ

AWS

こんにちはふるてつです。 今回も社内AWSもくもく会の内容です。EC2の利用その1になります。 今回のテーマはキーペア(公開鍵・秘密鍵)の作成と、 セキュリティグループの作成です。 わたしの超苦手なところですね~ キーペア(公開鍵・秘密鍵)作成 EC2の…

Angular7 + Bootstrap4でWebアプリを作ろう - サービス追加 その1

こんにちはふるてつです。 3月から後輩と二人で社内 Angular もくもく会もはじめました。 これからは AWS と同様に Angular についても、もくもく勉強した内容を書いていきたいと思います。 基本的にはこれまで作ってきたアプリの続きになりますが、作業時間…

今夜は社内AWSもくもく会 - CloudFormer(ベータ版)の後日談、初の課金

AWS

こんにちはふるてつです。 今回も社内AWSもくもく会の内容です。 前回 CloudFormer をご紹介しましたが、その後 CloudFormer が元でさっそく課金されました。 $4ほどなので大して気にしていませんが、びっくりしました。 まだ12か月の無料期間のはずなので注…

今夜は社内AWSもくもく会 - CloudFormer(ベータ版)のご紹介と使い方

AWS

こんにちはふるてつです。 今回も社内AWSもくもく会の内容です。 今日はCloudFormerをご紹介します。もくもく会で他の人に聞いた話ですが… 既存の環境から CloudFormation の Template を作るツールがAWSにあると聞き、早速試してみました。 下記の手順を実…

今夜は社内AWSもくもく会 - ルーティングテーブルとインターネットゲートウェイの作成方法

AWS

こんにちはふるてつです。 今回もAWS社内もくもく会の内容です。 以前、書籍を参考にVPCとサブネットを作りましたが、その続きです。 今回はルーティングテーブル作成とインターネットゲートウェイ作成になります。 結局、何をしたいかというと「インターネ…

今夜は社内AWSもくもく会 - 請求のアラート登録方法

AWS

こんにちはふるてつです。 今日は社内もくもく会の日です。今回もAWSをやります。 今日はちょっとしたトピックを書きたいと思います。 いまわたしはAWSに登録しての12か月間を無料で使用できる時期なのですが、その中でも有償になることがあるそうです。 無…