ハッシュタグ記事一覧

WordPress：ページの表示速度改善｜Autoptimizeの設定注意点

「Autoptimize」は、WordPressのプラグイン。HTMLやCSS、JavaScript、画像を最適化し、サイトの表示速度を高速化するもの。Autoptimize不具合時の対処法。

2024/11/21 01:14

GenPass：安全なパスワードを1秒で簡単生成！無料で使える便利ツール スズシンラボ

GenPassは、無料で使えるシンプルで使いやすいパスワードジェネレーターアプリです。強力なパスワードを簡単に生成し、セキュリティを強化するのに役立ちます。

2024/11/15 23:54

鈴木俊吾（すずしん）が作成した自作アプリ一覧 スズシンラボ

鈴木俊吾（すずしん）がこれまでに作成した自作アプリを一覧で紹介しています。Webアプリ/スマホアプリ/スマホゲームアプリの概要については、各リンク先の記事をご覧ください。

2024/11/15 23:53

【素のjavascript】全画面ページを縦スライドさせる方法(スマホ対応)

素のJavascriptの全画面（画面いっぱい）の縦スライドの作り方について解説しています。ボタン（インジケーター）付きで、スマホやタブレットなどの指で操作するスワイプの動きにも対応させています。web制作初心者の学習のためにも是非ご覧ください。

2024/11/15 21:29

バリアブルフォントとは-可変フォントで形が自在に変えられる新しいフォント-

2024/11/11 21:10

【AdobeXD】要素の繰り返しの配置が簡単にできるリピートグリッドの使い方

AdobeXDで要素を繰り返して配置するリピートグリッドの使い方について解説をしています。リピートグリッドでは要素をドラッグで左右上下にリピートが簡単にできますので、是非ご興味のある方はお試し下さい！

2024/10/29 00:06

【ダーツ】ダーツのスコアを計算するスクリプトを作った

私が作ったダーツのスコアを計算するサイトDartstatsの使い方を説明するブログです。

2024/10/16 19:35

【高機能】「k-Report」を使えばAPIを呼び出すだけでkintoneのレコードを帳票出力できるらしい【低価格】

2024/10/11 16:26

オセロ(リバーシ)を導入してみた。【暇つぶしにどうぞ】

少しJavaScriptを書籍で学ぶ時間があったので、せっかくならということでこちらにも載せておきます。普通のオセロなので、盤上をクリックすることでコンピュータとの対戦が開始します。

2024/10/06 00:48

【JavaScript】キーコード検索！(サンプルコード付き)

インプットボックスに値を入力してキーコードを手軽に検索できるようにしてみました。気になる方はサンプルコードもあるのでぜひ、確認してみてください。

2024/10/01 21:17

【JavaScript】キーコード検索！(サンプルコード付き)

インプットボックスに値を入力してキーコードを手軽に検索できるようにしてみました。気になる方はサンプルコードもあるのでぜひ、確認してみてください。

2024/09/25 00:20

アクセスカウンターを強化！PVに対応したテキストグラフを簡単に表示する方法 スズシンラボ

アクセスカウンターを強化するために、PVに応じたテキストグラフを簡単に表示する方法を解説します。JavaScriptを使って、アクセス数をグラフで可視化する方法を紹介します。アクセスカウンターを強化して、見た目をより楽しくしてみませんか？

2024/09/18 01:25

CounterWave: PHPとJavaScriptで自作アクセスカウンターを作成する方法 スズシンラボ

PHPとJavaScriptを使って、自作アクセスカウンター『CounterWave』を作成する方法を紹介します。アクセスカウンターの基本的な仕組みから、実際のコードの書き方までを解説していきます。GitHubにてソースコード一式を公開しています。

2024/09/17 01:51

XDでボタンをマウスオーバーした時にアニメーションをつける方法

AdobeXDではデザインにアニメーションを設定する事も可能です。例えばリンクボタンがマウスオーバーした時にアニメーションをつけてブラウザで確認ができます。この記事ではAdobeXDでリンクボタンにマウスオーバーアニメーションをつける方法をご紹介しています。

2024/09/14 16:33

Enjoy Tech!(エンジョイテック)は、無料カウンセリングを受けることができるため利用の際に気軽さがあります

といった方向けの内容となっています。 プ

2024/09/14 09:53

自作のKotlin製静的サイトジェネレーターKraftをGitHubに公開！ スズシンラボ

自作のKotlin製静的サイトジェネレーターKraftをGitHubに公開しました！Kraftは、MarkdownファイルをHTMLファイルに変換することができます。Kraftの概要や使い方、ライセンスなどについて紹介します。

2024/09/06 23:12

自作ブログのカスタマイズ：タグ検索機能の実装方法 スズシンラボ

