めも

メモ.

web

AWSのハンズオン「AWS で基本的なウェブアプリケーションを構築する」を行った際のめも

この記事は何 使用するサービスなど AWS Amplify コンソール Amazon DynamoDB AWS Lambda Amazon API Gateway AWS全般の用語 公開までの流れ 参考文献 この記事は何 AWSのサービスを用いたアプリケーションについて『アマゾン ウェブ サービス (AWS) の実践…

courseraの『Continuous Delivery & DevOps』を修了した際のメモ

この記事は何 講義の概要 メモ・調べたリンク week1 week2 week3 week4 感想など 修了証 この記事は何 courseraの以下の講義について、最後まで修了するまでのメモ書きです。 メモの内容は必ずしも講義内容とは一致していないので注意してください。講義の参…

一年の何%経過したかを表示するChrome extentionを作る

この記事は何 作成したもの Chrome extentionsの作成方法 公開するまでの流れ 開発時に調べたこと javascriptによる操作 css この記事は何 Chrome extentionとして「一年の何%経過したかを表示する」拡張を作成したくなったので作成します。元旦から36日経過…

画像からクリスタのカラーセットを作る

やりたいこと カラーセット 実装 カラーセットの出力 Webアプリとしてのリリース 色の抽出とカラーセットの作成 完成したWebアプリケーション 参考文献 やりたいこと 画像を指定して、画像から色をピックアップしてクリップスタジオで使用できるカラーセット…

cssのattr関数を使ってオンマウス時に要素の周辺に文字列を表示する

attr関数 使用例 css 側 html側 表示結果 attr関数 選択された要素の属性の値を受け取ってスタイルシートの中で使うことができるようになる。 javascriptなしで文字列の切り替えなどができるようにできる。 使用例 content: attr(teamname);の箇所で「input[…

リーダブルコードの要約のメモ(前半)

表面上の改善 1. 名前に情報を詰め込む 2. 誤解されない名前 3. 美しさ 4. コメントすべきこと 5. 正確かつ簡潔にコメントする ロジックの構造化 6. 制御フローを見やすく 表面上の改善 1. 名前に情報を詰め込む 2. 誤解されない名前 3. 美しさ 4. コメント…

HTMLのチェックボックスの状態数を3つにする・チェックされた値を取得する

やりたいこと 解決法 indeterminateのチェックボックスの値を取得する やりたいこと <input type="checkbox" value="15" ... /> などとしたチェックボックスは通常チェックしたかしてないかの二つの状態しか取れない。しかしここを「チェックしてない、チェック1にした、チェック2にした」の三つの…