ハッシュタグ記事一覧

【初心者向け】javascriptの演算子一覧：種類や使い方を解説

初心者に向けてJavaScriptの算術演算子、比較演算子、論理演算子などの、様々な演算子の使い方について解説しています。コード例とともに、演算子の動作や注意点についても詳しく解説しています。

2023/08/11 00:06

【javascript】自作スライドショー（横スクロール）の作り方：ボタン付き・自動再生

素のJavascriptの自作スライドショー（横スクロール）の作り方について解説しています。ボタン付きで自動再生の機能を実装していますので、学習のためにも是非ご覧ください。

2023/08/10 21:01

【解決策】ブログの表示速度を改善する「使用していないJavaScriptの削減」の方法

ブログの表示速度を改善する方法の一つに、使用していないJavaScriptの削減があります。JavaScriptは、ブログの機能や見た目などを向上させるために必要なファイルですが、不要なJavaScriptを読み込むと、表示速度が遅くなることがあります。このブログ記事では、使用していないJavaScriptの削減方法をご紹介します。

2023/07/29 16:43

JavaScriptのおさらい

JavaScriptの再入門編繊細なアニメーションやインタラクティブなページを作成したり、サーバーと連携したりとJavaScriptを理解することは、現在のウェブ開発においては重要なスキルの一つです。ここでは、JavaScript（ES6以

2023/07/28 13:31

はてなブログカスタマイズの記事まとめ（その4）[CSS、HTML、JavaScript、はてなブログ関連]

ブログカスタマイズに関する記事をいくつか投稿したので、まとめてみようと思います。 ちなみにブログカスタマイズの記事まとめは4回目です。これまでのまとめ記事はこちら。 これまでのブログカスタマイズ まとめ記事 ブログカスタマイズの記事まとめ（その1）[CSS/JavaScript/デザインテーマ] ブログカスタマイズの記事まとめ（その2）[CSS/はてなブログ関連/デザインテーマ] ブログカスタマイズの記事まとめ（その3）[CSS/HTML/JavaScript] 直近のブログカスタマイズはCSS、HTML、JavaScriptと、多岐にわたる感じになりました。 ということで、投稿した記事をまと…

2023/07/11 18:34

【はてなブログ-カスタマイズ】スマホ版のグローバルナビゲーションを変更してみる

数日前から、スマホ版のグローバルナビゲーションを変更しています。 前はヘッダーに配置していたのですが、フッターに移動しました。これはCSS、HTML、JavaScriptを追加適用することで実現しています。なんとなく、スマホを手で持った時の親指の位置的に、フッターにメニューがあった方が操作しやすいなと思っています。なのでネットで調べて、自分のブログにも適用してみました。今回はその適用内容や手順について、アレコレ書いていきます。

2023/07/07 18:27

【はてなブログ-カスタマイズ】追従する目次をサイドバーに表示する

数日前から適用しているのですが、サイドバーに目次を表示しています。 さらに、スクロールの度に目次が追従するようにしています。これはJavaScriptとCSSを追加適用することで実現しています。目次が追従するブログには何度か遭遇していて、便利に感じていました。 それと比べると、自分のブログは目次が多いわりに、記事の最初の方にだけ目次がある状態で不便に感じていました。ということで、ネットで調べて自分のブログにも適用してみました。今回はその適用内容や手順について、アレコレ書いていきます。

2023/06/29 18:35

JavaScriptの非同期処理についてサンプルコード付きで解説！

JavaScriptの非同期処理とは、あるタスクを実行している間に、他のタスクが別の処理を実行できる方式です。例えば、データベースから値を取得するなどの通信を伴う処理は、通信状況によって時間がかかる可能性があります。その場合、非同期処理を使

2023/06/24 10:19

はてなブログカスタマイズの記事まとめ（その3）[CSS、HTML、JavaScript]

ブログカスタマイズに関する記事をいくつか投稿したのでまとめて見ようと思います。 ちなみにブログカスタマイズの記事まとめは3回目です。これまでのまとめ記事はこちら。 これまでのブログカスタマイズ まとめ記事 ブログカスタマイズの記事まとめ（その1）[CSS/JavaScript/デザインテーマ] ブログカスタマイズの記事まとめ（その2）[CSS/はてなブログ関連/デザインテーマ] 直近のブログカスタマイズはCSS関連が多くなりました。 本来なら、けっこうな時間を要するカスタマイズもあったのですが、参考サイトがあることでかなり時間短縮できました。ありがたい。 ということで、投稿した記事をまとめてい…

2023/06/13 18:24

【はてなブログ-カスタマイズ】更新日を追加表示する