自作ブログにタグ検索機能を追加しました。キーワードを入力すると、そのキーワードに一致するタグの記事を検索できるようになりました。この記事では、そのタグ検索機能の実装方法を紹介します。一般的な方法とは若干異なりますが、参考にしていただければ幸いです。

2024/09/03 11:33

【JavaScript】ブラウザ判定！User-Agentって？

今回は、JavaScriptでブラウザ判定をする方法を説明していきます。まずはボタンを押してみてください。

2024/08/29 08:10

【WordPress】ブログ記事に「読了目安時間」を表示させる方法2選

2024/08/12 09:14

URLコピーボタンを各記事のシェアボタン内に配置させるカスタマイズ

WordPressブログに ｢URLコピー｣ のボタンを自作で作るのに、デザインは既に設置してあるシェアボタンに溶け込ませ、記事一覧からでもきちんと動作するようにしたい……ということで、｢URLコピー｣ ボタンを独自カスタマイズしてみた。今回はその内容をご紹介する。

2024/07/31 10:43

【javascript】非同期処理のPromiseとasync / awaitの使い方をわかりやすく解説

JavaScriptの非同期処理に不可欠なPromiseとasync / awaitの使い方をわかりやすく解説します。Promiseチェーンによる処理の流れと、async / awaitを用いた直線的で読みやすいコードの書き方について、具体例を交えて詳しく説明します。非同期処理の理解を深めましょう。

2024/07/22 23:36

【JavaScript】ジョイスティックボールと自転・公転

以前アップした「WebARラジコンヘリコプター」のジョイスティックボールに関するスクリプト部分にバグが見つかったので 「WebVRプラネット」ではその部分を修正しています なのでジョイスティックボールのスクリプトとあと自転・公転のスクリプトを残しておきますジョイスティックボール var ballCenterX; //ballの中心座標X var ballCenterY; //ballの中心座標Y var ballRad; //ballの中央からの角度 var shiftX; //ballが移動した時の中心の補正X var shiftY; //ballが移動した時の中心の補正Y var move…

2024/07/18 10:58

【javascript】addEventListenerの使い方と基本｜初心者向け講座

JavaScriptのaddEventListenerメソッドの使い方を徹底解説！基本的な3ステップから、関数の書き方、イベント一覧、複数設定の方法、第三引数の活用、イベントリスナーの削除まで、初心者にもわかりやすく解説します。イベントをもっと効果的に使って、ウェブページをインタラクティブにしましょう。

2024/07/03 08:45

【JavaScript】パスワードを入力してページ遷移をさせる方法

この記事ではJavasscriptでパスワードを入力してページ遷移をさせる方法についてご紹介しています。特定のユーザーのみに表示を許可したい場合に、ベーシック認証等を設定する事が多いですが、サイト規模や場合によってはJavasscriptで簡単に実装できる事もありますので、是非一度試してみてください！

2024/06/23 23:02

【Hello World】TypeScript + React Native for Web + React Navigation + Webpack

今度はTypeScript + React Native for Web + React Navigation + webpack + github pages templateを作ってみました。

2024/06/10 10:08

【JavaScript】画面サイズを取得する方法(監視)

今回は、JavaScriptで画面サイズを取得して「画面サイズが変わるたびに高さと幅を画面に表示させる」方法について説明します！

2024/05/24 01:06

klib シャッターアニメーション

Webサイトをデザインする時には、視覚的な演出としてちょっとした動きを付加することも同時に検討する。動きを与えることで見せたいものをより印象付けたり、UIの観点で使いやすくしたり、情報の内容をより分かりやすく伝えることが […]

2024/05/23 18:59

【JavaScript】球と球の当たり判定

前回の『WebARでシューティングゲーム』のコードをいつものようにアップしようと思ったのですが 未熟なため全体がダラダラと長く やり方が分からなくて古典的な方法を使ったりしている箇所があって これは良くないぞと… 具体例としては当たり判定です Unityなら Colliderコンポーネントを追加してスクリプトでOnCollitionEnterを呼べばすぐにできますが A-FrameもしくはJavaScriptにそんな便利なものがあるのか？ チラッと調べた範囲ではそういうものはなさそうで 仕方がないのでオブジェクトの位置と大きさから計算することにしました 逆に言うとColliderやOnColl…

2024/05/22 11:19

【JavaScript】カメラの向いた方向に弾を移動させる

前回 『WebARでシューティングゲーム』で行った球と球の当たり判定をアップしましたが 他にも数学の力を借りて計算している部分がありまして それは 弾をカメラの向いていた方向に移動させるところです Unityなら transformCamera.forwardで表される方向に時間をかければ良いのですが そんな便利なものは見つかられなかったので自力で計算 弾を発射した時のカメラの角度は取得することができるので 水平方向の角度をx 垂直方向の角度をyとすると const camera = document.querySelector("#camera"); let cameraRotation =…

