web
この記事は何 作成したもの 作成までのメモ YouTube埋め込みプレーヤー この記事は何 ほとんど内容が同じyoutubeの動画を二つ並べて比較したくなったので、それができるサイトを作成した際のメモ。 作成したもの タイトル通り、指定した二つのyoutube動画を…
この記事は何 作成するアプリケーション React React用語 開発環境のセットアップ 最低限の機能を持つGUIを作成する DOM要素 JSX props 参考文献 javascript Flask・django 参考文献 この記事は何 Reactの勉強をかねて、Flask(Pythonのウェブフレームワーク…
この記事は何 使用するサービスなど AWS Amplify コンソール Amazon DynamoDB AWS Lambda Amazon API Gateway AWS全般の用語 公開までの流れ 参考文献 この記事は何 AWSのサービスを用いたアプリケーションについて『アマゾン ウェブ サービス (AWS) の実践…
この記事は何 調べたこと Google Analytics アンケートフォームの作成 アンケートフォームを表示する デザインを変える 結果の確認 参考文献 この記事は何 「このページの評価をお聞かせください」と行ったフォーム+星五段階評価で評価を送ることができるサ…
この記事は何 講義の概要 メモ・調べたリンク week1 week2 week3 week4 感想など 修了証 この記事は何 courseraの以下の講義について、最後まで修了するまでのメモ書きです。 メモの内容は必ずしも講義内容とは一致していないので注意してください。講義の参…
この記事は何 作成したもの Chrome extentionsの作成方法 公開するまでの流れ 開発時に調べたこと javascriptによる操作 css この記事は何 Chrome extentionとして「一年の何%経過したかを表示する」拡張を作成したくなったので作成します。元旦から36日経過…
やりたいこと カラーセット 実装 カラーセットの出力 Webアプリとしてのリリース 色の抽出とカラーセットの作成 完成したWebアプリケーション 参考文献 やりたいこと 画像を指定して、画像から色をピックアップしてクリップスタジオで使用できるカラーセット…
attr関数 使用例 css 側 html側 表示結果 attr関数 選択された要素の属性の値を受け取ってスタイルシートの中で使うことができるようになる。 javascriptなしで文字列の切り替えなどができるようにできる。 使用例 content: attr(teamname);の箇所で「input[…
表面上の改善 1. 名前に情報を詰め込む 2. 誤解されない名前 3. 美しさ 4. コメントすべきこと 5. 正確かつ簡潔にコメントする ロジックの構造化 6. 制御フローを見やすく 表面上の改善 1. 名前に情報を詰め込む 2. 誤解されない名前 3. 美しさ 4. コメント…
やりたいこと 解決法 indeterminateのチェックボックスの値を取得する やりたいこと <input type="checkbox" value="15" ... /> などとしたチェックボックスは通常チェックしたかしてないかの二つの状態しか取れない。しかしここを「チェックしてない、チェック1にした、チェック2にした」の三つの…