数日前から適用しているのですが、記事ページに「更新日」を追加表示しています。これはJavaScriptとCSSを追加適用することで実現しています。たまに自分のブログの過去記事を見返すのですが、少し古くなった内容や、表現がイマイチだったものを見直して更新しています。ですが、更新日を表示していなかったので記事ページからは更新した旨が分からない状態でした。更新日を表示しているサイトにはちょくちょく遭遇していました。 なので自分のブログでも更新日を表示したいなと思い、対応してみました。ということで、変更内容や適用手順について書いていきます。

2023/06/03 18:35

JavaScriptとTypeScriptの違いについて（サンプルコードあり）

JavaScript と TypeScript は、主にWeb開発において使われるプログラミング言語ですが、似ているようでいくつかの点で異なります。今回は、JavaScript と TypeScript の言語仕様の違いや互換性について、簡

2023/06/01 23:24

息子たちが将来できそうな仕事を考える③

NFTゲームを開始しましたがプログラミングも学びたいと思い、ブログでも役立つHTML/CSS/JavaScriptの学習にPythonから変更しました。

2023/05/27 16:17

【悲報】マネーフォワードクラウド請求書APIのv3バージョンアップに対応したばかりなのにもうAPIが非推奨になりました…再び直します【GAS】

2023/05/11 17:51

はてブロの記事が投稿から1年以上経過している場合にアラートを表示する

経緯 ありがたいことに投稿日から数年経過しても、検索からアクセスされてる記事がいくつかあるんだけど、情報が古いから○iitaみたいに この記事は公開日からn年以上が経過しています。情報が古い可能性がありますので十分ご注意ください。 っていう注意書きを画面上に表示させたかった 注意 ブログデザインのテーマははてブロ公式のEpicを使用しています。本記事で紹介するコードはあくまで左記テーマに限ったものになります。 カスタマイズで編集するCSSやJSのコードについては利用上の注意をご確認の上、編集ください。 詳しくはヘルプをご確認ください。 カスタマイズ 1. CSSを追加 管理画面からデザイン＞カ…

2023/04/27 16:41

JS で Lottie のアニメーションを表示する

検証用に触ってみた記録 完成形 <script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.10.2/lottie.min.js" type="text/javascript"></script> <div></div> <script> lottie.loadAnimation({ container: document.querySelector('div'), // 表示領域 path: './data.json', // ローカルに用意したLottieのJSONファイル renderer: 'svg', // 表示する…

2023/04/27 16:36

Javascript ⇒ PHP ⇒ データベース をAjaxで実現

仮想サイコロツール作成のプログラム回です。主にAjaxを用いた連携について。自分自身がまったくの初心者だったので、初心者目線の記事になります。好きなこと書いてるうちのブログの方向性はどちらへ向かっていくのか（笑）どうも、全然ゲームできておら

2023/04/18 21:27

『初心者向け』0からJavascriptのテスト環境を作る流れ

前回、いきなりプログラムの中のことをゴリゴリやってしまいましたが、もしかして手軽にjavascript開発環境が作れるなら、触ってみたい人もいるかなということで記事にします。あと、自分がPCを変更したときに導入の備忘録用です。 テストコード

2023/04/18 21:27

記事一覧に検索機能を追加

ブログ記事にタグ分類の機能を追加しました。技術的な備忘録です

2023/04/18 12:38

HTMLで脚注をお手軽に

脚注を分かりやすい表現で実現するJavaScriptライブラリを作成した話

2023/04/18 09:05

【kintone】レコード一覧画面のインライン編集保存成功後イベント（app.record.index.edit.submit.success）で確認ダイアログを表示させずにリロードさせる裏技【JavaScript】

2023/04/17 15:06

【JavaScript】夏休みにプログラミングを勉強する初心者向け無料オンラインセミナーを開催しました【HTML/CSS】

2023/04/17 15:02

code-prettifyをリファクタリングした

<pre>タグを自動装飾するJavaScriptライブラリ「code-prettify」を改善した話

2023/04/17 14:06

ブログカスタマイズの記事まとめ（CSS、JavaScript、デザインテーマ）

ブログカスタマイズに関する記事をいくつか投稿したのでまとめて見ようと思います。 カスタマイズ目線で自分のブログを見てみると、あっちも気になるし、こっちも気になる。みたいになってしまっていました。せっかくHTML5の資格を取得したので、、ということもあり。 ここ数日はブログカスタマイズが楽しくなっていました。それがちょっと落ち着いてきたので、一区切りとしてまとめてみようかなと。 とはいえまたどこかカスタマイズの余地がありそうなところ見つけたらすぐ適用して記事書きそうではありますが。 それではこれまでに投稿したブログカスタマイズに関する記事を挙げていきます。

