HTMLのチェックボックスの状態数を3つにする・チェックされた値を取得する
やりたいこと解決法indeterminateのチェックボックスの値を取得するやりたいこと<inputtype="checkbox"value="15" ......
View Articleリーダブルコードの要約のメモ(前半)
表面上の改善1. 名前に情報を詰め込む2. 誤解されない名前3. 美しさ4. コメントすべきこと5. 正確かつ簡潔にコメントするロジックの構造化6. 制御フローを見やすく表面上の改善1. 名前に情報を詰め込む2. 誤解されない名前3. 美しさ4. コメントすべきこと5. 正確かつ簡潔にコメントするロジックの構造化6. 制御フローを見やすくこのメモは「リーダブルコード」を読んだ際のものです。...
View Articlecssのattr関数を使ってオンマウス時に要素の周辺に文字列を表示する
attr関数使用例css 側html側表示結果attr関数選択された要素の属性の値を受け取ってスタイルシートの中で使うことができるようになる。 javascriptなしで文字列の切り替えなどができるようにできる。使用例content:...
View Article画像からクリスタのカラーセットを作る
やりたいことカラーセット実装カラーセットの出力Webアプリとしてのリリース色の抽出とカラーセットの作成完成したWebアプリケーション参考文献やりたいこと画像を指定して、画像から色をピックアップしてクリップスタジオで使用できるカラーセットを自動的に抽出したい。https://img-to-aoc.herokuapp.com/でクリップスタジオで読み込めるカラーセットのファイルをダウンロードできるように...
View Article一年の何%経過したかを表示するChrome extentionを作る
この記事は何作成したものChrome extentionsの作成方法公開するまでの流れ開発時に調べたことjavascriptによる操作cssこの記事は何Chrome extentionとして「一年の何%経過したかを表示する」拡張を作成したくなったので作成します。元旦から36日経過→10%経過と表示したいです。既存の拡張で完全に同じ機能を持つものが見当たらなかった+Chtome...
View Articlecourseraの『Continuous Delivery & DevOps』を修了した際のメモ
この記事は何講義の概要メモ・調べたリンクweek1week2week3week4感想など修了証この記事は何courseraの以下の講義について、最後まで修了するまでのメモ書きです。メモの内容は必ずしも講義内容とは一致していないので注意してください。講義の参考資料にも関連するトピックのリンク集があります。※規約上講義内容そのものや課題の解答は載せていないので、コースの具体的な内容は講義動画をみてくださ...
View Articlegoogle analyticsでページ上に設置したフォームの集計を行う
この記事は何調べたことGoogle Analyticsアンケートフォームの作成アンケートフォームを表示するデザインを変える結果の確認参考文献この記事は何「このページの評価をお聞かせください」と行ったフォーム+星五段階評価で評価を送ることができるサイトを見かけた。作成の仕方を調査。調べたことGoogle...
View ArticleAWSのハンズオン「AWS で基本的なウェブアプリケーションを構築する」を行った際のめも
この記事は何使用するサービスなどAWS Amplify コンソールAmazon DynamoDBAWS LambdaAmazon API GatewayAWS全般の用語公開までの流れ参考文献この記事は何AWSのサービスを用いたアプリケーションについて『アマゾン ウェブ サービス (AWS)...
View ArticleReactで簡単なアプリケーションを作成するための準備(1)
この記事は何作成するアプリケーションReactReact用語開発環境のセットアップ最低限の機能を持つGUIを作成するDOM要素JSXprops参考文献javascriptFlask・django参考文献この記事は何Reactの勉強をかねて、Flask(Pythonのウェブフレームワーク)とReactを使ったアプリケーションを作成してみることに。その際に調べたことや気になったことを雑多にメモする記事。...
View Articleyoutubeの動画を二つ重ねて比較する
この記事は何作成したもの作成までのメモYouTube埋め込みプレーヤーこの記事は何ほとんど内容が同じyoutubeの動画を二つ並べて比較したくなったので、それができるサイトを作成した際のメモ。作成したものタイトル通り、指定した二つのyoutube動画を重ねて比較するサイトです。...
View ArticleWebページの表示速度について調べた際のメモ
この記事は何PageSpeed Insightsウェブ表示速度と検索結果の関係性参考文献Test my siteAMPこの記事は何ウェブページの表示速度を早くするためにできることは無いか調べた時のメモ。 調べたきっかけは、Fastlyで障害発生の記事を読んでCDNについて調べている時にふと気になったため。PageSpeed...
View Articleチームメンバーの動画の一覧を見ることができるページを作成する
この記事は何osmos::feed作業手順この記事は何急にyoutubeの動画一覧を作りたくなりました、作ったものは以下のページ。youtubeのチャンネルを登録して通知をオンにするのもありなのですが、すでに100前後のチャンネルを登録しているので通知が流れていってしまい、まとめて見れるページがほしい。この記事は、指定したyoutubeチャンネルのRSSを受け取り一覧にして出すためにした作業のメモで...
View ArticleStreamlitを使ってPython実装のプロトタイプを作る
この記事は何Streamlitドキュメントインストール最低限の機能csvを表示する状態を保持するデフォルトでのページの表示設定を変えるこの記事は何を使ってWebブラウザから動作するプロトタイプ(本番実装前の検証用などに簡単に作成して確かめるためのもの)を作成してみようと思ったので、その際に調べたことをメモ。StreamlitドキュメントWelcome to Streamlit — Streamlit...
View ArticleVue.jsを使ったアプリケーションを初めて作ってみた時のメモ
この記事は何用語vue.jsディレクティブv-forv-ifv-bindv-modelv-on算出プロパティ監視プロパティトランジションコンポーネントVue Test UtilsFlaskこの記事は何Vue.jsを使ってTODOリストを作るときに調べた内容をメモ。...
View Article
More Pages to Explore .....