人気記事ランキング BEST30
当ブログの記事をランキング表示しています。
-
Vue.jsのv-forでTableを表示させてみた
Vue.js ガイド、リストレンダリングで、 v-for で配列に要素をマッピングする と言う項目を参考に、 Table を表示させてみました。 <div id="app"> <table... -
Google Fonts のパフォーマンスを最適化する
Google Fonts の読み込みついて調べてみました。 「Google Fontsを素早く読み込む」とかで 検索すると「非同期で読み込む」と言った 記事が上位に出てくるのですが、 こんな記事を発見しました。... -
HTMLとCSSだけで コンテンツが表示・非表示になるボタン
ボタンを押すとコンテンツが表示し、 もう一度押すとコンテンツが非表示になるボタンの 実装方法です。 わたしのリスペクトしている 寝ログさんの紹介している シンプルなソースを わたしなりにカスタマイズ ... -
Vue.js + vue-good-table でテーブルを表示する
vue-good-table は、 VueJS 用の強力な データテーブルプラグインです。 並べ替え、列のフィルタリング、 ページネーション、グループ化などの 高度なカスタマイズを備えています。 C... -
愛猫ルナが風になった日
愛猫ルナが月に旅立って今日で7日経ちました。 「初七日」とググると、亡くなってから7日目の法要のことと示されます。 基本的には「命日も含めて7日目」つまり、死後6日目ということになるそうです。 ... -
DataTables.js の Options 設定
DataTables はHTML のテーブルに、ページ切り替え、ページ当たりの件数設定、ソート、キーワード検索などの機能を簡単に追加できるライブラリです。 DataTables は free open s... -
WordPressのget postsで投稿記事を表示する
WordPress 最新の記事一覧を表示する方法 とかで検索すると、かなりヒットするのですが、 色々と参考にして、わたしなりに こんな感じがよいのかなと思い ご紹介いたします。 最近の投稿を5件表示する ... -
Luna (ルナ)
わかっていたけど、もっともっとずっとこんな姿を見ていたかった・・・。 アイキャッチ画像は、2020年9月16日の写真。ひと月半前まではこんなにも穏やかに気持ちよさそうに過ごしていたルナ。 愛猫ルナ享... -
ちょっと驚き！な CSSを非同期でロードする方法
非同期でスタイルシートを ロードする最も簡単な方法 と言う記事を見つけました。 The Simplest Way to Load CSS Asynchronously ( CSSを非同期でロードする最も簡... -
ブロックエディタ (Gutenberg) でスタイルセレクト機能を再現する 3
前回では、 一部のテキストに スタイルを当てる方法を ご紹介いたしました。 https://neco913.kirara.st/post-3723/ はじめに 先ずはじめに、 導入するにあたり gu... -
星評価を表示させるショートコード
寝ログさんで公開されている 「WordPressテーマで 星評価を表示させる ショートコードの実装方法 」 この 星評価ショートコード、 星は、Font Awesome4 を用いて表示させて... -
ブロックエディタ (Gutenberg) にボタンを追加する
ブロックエディタのツールバーにボタンを追加してみます。 ここでは選択した文字列を特定のclassを持った markタグで囲うボタンの追加方法です。 <mark>タグは、文書内の該当テキス... -
DataTables で Responsive を有効にする際の注意事項
先日、 「DataTables.js の Options 設定」 という記事にて DataTables の Responsive 拡張機能を有効にする 方法をご紹介したのですが、 設定如何で正しく表示されないの... -
.htaccessファイルが生成されない
WordPressは、パーマリンクの設定をした時に .htaccessファイルを生成する処理を行います。 本来自動で作られる つまりパーマリンクの設定をすれば 勝手に作られるようなのですが、 わたしのWor... -
「Contact Form 7」を必要なページにだけ読み込む
「Contact Form 7」で「reCAPTCHA」を Ver.3にすると 全てのページに「reCAPTCHA で保護されています」のバッジが画面右下に出現します。 しかも、「トップに戻るボタン」と... -
にゃ～にゃ～の日 2020年 11月
2020年11月22日の「にゃ～にゃ～の日」です。 愛猫ルナが月に旅立って、11月20日で21日経ちました。「三七日 (みなのか)」と言うそうです。 49日目の「四十九日 (七七日)」は法要を行う重... -
愛猫ルナの近況報告 2020/10/24
10月1日に goo blogにて「十三夜が待ち遠しい」という記事を書きました。 わが家の愛猫ルナと十三夜は関係が極めて深く、ルナがわが家の家族になったのが6年前の2014年10月6日、この日は十三夜でし... -
Highcharts.js の Export を有効にして Context button を表示するには
Javascriptグラフ描画ライブラリ highcharts.js ※ は、 highcharts.js 本体のみだと Context button は表示されません。 ※ 商用サイトの場合はLicen... -
ブロックエディタ (Gutenberg) の使用しないブロックを非表示にする
ブロックエディタ (Gutenberg) で 使用しないブロックを非表示にする方法です。 ブラックリストは、 使用しないブロックを登録する事、 ホワイトリストは 使用するブロックを登録する事です。 ... -
群馬音楽センター前のイチョウ並木
群馬音楽センター (高崎市高松町)前の イチョウ並木を散策しました😃 このイチョウ並木、 県道藤木高崎線の 両側400メートルに 約60本が植えられており、 秋の気配が訪れる頃には ギ... -
愛猫ルナ 10月の奇跡 (10月の軌跡)
昨夜の十三夜から一夜明けました。あたたかいエールをありがとうございます。 昨日の記事でも書きましたが、愛猫ルナの容体は手放しに喜べる状態ではないのですが、何より昨夜を迎えられたことに感謝いたします。 ... -
Chart Library CanvasJS と Highcharts を使った感想
Web pageでグラフを描写するための JavaScriptライブラリでおすすめな CanvasJS と Highcharts の二つ。 双方とも商用利用の場合 ライセンスが必要なので、 使い分け※ は... -
ブロックエディタ (Gutenberg) でスタイルセレクト機能を再現する 2
前回では、 スタイルセレクト機能とは どんなものなのかお話しました。https://neco913.kirara.st/post-3634/ はじめに 注意最新のWordPressでは 動作しない可... -
Vue.js + vue-chartjs でチャートを表示する
Vue-chartjs は、Vue.js の Chart.js ラッパーです。 ビルドのセットアップなしで、 ブラウザで直接使用できます。 ブラウザで直接使用したい場合は、 以下を追加します。 ... -
Vue.js + vue-tabs-component でTab を表示する
vue-tabs-component は、 タブを簡単にレンダリングするための Vue component です。 CDN <script src="https://cdn.jsdelivr... -
DataTables の Custom toolbar elements と Buttons extension
DataTablesはテーブルの周りにDOM要素を挿入してDataTables機能を制御します。このメカニズムを利用して独自のカスタム要素を挿入することもできます。 Custom toolbar elem... -
Vue.js の Grid Component Example を試してみた
最近、Vue.js と言う文字が 気になったので調べてみました。 Vue.js (ヴュージェイエス)は、 jQueryと同じような JavaScriptのフレームワークで、 他のJavaScriptライブ... -
WordPress カスタムフィールドに Warning:
先日、 「ブログ上に意味不明文字出現」と言う 記事を書いたのですが、 同じような現象がカスタムフィールドで 起こりました。 ブログ上に意味不明文字出現 どうしちまったんだ WordPress！ ... -
愛猫ルナと迎える事ができた今日
愛猫ルナと今日(2020年10月29日)を共に迎えることが出来ました。エールを送って下さった皆さまに感謝致しますと共にお礼申し上げます。 今日の空倶楽部はgoo blog に投稿しています。是非そちらも... -
上信越自動車道碓氷橋
愛猫ルナが旅立って今日で14日経ちました。この日を二七日(ふたなのか) と言うそうです。 仏教では人が亡くなった命日から数えて7日ごとを忌日と言うそうで、７日ごとに行われる法要の事を忌日法要といいます。忌...