2023/04/14 00:21

【forEach】意外と知らない？JavaScriptのthisの参照先について解説【アロー関数】

2023/04/12 15:13

【お知らせ】kintone JavaScript PC⇔モバイル変換ツールを公開しました！【kintone】

2023/04/12 14:56

外部リンクを別タブで開くようにしてみる

せっかくHTML5の資格を取得したので、JavaScriptを追加して外部リンクを別タブで開く対応をしてみようと思います。 ※HTML5の資格、”HTML”と言いつつレベル2はほぼJavaScriptなのです。ちなみに今回の対応、Google検索すると既にいくつか記事がヒットします。 なのでそれらの記事からのコピペ対応でもおそらく対応できたのですが、せっかくなので自力でJavaScriptを書いてみました。なお、HTML5の合格体験記は投稿済みです。こちらも良ければぜひ。 ※JavaScriptはどちらかというとレベル2の領域です。 【合格体験記】HTML5プロフェッショナル認定 レベル1 V…

2023/04/07 19:08

【kintone】毎月のアップデートへの影響調査を一瞬で完了させるプログラムを開発してみた【DOM操作】

2023/04/07 17:18

【無料】お腹の子の性別を家族や友達に超簡単にサプライズ発表できるWebページを公開しました！【ジェンダーリビール】

2023/04/07 17:03

【最速対応】マネーフォワードクラウド請求書APIがv3にバージョンアップしたので使い方・v2からの移行方法について解説します【GAS】

2023/03/29 17:44

【超初心者向け】JavaScriptとは？わかりやすく役割を解説！

HTMLとCSSの役割は理解出来ているけど、JavaScriptがどんな役割をしているのか理解出来ていない方の

2023/03/17 17:06

klibのマニュアルを作り直す

自分用のJavascriptライブラリとして蓄積してきた《klib》のマニュアルが、250種類を超える関数に成長するとともに扱いにくくなってきた。元々、自分用なのであまり深く考えずに適当に決めた仕様でHTML 1ファイル […]

2023/03/14 05:09

Windows PCでの言語ごとの開発環境構築方法とHello Worldと表示させる方法

WindowsのPCでプログラミングを学ぶためには、各言語の開発環境を構築する必要があります。本記事では、Windows PCで各言語の開発環境を構築する方法と、言語ごとにHello Worldを画面表示させるコードを紹介します。Javaの開発環境構築Javaは、Windows PCで最も人気のある言語の1つです。Javaを実行するためには、Java Development Kit（JDK）をダウンロードする必要があります。構築手順1.JDK

2023/03/08 23:47

JavaScriptで営業日を調べる方法（日曜・祝日除く）

JavaScriptだけでなく、どのプログラミング言語にも日本の祝日という概念はありません。ですので、いつもプログラムでも営業日を特定する際にとても苦労しています。そこで今回は、JavaScriptで指定した日が営業日かどうか調べる方法をご

2023/03/06 22:37

【Web開発】HTML/CSS/JavaScriptを使った初心者向けのサイト制作入門

Web開発では、HTML、CSS、そしてJavascriptが重要な役割を果たしています。これらの技術を使って、ウェブサイトを作成することができます。初心者の方でも、簡単なサイトを作ることはできますので、まずは基本的な使い方をマスターしまし

2023/03/03 14:38

【Web開発】HTML/CSS/Javascriptを使った初心者向けのサイト制作入門

Web開発では、HTML、CSS、そしてJavascriptが重要な役割を果たしています。これらの技術を使って、ウェブサイトを作成することができます。初心者の方でも、簡単なサイトを作ることはできますので、まずは基本的な使い方をマスターしまし

2023/03/02 23:28

プログラミングを久しぶりに勉強するならJavaScriptがおすすめ

プログラミングを久しぶりに勉強を始めるならJavaScriptがおすすめな理由を執筆しています。

2023/02/24 12:02

JavaScriptのDOM操作を学ぼう: ブックマークレットを使ってテキストを保存する方法

JavaScript は、現代のWeb開発に欠かせない言語の1つです。その中でも、DOM (Document Object Model)という概念は、Webページ上で要素を操作するための基礎となります。しかし、DOM操作は初学者にとっては難

2023/02/22 16:13

Alexa × Node-RED × OpenAIで、アレクサからChatGPTっぽい回答を聞けるようにした話

アレクサからOpenAIに質問することで、ChatGPTライクな回答を聞けるようにする方法を解説しています。この方法は、Node-REDを使ったオリジナルのAlexaコマンドを作成する方法にも使えます

2023/02/17 20:18

