めも

メモ.

web

youtubeの動画を二つ重ねて比較する

この記事は何 作成したもの 作成までのメモ YouTube埋め込みプレーヤー この記事は何 ほとんど内容が同じyoutubeの動画を二つ並べて比較したくなったので、それができるサイトを作成した際のメモ。 作成したもの タイトル通り、指定した二つのyoutube動画を…

Reactで簡単なアプリケーションを作成するための準備(1)

この記事は何 作成するアプリケーション React React用語 開発環境のセットアップ 最低限の機能を持つGUIを作成する DOM要素 JSX props 参考文献 javascript Flask・django 参考文献 この記事は何 Reactの勉強をかねて、Flask(Pythonのウェブフレームワーク…

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

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

google analyticsでページ上に設置したフォームの集計を行う

この記事は何 調べたこと Google Analytics アンケートフォームの作成 アンケートフォームを表示する デザインを変える 結果の確認 参考文献 この記事は何 「このページの評価をお聞かせください」と行ったフォーム+星五段階評価で評価を送ることができるサ…

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にした」の三つの…