このサイトでは、分析、カスタマイズされたコンテンツ、および広告に Cookie を使用します。このサイトを引き続き閲覧すると、Cookie の使用に同意するものと見なされます。
Hi, Developers,
straightapps.com ロゴ
最終更新 September 2, 2024
トップページ > Web 開発トップ
line
Web 開発
line

ウェブサイト作成に関する情報を発信しています。

ここでは、このサイトを構築する際に勉強した、ウェブサイト作成に関する情報を発信しています。

AdSense や Bing を含む、一般的な情報は、このページの後半にトピック一覧があります。

JavaScript に関するものは、このあとすぐ、まとめて、 「JavaScript 関連のトピックへのリンク一覧 JavaScript」 として、分けてあります。

このページに、ウェブ開発に関するトピック一覧をまとめてありますので、このページからお入りください。

なお、ご利用に際しては、必ずプライバシーポリシー(免責事項等)をご参照ください。

JavaScript 関連のトピックへのリンク一覧

更新 September 2, 2024

JavaScript でプログラム開発をすることを中心に、ちょっと使いたいユーティリティを作ったりしています。 (最近のものを除いて)すべての項目に、コードの説明があります。


JavaScript 教育ゲームシリーズ (項目を隠す)

平方完成(基本)トレーニング(10/24/2023) new

【019】高校数学 1 で取り扱う、二次方程式のグラフを書くためなどに使う「平方完成」について、 もっとも基本となる部分を繰り返しトレーニングするための JavaScript コードを紹介しています。 コードの解説は、まだありません。

円の方程式トレーニング(6/4/2023)

【017】円の方程式について、繰り返しトレーニングでマスターしよう! コードの解説は、まだありません。

10 の補数チャレンジ!(6/7/2022)

【012】次々現れる 1 桁の数字に、足して 10 になる数字を高速で答えよう! コードの解説は、まだありません。

フラッシュ暗算トレーニング(4/22/2022)May 9, 2022 updated

【011】次々現れる 1 桁の数字を、暗算で加算・減算して、暗算力をアップさせましょう! コードの解説は、まだ途中です。
     [JS] Math クラス  [HTML] select - option リスト

因数分解トレーニング(1)(5/21/2022)

【010】次々現れる 1 桁の数字を、暗算で加算・減算して、暗算力をアップさせましょう! コードの解説は、まだ途中です。
     [JS] Math クラス  [HTML] select - option リスト

素因数分解トレーニング(9/11/2020)

スクリーンショット

【001】JavaScript で作成した、素因数分解トレーニング ゲームです。 楽しく学習できるのはもちろんですが、その JavaScript コードについても触れていきます。
     [HTML] canvas  [JS] innerHTML 配列操作 addEventListener Math random Object Image measureText fillText  [Event] load



JavaScript ゲームやツールに使えるコード (項目を隠す)

JavaScript でマウスのみかタッチ可能かを判断したい(10/16/2023) new

【018】maxTouchPoints を参照し、タッチ非対応デバイスで動作中か、 あるいはタッチ対応デバイスで動作中の場合は同時に何点タッチまで許容されているかを判断するコードを検証しています。

JavaScript で OS、ブラウザ、画面幅を判定する(12/20/2022)

【016】JavaScript で、アクセスされた OS、ブラウザ、デバイスの幅、そしてブラウザの描画可能な幅を調べるコードについて、書いています。
     [JS] userAgent  [JS] ユーザーエージェントの変更(spoofing)  [JS] max-device-width  [JS] client-width

JavaScript で効果音を鳴らす(6/13/2022)

【013】JavaScript で音を鳴らすいくつかの方法について、またファイルの BASE64 変換について、書いています。

マルチタッチを検出&処理(10/24/2020)

【006】タッチデバイスでマルチタッチを検出し、処理できるようにしたテストプログラムです。 PC + マウスのような、非タッチデバイスでは動作しません。 コード中心ですので、動作としては特に目的はありません。
     [HTML] canvas  [JS] addEventListener preventDefault  [Event] DOMContentLoaded touchstart touchend touchcancel touchmove

スクロールマップ内のフラッグを集める(9/25/2020)

【004】 JavaScript で作成した、ボールを転がして、スクロールするマップ内にあるフラッグをすべて集めるゲームです。 実際はゲーム性は追及せず、canvas への描画とミニマップやスクロール表示を中心にした、 JavaScript コードについて触れています。
     [JS] Object Image 配列操作 addEventListener measureText fillText  [Event] load keydown click

ボールを転がしてゴールを目指す(9/18/2020)

