2022-01-01から1年間の記事一覧
使用する技術等 名称 verstion 用途 Ubuntu 20.04.2LTS VPSのOS Nginx - リバースプロキシ Spring Boot - アプリケーション 大きな流れ firewallを設定する OSのユーザーを作成する Javaをインストールする Spring Boot Applicationをデプロイする Nginxを導…
1 - 利用する技術 Ubuntu version 20.04.4 LTS Nginx version 1.20.2 2 - インストール 公式document を参考に、NginxをUbuntu上にインストールする。 3 - Nginxファイルの確認 上記2のインストール時点で、下記の２つのファイルがインストールされているは…
しました。 iTunes・Apple Music https://music.apple.com/jp/album/jack-titor/1610049895 YouTube Music https://music.youtube.com/watch?v=WHU4nLJXRYk&list=OLAK5uy_nuU7LIcL2tnmNwSDFOwmu8B1mpyO0jke4 LINE MUSIC https://lin.ee/XkgyE3d その他、聴け…
1 - 使用技術のバージョン 技術 バージョン InteliJ IDEA 2021.3.2 Spring Boot Dev Tools 2.6.4 Spring Boot Starter Thymeleaf 2.6.4 2 - IntelliJ IDEAの設定 2.1 - 自動的にプロジェクトをビルドするようにする 下記の画像の通り Preference > ビルド、…
Macを新しく購入したので、毎回やっている設定をメモ。（本当はスクリプトを書くと良いんだろうけど面倒臭いから、まずは日本語でやる。） 1. トラックパッドの軌跡の速さをMAXにする 少しの指の動きでカーソルの操作が出来るのでMAXにする。 システム環境設…
結論 ts-calendar という Typescriptのカレンダーモジュールを作って npm に公開しました。 www.npmjs.com 経緯 ライブラリを使うと Tailwind CSS と相性が悪かったり、やりたい事出来なそうな感じだったので自身で実装しました。 使用方法 github.com React…
結論 CSS Grid Layout を使うと良さそうな気がする。 参考 developer.mozilla.org 目標 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ コード レスポンシブ対応を加える前 <head> <meta name="viewport" content="width=device-width,initial-scale=1"> <style> body { color: white; } div:not(:first-child) { margin-top: 25px; } .blue { width: 100px; height:</meta></head>…
タイトルは、最近システムを開発する業務でサラリーを頂く身になって感じる事。 RDRAとは、神崎善司さんが考案した Relationship Driven Requirement Analysis = 関連により駆動される要求分析のことである。 vsa.co.jp やり方は、↓この本に書いてあるから読…
順番 開発初期段階では、コンポーネントの設計をする前にコンポーネントを考慮せずにパッと HTML と CSS で実装すると良いような気がしています。 なぜなら、コンポーネントは HTML が出来始めると作り直したい箇所が出てくるからです。 ページ数が多い場合…
事前定義 HTMLの要素 h1, p, div などを指す。 HTMLの属性 # top.html ファイル <h1 class="title">事前定義</h1> 上記の class="title" を属性と言う。 なお、classを属性名、titleを属性値と言う。 セレクター # top.css ファイル h1 { color: red; } .title { margin: 10px; } 上…
