JavaScript

JavaScript JavaScript
JavaScript

【JavaScript】JSHintとは?

JSHintは、JavaScriptのコード品質を向上させるための静的コード解析ツールです。主に、開発者が自分のJavaScriptコードに潜む潜在的なバグや問題を検出し、コーディング規約に従っているかを確認するために使用されます。主な特徴...
JavaScript

【JavaScript】[DOM]について詳しく調べてみた。

以下、作業用メモです。DOM(Document Object Model)は、HTMLやXML文書の構造を表現し、それに対するプログラム的なアクセスを提供するためのインターフェースです。DOMは、文書の構造をツリー構造として表現し、各要素や...
JavaScript

【JavaScript】[HTMLFormElement]フォームの扱い方

以下、自分で調べた作業用メモです。HTMLFormElementの基本的な例HTMLFormElementは、HTML文書内のフォーム要素(<form>要素)を表すDOMインターフェースです。このインターフェースは、フォーム要素にアクセスし...
JavaScript

保護中: iPhoneやその他のiOSデバイスでは、scrollイベントの処理が他のデバイスとは異なる場合がある

このコンテンツはパスワードで保護されています。閲覧するには以下にパスワードを入力してください。 パスワード:
JavaScript

JavaScript Primer ・・・JavaScriptの用語や定義を確認している

非同期処理を勉強したり、JavaScriptに関して勉強させてもらっているサイトでというサイトがある。最近、よくお世話になっているので載せておきます。私もまだ全部は読んでいませんが、第一部:基本文法、第二部:応用編(ユースケース)とあり、特...
JavaScript

selectタグの初期値の色だけ変更する実装方法

私はこの実装にすごく苦労しました。調べるとCSSで実装できる情報がたくさん出てくるのですが、最後までCSSでは実装出来ませんでした。このあたり、時間があればしっかり調べたいです。最終的には、下の参考サイトに載せている、のせっちさんの記事を参...
JavaScript

JavaScriptのaddEventListnerでエラー発生

モーダルウィンドウの開閉操作でエラー発生し、ボタンで動作させるつもりがヘッダーナビゲーションのリンクをクリックするだけでモーダルが開いてしまう事態に・・・・イベントバブリングやイベントオブジェクトあたりが怪しいとふんで時間をかけて取り組んで...
JavaScript

Vue.jsの次はNuxt.jsについて調べてみた-メモ用です-

参考サイトをもとに自分なりにまとめました。勉強用です。Nuxt.js「ナクスト」とは、Webアプリ開発の機能が最初から組み込まれているVue.jsベースのJavaScriptフレームワーク。UIなどフロントエンド向けのフレームワークであるV...
JavaScript

JavaScriptフレームワーク-気になったので調べてみた-

参考サイトをもとに気になる記事をまとめました。メモ用です。■フレームワークとライブラリの違いライブラリ・・・汎用性の高いプログラム(コード)パーツのコレクション。クラスや関数を、それぞれの機能をもつパーツとして使い回す。よく使うパーツを集め...
JavaScript

フォームで日付を選択できるflatpickrを初めて実装しました【エラー対応中】

今取り組んでいる課題からflatpickr(軽量 & 外部ライブラリの依存が無いjavascript製ライブラリ)なるものを実装することになりました。公式サイトはどうやら英語なのですが、「にほんご。」に訳してくれた方々がいらっしゃるようです...
JavaScript

【複数ページの動的コーディング】1つのjsファイルにまとめていたらエラー出現【解決済み】

現在、取り組んでいるしょーごさんのコーディング課題【中級Ex編】は下層ページを含めて4ページを作成します「。今、動的なコーディングを実装していっていますが、様子をみるため1つのjsファイルにまとめてコーディングしていました(一応webpac...
JavaScript

javascriptのオブジェクト、関数、クラス、インスタンス、コンストラクタ

勉強用のメモです。【オブジェクト】・・・配列と同じく複数のデータをまとめて管理するもの。プロパティと値がセット。{プロパティ01:値01, プロパティ02:値02}。【関数】・・・いくつかの処理をまとめたもの。【オブジェクトと関数】・・・オ...