プライベートアプリが無い？2023年にShopifyのTheme Kitを使う最新の方法【Theme Access】

ここ最近Shopifyを使って作業することがあり、古めのテーマを元サイトからインストールしてgit管理しようと思ったらS

2023/02/17 09:49

WordPress│管理画面にサイトやプラグインのバージョン情報を表示するカスタマイズ

当サイトはSWELLというテーマを使っていまして、 管理画面のダッシュボードには 管理画面に表示するバージョン情報 WordPressのバージョン テーマのバージョン PHPのバージョン 各種プラグインのバージョン が表示されています。 も

2023/02/14 03:12

【JS】flatMapで不要なものを削除したい

こんにちは、しきゆらです。今回は、flatMapの処理の中で不要な要素が出てきた場合にそれを排除する方法を知ったのでメモしておきます。 こちらのページの「map()のアイテムの追...

2023/02/05 20:06

JavaScriptさわってみる11回目(((^ω^))) タイマーメソッド

こんにちは。 JavaScriptさわってみる企画11回目です！ 結構やりましたね～。手持ちの本を見ると基本部分はだいたい終わってる感じです。いよいよ最終回か！？ たぶんですけど今までやったことだけでも内容によってはゲームが作れないこともないと思うんですよ(トランプゲームとか)。 ゲームってごく単純化して考えると ① 入力：ボタンを押すなど ② 計算：条件分岐など ③ 出力：画像表示など の繰り返しでしかないんですよね。 9回目でやったイベントハンドラは①や②ですし10回目でやったCanvasは③、2～5回目でやった分岐、ループ、演算なんかは②ですね。1回目でやった内容はボタンを押すと入力した…

2023/02/04 09:37

WordPress│コメント欄のおすすめカスタマイズ

SEO対策に多少は影響はあるコメント欄。 スパム対策でreCAPTCHA等導入したりとコストはかかりますが、 もしコメントするなら導入するとしたら、ユーザーさんが使いやすい形に整えることをおすすめします。 WordPressテーマSWELL

2023/01/30 04:25

WordPress│reCAPTCHAのロゴ画像を公式のやり方で非表示にするカスタマイズ

WordPressでのコメントやお問い合わせのスパム対策で GoogleのreCAPTCHA（v3）を入れることは定番の対策だと思います。 しかし条件によってはreCaptchロゴが邪魔になることがあります。 特にスマホ表示の場合、上に戻る

2023/01/30 04:25

WordPress│高速化の有料プラグイン！WP Rocketの設定方法

こちらのCGメソッドの記事では最強の高速化プラグイン（有料）WP Rocketの設定方法を紹介します！キャッシュ系のプラグインをつかうなら安定して高速化できるものを選びましょう！ WordPress高速化プラグイン WP Rocketとは？

2023/01/28 04:20

超おすすめ！WordPressテーマ「SWELL」のカスタマイズまとめ［中級者以上向け］

すでにWordPressテーマ「SWELL」を使っていて、最高のテーマだよと思っている方へさらに「SWELL」を良くするおすすめのカスタマイズをまとめました。 SWELLはブロックエディターが快適で、記事を書くのが本当に楽しいです！ ちなみ

2023/01/28 04:20

WordPress│サイトをコピーしてPC（ローカル）で表示する方法│LOCAL by Flywheel

WordPressのカスタマイズを失敗して、元に戻すのに苦労したことはないでしょうか？ いきなり稼働中のサイトをいじるのは結構危険です！ 自分のWordPressサイトを自分のPC（ローカル）でも表示・再現できれば、失敗しても安心ですよね。

2023/01/28 04:20

【WordPress】UX向上！便利なブログカスタマイズ［どのテーマでも使える］

以前､作成したブログカスタマイズをまとめてみました｡ どのテーマでも使えるので､気になったら導入してみてください｡ 目次に戻るボタン 各見出し（h2）の終わりに「↑目次へ戻る」ボタンが一時期流行しましたので､それぞれの目次用に作成したもので

2023/01/27 06:03

【WordPress】絞り込み検索の作成方法

記事が多くなってしまった時に､用途に合わせて記事を探すことができたら便利ですよね？ そこでソート（絞り込み）検索ができないかカスタマイズにチャレンジしてみました｡ その備忘録です｡ 難しそうだと思ってましたが結構､簡単にできます！ Word

2023/01/27 06:03

【WordPress】パララックス（視差効果）の作り方

マウスを動かしたりやスクロールした時に画像の一部が止まったり動いたりして見える表現をパララックス（視差効果）といいます｡ かなり昔からある表現ですが､トップページなどで目を引く表現なので､現在でも様々なWEBサイトで使用されています｡ 本記

2023/01/27 06:03