2022.1.10 更新
皆さまごきげんよう。
さて本日は、webGLで何か作ってみようと思った時に、実験をもっと簡単にするためのパラメーター調整GUI、『dat.GUI』を使ってみて、とても便利だったのでその導入方法の備忘録です。
“webGLに便利なdat.GUIを導入する方法” の続きを読むwebGLに便利なdat.GUIを導入する方法
wordpressのサイトをPWA化させてみよう
2022.1.10 更新
皆さまごきげんよう。
本日は、webサイトのpwa化をやってみましょう。
目次
1.アイコン画像を作りwordpressに設置する
2.manifest.jsonファイルを設置する
3.serviceWorker.jsを設置する
4.header.phpにファイルを読み込む記述をする
5.ホーム画面に追加してみよう
6.追記
履歴書に書ける！Googleの認定資格にチャレンジしてみた
2022.2.12 更新
本日は、履歴書にも書ける「googleの認定資格」にチャレンジしてみた感想や勉強方法などについてお届けします。
目次
“履歴書に書ける！Googleの認定資格にチャレンジしてみた” の続きを読むPaintsChainerで自動着彩を試してみたよ
2022.2.12 更新
皆さまごきげんよう。
突然ですが、もう全部自動化したくないですか？
最近はなんでもかんでも「AIだ、自動化だ」と言われておりますが、それならそろそろ所有者の文体や絵の癖なんかを学んで、下書きくらい自動でやっておいてくれるOSとか出来てもいいのになぁ…なんて、都合のいい未来を思う今日この頃です。
そこで本日は、今話題の自分の描いた絵に自動で色を塗ってくれるという近未来感溢れる神サービス、PaintsChainerを試してみましたよ。
PaintsChainerへGO！
jQueryで背景画像を時間で切り替える
2022.2.12 更新
皆さまごきげんよう。
本日は前回の続きになりますので、ぜひご覧ください。
jQueryでワードプレスの背景画像を時間で切り替えを実装してみます。
今回は当サイトで使用中のワードプレス公式テーマ、twenty seventeenをベースにやってみますが、調べ方や導入の仕方は大体同じなのでぜひ参考にしてみて下さい。
目次
“jQueryで背景画像を時間で切り替える” の続きを読むjQueryで画像を書き換える
ワードプレスでシンタックスハイライトをJavaScriptで実装する方法
2022.2.12 更新
皆さまごきげんよう。
さて、うちのワードプレスはマルチサイトになっております。
そのせいか分かりませんが、ワードプレスのバージョンが上がるタイミングなどで、時々今まで問題なく使えていたプラグインがエラーになってしまうことがあります。
以前、コードをハイライトさせるプラグイン wp-code-highlight-js を入れて大変重宝していたのですが、久しぶりにマルチサイトの一つをメンテナンスしていると、なんとプラグインのエラー表示がヘッダーやフッターに何行も出現しているではありませんか。
もうプラグインに頼るのは諦めるしかない(´ω｀。)、ということで、今回はjavascriptでシンタックスハイライトを実装してみることにしました。
ワードプレスの新エディタGutenbergが使えない場合の解決法
2022.2.12 更新
皆さま、ごきげんよう。
サイト更新しようと思ったら、いつのまにか新エディタになっていてびっくり。
とりあえず旧エディタが使えるプラグイン、その名もClassic Editorを急遽インストールしてみたものの、いずれは使わなければならないなら、今から使って無理やり慣れていくしかないだろう、ということで本日は新エディタ・Gutenbergを試してみようと思います！
“ワードプレスの新エディタGutenbergが使えない場合の解決法” の続きを読むコンテンツをプロテクトしてくれるcss
2022.1.10 更新
皆さまごきげんよう。
以前、画像の右クリック、ドラッグ&ドロップ禁止のプラグインのご紹介をしたのですが、
画像を守るワードプレスプラグイン No Right Click Images Plugin、Easy WaterMark、Image Watermark
うちのテーマと互換性が無くなってしまったのか、原因不明なのですが、このプラグインが全く効いていないことに最近気付きました((((( ；ﾟДﾟ)))
そこで今回は、一行でコンテンツをプロテクトしてくれるcssをご紹介します。
javascriptで作ったカウントダウンタイマーをワードプレスに実装する
2022.2.12 更新
Photo on Foter.com
皆さまごきげんよう。
本日は前回作ったjavascriptのカウントダウンタイマーをワードプレスに実装してみます。
前回の記事はこちらからどうぞ↓
目次
jsファイルをワードプレスに実装する
前回作ったscriptの部分を、新たにjsファイル（◯◯.js）にしてFTPサーバの任意の場所に保存します。
javascriptでカウントダウンタイマーを作る
2022.2.12 更新
Photo on Foter.com
皆さまごきげんよう。
いきなりですが、メニューバーの右上の辺りをごらんください。
いつの間にか「2020東京五輪まであと◯日」というものが出現しております！（2022現在は万博カウントダウンに変更しております）
本日はjavascriptでカウントダウンタイマーを作ってみます。
目次
- javascriptで時間を取得する
- setIntervalとsetTimeoutの違い
- jQueryでhtmlファイルに出力する
cssアニメーションで文字を点滅させてみよう
2022.1.16 更新
皆さまごきげんよう。
サイトのどこかに小さな動きがあると一瞬目を惹きますよね。
本日はcssで文字を点滅させてみようと思います。
1.CSS animationを使って文字を点滅させる
まず、このサイトのヘッダー部分のタイトルをご覧ください。実際に実装してみましたよ。cssはこんな感じです。