DORAKING

昔からWeb全般が趣味でWebサイト制作などやってました。Web系資格も多数取得。趣味からWeb系の仕事(ネットショップ運営やWeb制作指導係など)にシフトしてからキャリア10年以上になります。現在はフリーランスとして活動兼Web・デザイン制作会社に
勤務してます。

microCMSロゴ

Astro

【Astroブログまとめ】AstroでmicroCMSを使ってみる

Astroを使ってmicroCMSと連携したサービスを作ります。 microCMSは本格的に使う場合は有料ですが、小規模であれば、無料でも使えます。   STEP1 まずはmicroCMSの ...

PHPinfo

PHP

PHPでざっくり覚えておきたいこと4選!【セキュリティ編】

2024/5/8  

PHPで特に覚えておきたいことを4つに絞ってざっくり!まとめてみました。 XSS クロスサイトスクリプティング フォームの投稿でJavaScriptを埋め込むなど悪意のある攻撃を受ける場合があります。 ...

フロントエンドフレームワークAstro

Astro

【Astro】Croud Flareの ビルドエラー「cannot bundle node.js built-in url imported」について

今回フロントエンドフレームワーク「Astro」を使い、お問合せフォームを作成してみました。 入力データの保管先としてAstroDBを活用します。また、データの保管先としてGitHubも活用します。 今 ...

AOSスライド用画像

JavaScript JavaScriptライブラリ

【AOSの活用】JavaScriptのスクロール処理をより簡単に!

AOSとは AOSとは「Animate On Scroll」の略でして、要はJavaScriptのライブラリになります。 今まで、Webサイトで特定の位置までスクロールしたらスライドアニメーションする ...

ドーナツチャート

JavaScriptライブラリ

Chart.js4系のまとめ(2系からの移行も含む)

Chart.jsとは JavaScirptの記述でExcelのように図形を描画できるJavaScriptライブラリのとこです。 基本的に値を渡すだけで簡単に図形を描画できます。 2024年3月現在では ...

文字数カウンター

JavaScript

【JavaScript】文字数カウンター(文字数チェッカー)

シンプルなブログ用の文字数カウンター作成してみました。 ブログ用ということで残り文字数を10,000文字としてます。残り100文字になると赤くなる仕様です。 「文字をクリア」ボタンを押すことで文字数が ...

tailwindロゴ

CSSフレームワーク

TailwindCSSの超ざっくりまとめ

今回は最近流行りのCSSフレームワークである「TailwindCSS」について超簡単にまとめてみました! とりあえずちょっと基本的な記述だけでも試したいという場合は本記事だけでも動作確認可能です。 た ...

Topへ戻るボタンの実装

JavaScript

【JavaScript・jQuery両方で解説】TOPへ戻るボタン

「TOPへ戻るボタン」と言いますと、Webサイトに訪れて文章を読んでいき下の方まで読み進んでいった場合に 一気に上の方まで戻りたいときってありますよね。 ここではサイト制作の際に必要なTOPへ戻るボタ ...

Unity

UnityでBoxCollider 2Dの中のEdit Colliderのアイコンがない

2024/1/10  

Unityで2Dのゲーム制作を行っていたところ、キャラクターにジャンプをさせるための当たり判定の2箇所目を作りたいという状況になりました。 そのため、「BoxCollider 2D」を2個生成していま ...

vscodeのイメージ

VScode

【WordPress】 VScodeで

今回テキストエディターの「visual studio」(以後VScode)でPHPを記述する際のコーディングについてお伝えします。 WordPressのコードをVScodeを使って書く際に毎回< ...