【003】 JavaScript で作成した、ボールを転がして、盤面内にあるゴールを目指すゲームです。 実際はゲーム性は追及せず、canvas への描画とキー入力を中心にした、 JavaScript コードについて触れています。
     [HTML] canvas  [JS] Object Image drawImage 配列操作 ループ処理 addEventListener getBoundingClientRect Math   [Event] keydown keyup click


JavaScript すぐ使えるユーティリティとそのコード (項目を隠す)

指定の日の曜日を調べる(2/2/2021)

【009】 自由に指定した日付の曜日を調べる JavaScript プログラムです。 システム関数を使用して、過去・未来の日付に対応しています。
     [JS] Date クラス  [HTML] select - option リスト

JS 版 32/64 ビット EXE/DLL チェッカー(10/8/2020)

【005】 Windows の .exe および .dll が 32 ビットでビルドされているか、64 ビットでビルドされているかを確認するユーティリティの JavaScript 版です。 ユーザーによるローカルファイルの選択、そのファイルを読み込んでバイナリを確認する JavaScript コードについて触れています。
     [HTML] type="file"  [JS] addEventListener FileReader readAsArrayBufferReader Promise  [Event] load change onerror

指定の日まで、あと何日?(9/14/2020)

【002】 JavaScript で作成した、指定した日まで、今日からかぞえてあと何日あるかを計算するツールです。 その JavaScript コードについても触れていきます。
     [JS] Date クラス うるう年計算  [HTML] select - option リスト


JavaScript 多様な用途のコード探究 (項目を隠す)

画像を自由に拡大・縮小してもらう(11/18/2022) new

【015】スライダーと JavaScript で、Canvas に描画した画像を自由に拡大・縮小できるようにしています。また CSS でも拡大・縮小を実現しています。

クリップボードに自由に文字列を設定する(10/14/2022)

【014】 html から自由な文字列をシステムのクリップボードにコピーするコードです。 従来の document.execCommand 関数は非推奨であり、Android の Chrome では機能しないようですので、 どの環境でも対応できるコードを作成しています。
     [JS] document.execCommand  [JS] clipboard.writeText  [JS] Promise  [HTML] span

サーバーにある CSV ファイルを読み込む(11/6/2020)

【008】 サーバーに置いたデータファイルを JavaScript で読み込んで、処理できるようにします。 テストには、実際のサーバー環境またはローカルでテストするための IIS セットアップが必要です。 コード中心ですので、動作としては特に目的はありません。
     [Win] IIS http://localhost  [JS] XMLHttpRequest open send  [HTML] onload

URL パラメータを取得する(11/1/2020)

【007】 URL にパラメータを指定して呼び出したとき、それを JavaScript で解析し、処理に反映させるテストプログラムです。 日本語のエンコードについても、試しています。 コード中心ですので、動作としては特に目的はありません。
     [JS] location.search decodeURIComponent encodeURIComponent

▲ページ先頭へ

現在あるトピックへのリンク一覧

更新 July 19, 2024

TEAP の受験を申し込む(7/19/2024) updated

大学受験で英語試験の免除を狙える TEAP という試験があります。 あまり情報がなく、登録手順も多少複雑でしたので、受験申し込みまでを実際に操作しながらその様子を書いています。

英検 合格/CEFR 証明書を取得する(6/14/2024) new

英検に合格すると、合格証書などが 1 通無料で発行され郵送されてきます。 ところが大学入試などで「原本提出」の必要がある場合、基本的には返送されません。 有料で、新しく合格証書などを発行してもらえますので、試してみました。

Chrome の広告プライバシー設定(9/5/2023)

PC で Chrome ブラウザを起動したら「Chrome で表示される広告プライバシーの強化について」というメッセージが表示されました。 どういう内容で、どう設定できるのかを確認しています。

Amazon の支払い方法を銀行振込に変更する(2/10/2023)

Amazon アソシエイトの報酬の支払い方法を変更する手順について、書いています。 銀行振込で受け取る手続きを行っています。

お名前.com がサーチャージを導入(1/25/2023)

ドメイン管理およびレンタルサーバーサービスを提供している「お名前.com」が、 2023 年 2 月から、管理料金やレンタルサーバー代に「サーチャージ」を導入しています。

画像素材サイト PIXTA に登録する(12/13/2021)

「日本最大級の画像素材サイト」PIXTA は、会員登録すれば無料素材もダウンロードできます。 まずは会員登録を行ってみます。

ページ別 AdSense 収益(11/19/2021)

アナリティクスに AdSense へのリンクを設定したのですが、 表示される「ユーザーが訪れているページは?」の「ページの価値」は常に $0.00 なので、不思議に思っていました。

