はてなブックマーク

今回はJavaScriptでExcel/CSV両方出力できる機能を実装する方法を解説します。 ExcelだけやCSVだけならライブラリもやり方も色々ありそうでしたがライブラリを2つ入れるは面倒なので、1つのライブラリで両方出力できてなるべく簡単そうなものを探した結果、「exceljs」が良さそうだったのでこれを使って実装します。 管理画面でテーブルのデータをExcel/CSVで出力したいときなどに使えそうです。 デモ今回作るデモをCodeSandboxで作ってみました。 Excel用とCSV用に2つボタンを用意してもいいのですが、今回はラジオボタンで出力形式を選択できるようにしてみました。 上の埋め込みは実際には動かないので、ダウンロードを試してみたい人は以下のURLからどうぞ。 ＞＞https://sei87p.csb.app/ exceljsでExcel/CSV両方で出力できる機能を実

自動挿入されるpタグやbrタグを削除する方法早速結論ですが、wp-config.phpに以下のコードを追加するだけです！ // Contact Form 7の自動pタグ無効 define ('WPCF7_AUTOP', false); ただし注意点があります。 wp-config.phpの最終行にある以下のコードよりも上に書くようにしましょう。 // Contact Form 7の自動pタグ無効 define ('WPCF7_AUTOP', false); /** Sets up WordPress vars and included files. */ require_once( ABSPATH . 'wp-settings.php' ); funcitons.phpから無効化したい場合「wp-config.phpなんて普通編集しないし、もっとわかりやすい場所に処理を書いておきたい…」と

初心者からするとUbuntu（Linux）をインストールするだけで骨が折れる…そしてなかなか優しく解説している記事がない… ってことで今回はMacでUbuntuのライブUSBを作ってインストールするまでの流れを初心者でもわかる様に解説します。 画像もりもりでなるべく手順や全体像が見えるように解説したつもりです。 環境 macOS Catalina 10.15.7USBメモリ4GBUbuntu Desktop 20.04.2.0 LTSUbuntuのインストール先のマシンもMacですが、ここはWindowsでも別に大差ないです。

slickを使っていたら「Uncaught TypeError: Cannot read property ‘unslick’ of undefined」というエラーが出たので今回はその直し方を解説します。 unslickエラーが出る条件どうやらspもしくはpcのいずれかだけslickを発動させようとするとこのエラーが出るみたいです。とは言えエラーが出ない場合もあり、正直詳しくはよくわかりませんm(__)m リサイズしまくってpcとsp表示を切り替えたりリロードすると出たり出なかったりします。 僕はこんな感じで書いていたらエラーが出ました。 $(window).resize(function () { // spのみ if ($(window).width() < 768) { $('.slider').slick({ // オプション }); } else { // pcのみ $('.s

今回はWordPressのカスタム投稿タイプの記事一覧ページ（アーカイブページ）を作る方法を紹介します。 というテンプレ階層になっています。本当はもう少しあるけどほぼこの2つしか使いません。 カスタム投稿タイプのスラッグっていうのはコレです↓（Custom Post Type UIを使っている場合） カスタム投稿タイプごとに使用するファイルを分けたい場合はarchive-[カスタム投稿タイプ名].php、全てのカスタム投稿タイプで同じファイルを使用したい場合はarchive.phpにするといいと思います。 これがカスタム投稿タイプを一覧表示させるファイルになります。 ループ処理をするサブループに一覧表示させたいカスタム投稿タイプを指定することで、その投稿タイプの記事一覧を表示できます。 なお、サブループはnew WP_Query()を使用してください。 たまにquery_posts()で書

今回はGoogleスプレッドシートが「読み込み中です」の画面のまま固まってしまった場合の対処法を紹介します。 やることは簡単。スプレッドシートのCookieを削除するだけです。 スプレッドシートのCookieを削除する まずはChromeを開いて画面右上の三点リーダをクリックし、「設定」をクリックします。 一番下までスクロールして「詳細設定」をクリックします。 詳細設定を開いてすぐ下のプライバシーとセキュリティの項目にある「サイトの設定」をクリックします。 「Cookie」をクリックします。 「すべてのCookieをサイトデータを表示」をクリックします。 Cookieがたくさん出てきますが、検索欄に「docs」と入力します。 すると「docs.google.com」という名前のCookieが出てくるので、これを削除します。 削除が終わったらスプレッドシートをリロードすると、今度はきちんと読

今回はWordPressテーマ「AFFINGER5」風のキラッと光るボタンをCSSだけで作る方法を紹介します。 他にもいくつかパターンを用意したので、気に入ったのがあったら持って帰ってください。コピペ自由です。 光るボタンのCSSコード先にコードだけ載せておきます。 作り方の解説は後述します。 色などのカスタマイズに関してはCSSコードにコメントを残しておくので参考にしてください。 ボタン風のデザインシンプルで厚みのあるボタン風のデザインです。色々なサイトで見かけますね。 ここにテキスト <a href="リンク先のURL" class="shiny-btn1">ここにテキスト</a>.shiny-btn1 { display: block; position: relative; width: 80%;/*ボタンの幅*/ padding: 10px 0; margin: 30px aut