2024/05/22 11:19

【簡単】TypeScript + webpack で GitHub pages にホストする

自分の作ったものを簡単に誰でも触れるよう、github pagesにホストしたい。。ポートフォリオ作りのために、github pagesに作品を載せたい。。というわけで、typescript + webpackを使ってgithub pagesにホストした流れをシェアできればと思います。

2024/05/20 14:18

ブログから試合詳細ページを表示させてみた

｜ブログから試合詳細ページを表示させてみた｜ある個人WEBマスターの喜怒哀楽

2024/05/01 15:36

canvasで画像がボヤけて映る原因と解法

最近自己プロジェクトでCanvas APIを使ってみたくて、いろいろいじっていたのですが、画像をcanvasに置くとどうしてもいつもぼやけてしまっていました。結構悩んでいたのですが、解法は簡単だったのでシェアします。

2024/04/29 17:56

【JavaScript】カラフルなオリキャラをランダムに描画する

こんにちはです。あっちのそららです。前回、HTMLとCSS（ウェブ制作などで使う言語）で、オリキャラを描画しました。 acchinosorara.hatenablog.jp 今回はそのアレンジで、大量のオリキャラをランダムに描画するコードを書いてみました。「Result」で確認、右下の「Rerun」で再描画できます。描画はランダムなので、毎回違った結果になります。 See the Pen Fairy-rain by あっちのそらら (@acchinosoraranocode) on CodePen. JavaScriptで乱数を生成、かつ値が被らないようにし、下記内容をランダムに設定しています…

2024/04/18 19:39

【はてなブログ-カスタマイズ】スマホ版のグローバルナビゲーションに検索機能を追加する（JavaScript・HTML・CSS対応）

スマホ版のグローバルナビゲーションに検索機能を追加してみました。以前「スマホ版のグローバルナビゲーションを設置する」対応をしています（以下リンク）。 今回はそれに検索機能を追加しました。miya-moto-blog.hatenablog.com元々ページの下の方に検索機能はあったのですが、スマホ版だとそこに辿り着くまで意外と遠いです。 今回の対応で、グローバルナビゲーションからいつでも検索できるようになりました。それではサクッと本題へ。

2024/04/14 18:52

[object Object]の中身を確認する方法

今回は、JSON形式の値が[object Object]になった時に中身を確認する方法について説明します！

2024/04/11 23:14

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

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

2024/04/11 19:12

【WordPressなどで使えます】スライムが現れたけど、触ったら逃げ出すソースコード！

WordPressのブログや、ホームページなどに、スライムを登場させるソースコードです。HTML,CSS,JavaScript、遊びで書いた簡単なコードですが、興味が沸いたらコピペして使ってみて下さい。

2024/04/10 18:39

【はてなブログ-カスタマイズ】スマホ版で追従する目次を表示する（JavaScript・HTML・CSS対応）

スマホ版で目次を常に表示するように対応してみました。 スクロールの度に目次が追従するようにしています。以前「追従する目次をサイドバーに表示する」対応をしています（以下リンク）。 今回はそれをスマホ対応したような内容です。miya-moto-blog.hatenablog.com上記の対応（PCサイズ）だとサイドバーがあるため、そこに目次を表示するようにしました。 今回の対応（スマホサイズ）だとサイドバーがないため、別の方法で目次を表示するようにしています。今回はその辺りに関して詳しく書いていきます。

2024/04/03 19:05

順列組み合わせをリスト化するページ作成(・∀・) ゲーム制作等のデータ整理に(?)

こんにちは。 前から言っていた組み合わせをリスト化するページを作りました(遅っ)。 複数ある物から そのうちのいくつかを取り出すときの全パターンをリストにするページ↓ 順列・組み合わせをリスト化するページ 作る前にざっとは探してみたのですが意外に無いものですね。Excelでの作り方は結構出てきましたけど。 順列・組み合わせの学習に役立つかはわかりませんが ゲーム制作においてはアイテム合成のパターン整理などに使えると思います。生成した表はコピー＆ペーストでEXCELやGoogleスプレッドシートに移すこともできるのでそこから自分用にカスタマイズするなど使い道は広げられそうです。 この記事ではアイ…

2024/03/15 16:58

jQueryとは？

今回は、jQuery(ジェイクエリー)について説明していきます！

2024/03/13 16:43

JavaScriptさわってみる13回目(´・ω・) 再帰関数

こんにちは。 順列・組み合わせリスト化ページを作成しようと思っていましたが調べているうちに新しいことが出てきたのでまたメモ書きをしておきます。 JavaScriptの再帰関数というものです。 再帰関数は関数の処理の中で自分自身を呼び出す関数のことを指します。自分を呼び出すということは呼び出した自分もまた自分を呼び出すので無限ループになりそうですが停止条件を設定することで特殊な動きをするループを作ることができます。 サンプルとして総和を求める再帰関数↓ function sum(n) { if (n <= 1) { return 1; } return n + sum(n - 1); } この関…

