非IT企業に勤める中年サラリーマンのIT日記

非IT企業でしかもITとは全く関係ない部署にいる中年エンジニア。唯一の趣味がプログラミングという”自称”プログラマー。

「 HTML/JavaScript 」 一覧

CSS:マウススクロールで指定位置で停止する(スクロールスナップ)

  2022/12/13    HTML/JavaScript

HTMLでマウススクロールした際に指定位置でピタッと止めるスクロールスナップ(s …

Font Awesomeでアイコンフォントを使う

  2022/12/07    HTML/JavaScript

アイコンフォントというのはWebページ上に文字と同じような感覚でアイコンを表示で …

Google Fontsの使い方【2022年度版】

  2022/12/05    HTML/JavaScript

Google Fontsの使い方が以前と若干変わっていたので2022年度版として …

【Javascript】AJAXを使って県名・市町村名セレクターを作ってみた

  2022/11/15    HTML/JavaScript

ちょっと前にJavascriptでAJAXを使ってJSONを読み込んで表示する方 …

【JavaScript】JSONオブジェクトの要素数を取得する場合はlengthだけじゃダメな件

  2022/11/15    HTML/JavaScript

JavascriptでJSONデータを扱う場合、要素数を取得したいときがあると思 …

JavaScriptで数値を0埋めする3つの方法

  2022/11/13    HTML/JavaScript

数値を任意の桁数で0埋め(ゼロパディング)したいことは結構あると思います。たとえ …

【Javascript】AJAXを使ってJSONを読み込んで表示する

  2022/11/08    HTML/JavaScript

AJAXを用いて同じサーバー上のJSONファイルを読み込んで表示させようと思いま …

【Javascript】 letはverの置き換えだと勘違いしていたので違いについてメモ

  2022/11/07    HTML/JavaScript

いままでJavascriptをきちんと学んでいなくてネットの段弁的な情報から適当 …

【Javascript】クラスを使ってフォトビューワー作ったのでメモ

  2022/11/06    HTML/JavaScript

ES6から登場したクラスですが、もともとJavaやC#を触ってきた身からすると非 …

【Javascript/ES6】テンプレートリテラルを使って文字列を表示する

  2022/11/04    HTML/JavaScript

テンプレートリテラルは文字列を変数と連結する際に「+」を使わず埋め込むことができ …

【node.js/npm】Ubuntuに簡易的な Webサーバーを立ち上げる(http-serverパッケージ)

  2022/11/02    HTML/JavaScript, Linux

前回、Ubuntu22.04にNode.jsとnpmをインストールしましたが、今 …

Ubuntu22.04にNode.jsとnpmをインストールしたのでメモ

  2022/11/01    HTML/JavaScript, Linux

Ubuntu22.04にNode.jsとnpmをインストールしたので書き留めてお …

HTML+CSS+JavascriptでExcelのような入力テーブルを作った

  2022/05/31    HTML/JavaScript

以前、HTML/CSSだけでExcelのような入力できるテーブルを作りました。今 …

【HTML/Javascript】Tableをクリックした時に選択行の背景色を変える方法

  2022/05/26    HTML/JavaScript

Javascriptで以下の動画のようにクリックした行の背景色を変える方法につい …

【HTML/CSS】Tableのヘッダを固定してスクロールする方法

  2022/05/22    HTML/JavaScript

HTMLのtableのthタグは縦方向・横方向の固定が可能です。以下の例のように …

【HTML/Javascript】TableをJavascriptで動的に生成する方法

  2022/05/16    HTML/JavaScript

前回作ったTableをJavascriptで動的に生成するようにしました。 &n …

【HTML】CSSだけでExcelのような入力できるテーブルを作る方法(contentEditable属性)

  2022/05/14    HTML/JavaScript

HTMLではcontentEditable属性でコンテンツを編集可能にする機能が …

GAS/Javascriptで処理の途中で強制終了させるコード(終了コマンドがないので)

  2022/05/07    Google Apps Script, HTML/JavaScript

Javascriptには処理を強制終了させるコマンドがありません。これは言語仕様 …

Bloggerにソースコードを表示させる方法(Google-code-prettify)

  2021/02/07    HTML/JavaScript

Google-code-prettifyを使ってBloggerにソースコードを表 …

Ubuntu20.04にXAMPPインストールしたのでメモ

  2020/10/29    HTML/JavaScript, Linux

Ubuntu20.04にXAMPPをインストールしたのでメモ。Apacheのイン …

【HTML/CSS】Youtubeでかっこいいログイン画面の作り方が載っていたので写経してみた

  2020/09/09    HTML/JavaScript

個人的にあまりWeb系はやっていないのですが、Youtubeを見ていたらHTML …

JavaScriptで日付文字列から日付(Date型)に変換する方法

  2019/11/08    HTML/JavaScript

Javascriptで”2019/11/8 5:47″の …

GoogleカレンダーをWebサイトに埋め込む方法

  2019/08/04    Google Dirve, HTML/JavaScript

Googleカレンダーを自分のWebサイトに埋め込む方法です。設定から埋め込みコ …

JavaScriptでソースコードを動画に変換する「Glorious Demo」が面白い!

  2019/01/20    HTML/JavaScript

JavaScriptのライブラリでソースコードをアニメーション動画に変換してくれ …

Javascriptの日付操作の基本まとめ

  2019/01/20    HTML/JavaScript

Javascriptでの日付を扱う方法です。(基本設定から日付の加算、月末計算な …

Javascriptの配列(Object型編)の基本まとめ

  2019/01/19    HTML/JavaScript

前回に続きJavascriptの配列の基本についてです。今回はあくまでObjec …

Javascriptの関数式、アロー関数の基本まとめ

  2019/01/14    HTML/JavaScript

Javascriptの関数式、アロー関数の基本をまとめておきます。 Javasc …

JavaScript用ゲームエンジンenchant.jsを試す。インストール方法と簡単なプログラム例

  2019/01/13    HTML/JavaScript

ゲーム開発フレームワークenchant.jsを試してみました。ゲームエンジンにつ …

Chromeブラウザ上で音声入力できるJavaScriptライブラリ「Web Speech API」がスゴイ!

  2019/01/07    HTML/JavaScript

なんと、Web Speech APIというJavaScriptライブラリを使うこ …

FirebaseをJavaScriptから利用する方法(データの読み込み)

  2018/07/19    Firebase, HTML/JavaScript

Firebase第三段としてFirebaseデータベースからデータを読み込んでく …