-
-
mouseenter・カーソルに合わせて色を変える/jQueryで新しい要素を作り出す。~jQueryマスターのための構文~
2024/1/31
mouseenterイベント~マウスカーソルをのせると色を変える操作 const onMouseenter=(e)=>{ $(e.target).css({ 'background-color' ...
-
-
Programming steps for beginners:Acquiring skills using schools
2024/1/31
I'm answering questions like, what is it actually like when I start learning programming, and are th ...
-
-
Firebaseを活用したチャットアプリの作成体験
2024/1/31
チャットアプリで自分の気に入ったメッセージをお気に入りに追加しておくと、後から見返すこともできて何かと便利です。 今回は、お気に入りに追加するためのコード作成に取り組んでいきます。 !この記事は、私の ...
-
-
firebaseでのif文の使い方〜【プログラミング学習】
2024/1/31
この記事では、プログラミングの学習内容をまとめていきます。 内容はフロントエンドで学習する内容です。 if文は、条件に当てはまる場合、条件式はtureとなり、引き続き続く処理が実行されます。 例えば、 ...
-
-
【電子申請による確認申請について】DX・5G
2024/1/31
この記事では、職場でのDXについて建築関係では、電子申請について記事にしています。 5Gの利用など、まず自宅での作業効率を上げるための内容も記事にしています。 5Gエリアに該当する。利用中のパソコンの ...
-
-
特定の要素の取得・変更【小孫要素の指定・append・emptyメソッドの用い方】
2024/1/31
この記事では、特定の要素を取得する方法や変更する方法について記述しています。 応用すると、メッセージのやりとりを格納するツールを作成することも可能です。 小孫要素を指定する HTMLで以下3つのcla ...
-
-
Chrome DevToolsソースパネル 検証機能の使い方
2024/1/31
この記事では、Chrome DevToolsの使い方を解説しています。 Chrome DevToolsは、コードのどこでエラーが発生したか、確かめるために利用するものです。 consoleだけでなく、 ...
-
-
画像を浮き出るように表示させる【magnific popup】〜Gallery風画像の作成
2024/1/31
magnificpopup 画像をクリックすると、画像が浮き出るようにするには、magnificpopupと言われるコードを読み込みます。 この場合は、jQueryのように外部サイトから、直接読み込む ...
-
-
画面サイズに応じた表示【グリッドの利用】〜ナビゲーションバー、フォーム
2024/1/31
ナビゲーションバー ナビゲーションバーは、マウスでクリックすると、ドロップダウンリストが表示されるように段階的な構成となっています。 プログラミングで記入するクラス名についても段階的に変化させます。 ...
-
-
【JavaScript】変数の置き換え方・関数の定義・テンプレート文字列〜【jQuery】を用いたイベント処理
2024/1/31
変数の置き換え JavaScriptで定義した変数の値は、後から置き換えることができます。 置き換える場合は、変数名='置き換えたい文字'という書き方をします。 今回は、buidingName変数の値 ...