カテゴリー:JavaScript

公開日:2023/1/9 最終更新日:2023/10/12

【JavaScript】Web APIのClipboardを利用した際に詰まったこと

JavaScriptでテキストをクリップボードにコピーする機能を実装する機会があって、その作業を行った際のメモ書き。以下のコードはその作業で記述したコードを抜粋したもの。 Docker環境で作業・動作確認して、問題がなか…
カテゴリー: HTML JavaScript
公開日:2021/11/11 最終更新日:2022/08/28

GitHubのGraphQL APIを叩いてみた

最近GitHubのGraphQL APIを使う機会があったので記事にしました。この記事では生のJavaScriptでAPIを叩く方法について解説します。Reactで叩く方法は今後記事にする予定です。 まずはgetCont…
カテゴリー: GraphQL JavaScript
公開日:2021/4/3 最終更新日:2022/08/28

JavaScriptでn文字目以降の文章を切り取る

今回はJavaScriptでn文字目以降の文章を切り取る方法を紹介します。 <サンプルコード> CSS部分は見た目を整えているだけなので解説は特にありません。 <HTML> .content__textと&l…
カテゴリー: JavaScript
公開日:2021/2/4 最終更新日:2022/08/28

スクロール禁止機能の実装

今回はスクロール禁止機能を実装する方法を紹介します。 <サンプルコード> 中身の解説をしていきます。 まず”Scroll_ban”という関数を設定します。preventDefaultと…
カテゴリー: JavaScript
公開日:2021/1/28 最終更新日:2022/08/28

進級制作展2020/作品発表

私が”2020年度進級制作展”で制作・展示した作品は「時間割表作成サイト」(2022年8月現在非公開)です。以下、作品概要と感想です。 <作品名>時間割表作成サイト <制作意図・目的&…
公開日:2021/1/14 最終更新日:2022/08/26

制作展の作品制作で参考にした書籍紹介

私の通っている学校では「一年で学んだこと」を活かして作品を作り、それを発表する「進級制作展」というものがあります。 私は「インターネット上で時間割表と座席表を作成し、それをPDF形式もしくはJPEG形式にして保存すること…
カテゴリー: JavaScript MySQL PHP
公開日:2020/10/23 最終更新日:2022/11/03

JavaScriptで背景色をランダムにRGBで表示させる方法

今回はボタンがクリックされると要素の背景色が変わるというものをJavaScriptで作る方法を紹介します。サンプルコードは以下のようになります。 <解説> <HTML> この部分は色が変わる部分(四角形)です。 この部分…
カテゴリー: CSS HTML JavaScript