Google ニュースショーケースとは?(11/18/2021)

Google が、日本各地の新聞のトップ記事をまとめたページ、「ニュース ショーケース」を開始しています。

AdSense PC 用アンカー広告(7/21/2021) updated

AdSense が、PC のような広いディスプレイでのアンカー広告に対応したと表示されました。 アンカー広告をオンにして、どのような表示になるのか、試しています。

ロシア語を翻訳する(2/8/2021)

WordPress にコメント欄を設けると、たくさんのスパムコメントが届きます。 ロシア語で書かれたコメントが何なのか、翻訳して確認したいと思いました。

ActivePerl をセットアップして CGI をローカルで実行(11/12/2020)

IIS 10.0 をセットアップした Win10 Pro で localhost が利用可能となったので、 ActivePerl をセットアップしてサーバーがなくても Perl CGI をローカルで実行可能とするための設定を行いました。

sellers.json による販売者情報の公開と設定(9/14/2020)

2020 年 9 月 12 日頃に AdSense ホーム画面に表示されていることを確認した、 sellers.json ファイルによる販売者情報公開のおすすめメッセージについて、書いています。 公開・非公開設定の確認や、公開する場合の情報などを調べています。

GDPR 遵守のための重要な更新通知メール(8/4/2020)

2020 年 8 月 4 日、Google Ads から届いた、 「Important updates about GDPR compliance」というタイトルのメールについて、書いています。

Bing の新 URL 送信ツールを使用する(5/14/2020)

マイクロソフトの検索サービス Bing に URL を送信するページに、 新しいツールがあるとのメッセージが表示されました。 まだベータ版のようですが、いずれ更新されることになると思いますので、今のうちに見ておきます。

AdSense で銀行口座を登録する(4/4/2020)

Google AdSense のホーム画面に表示された、 「お客様のお支払いは現在保留されています。」というメッセージと、銀行口座の登録方法について、書いています。

個人情報保護設定を確認・行う(1/10/2020)

T ポイント(CCC)、d ポイント(ドコモ)、Suica(JR 東日本)、Yahoo! の個人情報保護について、 設定画面を確認し、設定について検討しています。

AdSense で住所を確認する(12/3/2019)

Google AdSense のホーム画面に表示された、 「お客様の住所の確認が完了していないため、お客様のお支払いは現在保留中となっています。」というメッセージと対処について、書いています。

カリフォルニア州消費者プライバシー法 (CCPA) に対応する(11/23/2019)

Google AdSense のホーム画面に表示された、 「カリフォルニア州消費者プライバシー法(CCPA)が 2020 年 1 月 1 日に施行されます。」というメッセージの内容について、書いています。

AdSense 用 ads.txt を設置する(6/5/2019)

Google AdSense 用の ads.txt ファイル(認定販売者宣言)の設置について、書いています。

マイクロソフトの検索サービス Bing の $100 広告オファー(6/4/2019)

マイクロソフトの検索サービス Bing から届いた $100 の広告オファーについて、書いています。

マイクロソフトの検索サービス Bing に URL を登録(5/27/2019)

マイクロソフトの検索サービス Bing に URL を登録する方法について、書いています。

AdSense 広告の追加と削除(5/13/2019)

AdSense の広告をページに表示させる、あるいは表示させない操作について、および自動配置広告の挿入位置について、書いています。

Google AdSense に登録する(5/11/2019)

Google が提供するターゲティング広告サービス AdSense に本サイトを登録申請しています。

URL 検査ツールでクロールをリクエストする(4/20/2019)

Fetch as Google に代わるツール、URL 検査ツールで Google にページ登録をリクエストします。

McAfee WebAdvisor に評価を依頼する(12/11/2018)

McAfee WebAdvisor にサイト評価を依頼する方法について、書いています。

サイトの安全性評価(12/17/2018)

ウェブサイトやリンク先 URL の安全性を事前に確認できるいくつかのサービスを試しています。

Google アナリティクスを WordPress に導入(7/11/2018)

WordPress に Google アナリティクスを導入する手順について書いています。


古いページのアーカイブ

Google にクロールを依頼する(4/24/2019) updated

更新頻度が少ないサイトで Google 検索結果に登録を希望する URL があるとき、この手順で、次回のクロールを待たなくてもよくなるようです。
上にある「URL 検査ツールでクロールをリクエストする」が更新版になります。

▲ページ先頭へ
line
関連トピックス
line

関連トピックはありません。

line
その他のおすすめ
line

おすすめ記事はありません。



© 2017-2024 StraightApps.com 無断転載を禁じます。No reproduction without permission.