2024/03/11 04:41

JavaScriptさわってみる12回目(((´・ω・｀))) 多重ループと多次元配列、表作成

こんにちは。 ひっさしぶりの”JavaScriptさわってみる企画"です。 前回、アイテムの組み合わせを考える記事を書いて、それをリスト化するってことでEXCELのVBAコードを急に載せたのですが折角だからEXCELを持ってない人でも使えるようにJavaScriptで作ってみようかと思いました(ページは作成中)。 前回の記事↓ JavaScriptさわってみる企画では前回の記事のVBAでやっているような多重ループを用いたことがなかったと思うので先にメモ書きを作っておこうと思います。 それに加えてJavaScriptでは表を作成する必要があるので値を管理しやすくするために多次元配列についても書い…

2024/03/06 22:53

JavaScriptとは？

今回は、JavaScriptの基本的な特性や使い方について説明します！

2024/03/06 13:55

【WEBアプリ開発】PHPさわってみる① (∩´∀｀)∩環境構築(XAMPP)

こんにちは。 今回は”プログラミングとか”と名付けたカテゴリーのハナシです。 ※この記事は初心者がやってみた、という日記です。間違いが多く含まれることをご承知おきください。 前回のこのカテゴリーではサーバーというものをレンタルしてみたっていう日記を書きました。その記事でも書きましたが、サーバーっていうのはネットワークに繋がっていてデータを保管できる場所のことで、これに関係することを今回から始めてみます。 それはPHPっていうやつでサーバー側の処理を作れる言語らしいです。 サーバー側と書きましたがこれに対してクライアント側っていうのがありまして、インターネットでWEBページを閲覧したときに閲覧す…

2024/02/23 20:00

【Chrome,Firefox,Edge】各ブラウザでJavaScriptを有効にする方法【小技】

はじめに 通常、インストールした状態で何もいじっていなければJavaScriptはオンになっていますが、いつの間にか手違いで設定をオフにしていたなんてこともあるものです。そこで、各ブラウザでJavaScriptを有効にする方法について書いて

2024/02/19 12:13

Google Apps Scriptsでログが表示されなくなった際の代用方法（GCP不使用）

GASのプロジェクトを作成した際に、Webアプリケーションとしてデプロイすると、console.logやLogger.logが実行ログとして表示されないことがありました。色々と試したのですが、GCPとの連携でも今ひとつうまくいかず、そもそも

2024/02/07 17:38

【CSSイラスト】雪うさぎのアニメーションを作ってみた

こんにちはです。あっちのそららです。今回は、HTMLとCSS（ウェブ制作などで使う言語）で、雪うさぎのアニメーションを作ってみました。「Result」で確認できます（レスポンシブ対応済）。 See the Pen Snow Rabbit by あっちのそらら (@acchinosoraranocode) on CodePen. CSSのアニメーション機能（@keyframes）で、下記の処理を順に実行させています。 雪うさぎを画面外に配置（スタート位置） 雪うさぎの縦位置を移動し、落下を表現 雪うさぎの縦横比率を交互に変え、着地時のぷるぷる感を表現 雪うさぎの横位置を移動＋角度を変更し、転がり…

2024/02/04 20:57

【RPGツクールMZ】プラグインパラメータをゲーム中に変える初心者の試み(; ･`д･´)【プラグインコマンド化】

こんにちは。 体調を崩してちょっと停止してしまいました。体調を崩したと言っても風邪程度のもので今後に影響を与えるやつではなくほぼ回復しました。 さて今回はRPGツクールMZ(RPG Maker MZ)のプラグインのハナシ。 ツクールMZはプラグインをセットすることで機能が追加されたり便利になったりしますね。 そしてそのプラグインにはいくつか種類があります。 ①導入するだけで効果があるもの ②プラグインパラメータで設定する項目があるもの ③プラグインコマンドで効果を発動したり変えたりするもの ④プラグインパラメータとプラグインコマンド両方を使用するもの ⑤その他、メモ欄などを使って効果を設定する…

2024/01/25 01:07

17歳教の人のための今年の生まれ年と干支を表示するプログラム

 Javascript と html の練習がてら、年齢を入力すると生まれ年と干支を表示するプログラムを作ってみました。   17歳教など誕生日を迎えても年を取らない人は便利かも...！？ 年齢: 今年の誕生日はまだ ...

2024/01/15 19:11

QUREO「キュレオ」プログラミング教室の料金・評判を解説！

QUREO（キュレオ）のプログラミング教室の評判や価格はどうなのか？実際にどんなかんじなのかについて具体的に解説！

2024/01/14 08:35