5G時代はwebで何する？トレンド好きの備忘録的徒然日記
皆さまごきげんよう。
現在、地球規模でコロナウイルスが猛威をふるっており大変心配ですね(´ω｀。)。
こんな緊急事態にもかかわらず、朝晩満員電車に乗って通勤しなければならないなんて絶対どうかしてると思います！
これを機に、一刻も早くテレワークが世の中に普及することを切実に願う今日この頃です。
さて、本日は前回の”ウェブサイトの任意の要素ににp5.jsを出力する”の実践編として、ワードプレスで任意の要素にp5.jsを表示させてみようと思います！（最初から読んでみたい方はこちら↓も合わせてご覧くださいませ）
皆さまごきげんよう！
未だ正月病が抜けきらずボーッと生きてますが、そんな時こそ
”やる気が出るまで待っていないで、とりあえず始めてみる”
ことを今から実践していきたいと思います！
不思議なことに、気づけば夢中になってやっていますからお試しください(笑)
前回の記事はこちら→ウェブサイトの背景画像にp5.jsを使う方法
皆さま、明けましておめでとうございます。
今年は兎にも角にもアウトプットの年にしていこうと思っております！
(毎年同じことを言っている様な気もしますが気のせいでしょう😅)
どうぞ宜しくお願いしますm(_ _)m
さて、本日はp5.jsで作った作品をウェブサイトの背景画像にするにはどうするか？の備忘録です。動画を使わなくても、画面に動きが出て目を引くこと間違いなしですよ！
意外と簡単に出来ますのでサクッとやってみましょう。
皆さまごきげんよう。
気づけば年の瀬、すっかり寒くなりましたね。このサイトでも冬恒例の雪を降らせ始めました♪ jsファイルを読み込ませるだけで簡単に実装出来るんですよ。jQueryで雪を降らせてみよう
さて本日は、webGLで何か作ってみようと思った時に、実験をもっと簡単にするためのパラメーター調整GUI、『dat.GUI』を使ってみて、とても便利だったのでその導入方法の備忘録です。
“webGLに便利なdat.GUIを導入する方法” の続きを読む
皆さまごきげんよう。
本日は前回の続きになります。jQueryでワードプレスの背景画像を時間で切り替えを実装してみますよ〜。
今回は当サイトで使用中のワードプレス公式テーマ、twenty seventeenをベースにやってみますが、調べ方や導入の仕方は大体同じなのでぜひ参考にしてみて下さい。
メディアに新規追加で、切り替えたい画像を必要な枚数入れておきましょう。
皆さまごきげんよう。
ようやく春めいてきた今日この頃というのに、既に花粉と戦う日々を送っております(><);皆さんは大丈夫ですか？
さて、実は何気に当サイトのトップ画像（＝ヘッダーの画像）が、1日のうちに4回入れ替わっているんですよ。びっくりですよね∑(ﾟДﾟ)
一体何の意味があるのか？というツッコミは置いといて、今回はjQueryを使って背景画像を時間で切り替えてみる、ということをやってみます。
“jQueryで画像を書き換える” の続きを読む
皆さまごきげんよう。
こちらはもう一ヶ月以上雨も降らず、正に「東京砂漠」と化しております。
肌も目も喉もカラカラで、乾燥ってこんなに辛いんだ、と初めて思いました。あの夏のジメジメ湿度が恋しい今日この頃です(´ω｀。)
さて、うちのワードプレスは無駄にマルチサイトになっております。
そのせいなのか分かりませんが、ワードプレスのバージョンが上がるタイミングなどで、時々今まで問題なく使えていたプラグインがエラーになってしまうことがあります。
以前、コードをハイライトさせるプラグイン wp-code-highlight-js を入れて大変重宝していたのですが、久しぶりにマルチサイトの一つをメンテナンスに訪れてみると、なんとプラグインのエラー表示がヘッダーやフッターに何行も出現しているではありませんか⁂ヽ●┻┓〃ｽﾞｺｯ
“ワードプレスでシンタックスハイライトをJavaScriptで実装する方法” の続きを読む
皆さまご機嫌よう。
以前、画像の右クリック、ドラッグ&ドロップ禁止のプラグインのご紹介をしましたが、私のワードプレスのテーマといつのまにか互換性が無くなってしまったのでしょうか？原因不明なのですが、全く効いていないことに最近気付きました((((( ；ﾟДﾟ)))ｶﾞｸｶﾞｸﾌﾞﾙﾌﾞﾙ
そこで今回は、一行でコンテンツをプロテクトしてくれるcssのご紹介です。
“コンテンツをプロテクトしてくれるcss” の続きを読む
Photo on Foter.com
皆さまごきげんよう。
本日は前回作ったjavascriptのカウントダウンタイマーをワードプレスに実装してみます。
前回の記事はこちら javascriptでカウントダウンタイマーを作る
前回作ったscriptの部分を、新たにjsファイル（○◯.js）にしてFTPサーバの任意の場所に保存します。
“javascriptで作ったカウントダウンタイマーをワードプレスに実装する” の続きを読む
Photo on Foter.com
皆さまごきげんよう。
いきなりですが、ちょっとメニューバーの右上の辺りを見てください。
いつの間にか2020東京五輪まであと◯日というものが出現しております！
本日はjavascriptでカウントダウンタイマーを作ってみます。
“javascriptでカウントダウンタイマーを作る” の続きを読む
皆さまごきげんよう。
サイトのどこかに小さな動きがあると一瞬目を惹きますよね。
本日はcssで文字を点滅させてみようと思います。
まず、このサイトのヘッダー部分のタイトルをご覧ください。実際に実装してみましたよ。cssはこんな感じです。
“cssアニメーションで文字を点滅させてみよう” の続きを読む
皆さま、ごきげんよう。
ワードプレスのカスタマイズといえば色々な方法があると思いますが、本日は私のカスタマイズの仕方について語ってみたいと思います。
twenty seventeenをベースにしたこのブログをカスタマイズした時の注意点や、調べ方についての備忘録です。