3D・Web・AIの実装を、事例とコードで追いかけるメディアです。

山口県山口市宮野上字森1814-1

コーポレートサイト

コンテンツ

3Dサイト
スニペット
AIニュース
コラム

ツール

テンプレート配布
Web診断

サイト情報

会社概要
お問い合わせ
プライバシーポリシー

© 2026 Highneeds

3Dサイトスニペット AIニュースコラムブログテンプレート Web診断

ブログ

WordPress・PHP・CSS・JavaScript まわりの実装メモ。詰まったところと解決したコードをそのまま残しています。

すべて（276）Wordpress（71）PHP（41）CSS（25）Web（22）Javascript（19）Jquery（17）Error（13）Django（12）Vagrant（11）git（10）BASH（9）HTML（7）Python（7）MySQL（7）Nuxt.js（6）SCSS（6）windows（6）conda（6）api（3）Docker（3）AWS（3）Vue.js（3）Laravel（3）Go（2）Blog（2）node（2）SNS（2）react（1）android（1）Security（1）macbook（1）seo（1）preimier-pro（1）Photshop（1）Bootstrap（1）zsh（1）matterport（1）Illustrator（1）Facebook（1）Instagram（1）

17件中 1〜17件を表示

【Javascript】WordPressの記事で目次を自動生成

はじめに WordPressの記事に目次をプラグインなしで作成する方法をご紹介。毎回記事に目次をつける作業をしていたら、1,2つの記事なら問題ないですが、それが10,20の記事に目次をつける作業となると、かなり面倒です。

JavascriptJqueryWordpress

ファイルを取り消すボタンを追加

http://php.o0o0.jp/article/jquery-file_clear

グローバルメニューの現在開いてるページの文字列をactiveにする

グーバルメニューで現在開いてるページの文字列だけ、色を変えたり装飾したりといった案件があると思います。その際にjs・jqeryを用いて解決できます。難易度は簡単で貼り付けるだけ！ ulのidを#grobal-menu

JavascriptJquery

トップへ戻るのボタンを一定スクロールで表示

$(function() { //pagetop var topBtn = $(‘.page-top’); topBtn.hide(); var timer = false; $(window).scroll(funct

JavascriptJquery

drawer.jsスクロールできない対処法

js $(document).ready(function() { $(‘.drawer’).drawer({ iscroll: { mouseWheel: false } }); }); &

JavascriptJquery

edgeでliの黒丸が消えない場合

edgeの時だけ、 jsでliを開いくと、黒丸が表示されてします。僕の場合もそうでした。原因はよくわかりません。マイクロソフトの仕様なのでしょう。 cssで書いても反映されないのです。なので、ulの箇所をliにし

jquery アニメーション

$(‘要素’).css({‘プロパティ’:’値’,’プロパティ’:’値’}); 永遠ループ $(function(){ setInterval(function(){ $(“#scroll”).css(‘display’

select で　optionを非表示にする

https://qiita.com/bubbles/items/cdf9e8431f67d01f7cf8

JavascriptJquery

slick.jsで「TypeError: _.$slides is null」というエラーが表示される場合。

同じ要素にslickを2重に実行しているというものでした。

ヘッダーの追従

ヘッダーをある程度下にスクロールしていくと上に追従の形で表示されるようにしたい場合があると思いますので今回はそちらの説明を行います。 $(function() { //Heder var Header = $(‘.cla

jQueryのいろいろ

クラスの追加 addClass(class) $(“要素”).addClass(“changed”); クラスの削除 removeClass(class) $(“要素”).removeClass(“changed”);

ページトップへの挙動

$(function() { //pagetop var topBtn = $(‘.page-top’); topBtn.hide(); var timer = false; $(window).scroll(funct

aタグの#クリック時のアニメーション

velocityを使用の場合 <script> $(function () { //scroll $(‘a[href^=#]’).click(function () { var href = $(this).

onlickについて。クリックした時に関数を実行

document.getElementById("button").onclick = function() { // ここに#buttonをクリックしたら発生させる処理を記述する };

JavascriptJquery

Jquery アコーディオン

// よくいただく質問のアコーディオン $(function(){ $(“#koukoku-question dt”).on(“click”, function() { $(this).next().slideToggl

barba.js ページ遷移のアニメーション

var FadeTransition = Barba.BaseTransition.extend({ start: function() { Promise .all([this.newContainerLoading,

【jquery】【javascript】お問い合わせフォームで入力ミスがある場合エラーを表示させる方法

お問い合わせフォームの必須部分が空白の場合やメールアドレスが適切でない場合のエラーをブラウザーで処理させたい時に、jqueyもしくはjavascriptでプログラムを書きます。 PHPでも判定コードを書かなくてはなりませ

JavascriptJquery