ブラウザを更新してください 古いバージョンまたはサポート対象外のブラウザをお使いの可能性があります。当社の製品を引き続きお楽しみいただくには、以下のいずれかのブラウザの最新バージョンにアップデートしてください。

Mac に接続してるWi-Fiネットワークの最適チャンネルを探す方法を紹介します。 引越したらWi-Fiの接続が不安定……そんなときは、近隣のWiFiと競合している可能性があります。 ワイヤレス診断を使って 2.4GHz帯、5GHz帯の最適チャンネルを探しましょう。 それでは実際に最適チャンネルを探してみましょう。 まずは、Finder を起動し ショートカットキー「Command + Shift + G」を押します。 すると、「フォルダの場所を入力」というポップアップが表示されるので /System/Library/CoreServices/ と入力しましょう。 すると、次のように表示されるので /システム/ライブラリ/CoreServices/ 「移動」をクリックしましょう。 フォルダ「CoreServices」に移動しました。 「Applications」を開きます。 アプリ「ワイヤ

radiko でラジオを聞くことが多いのだが、再生速度を変えられないのがすごく不便。 アプリ版は手を出しづらいので、Web版に再生速度変更機能を追加する bookmarklet を作った。 実行結果 ついでに、指定秒ジャンプ機能もある。 コードは Gist に置いた。 radiko に再生速度変更ボタンと指定秒ジャンプボタンを追加する bookmarklet ブックマーク作りやすいように現在のバージョンでリンクを作ってみた。 link (terser で短縮後、はてなブログのMarkdown解釈がバグっている(?)部分への対処で少し手を入れているので、そのバグが直されたらうまく動かないリンクになるかも) PC版 Firefox & Chrome と Android版 Chrome にて動作確認済み。Android版 Firefox はあるバージョンから bookmarklet が起動できな

やりたいこと abemaビデオでyoutubeみたくPinP表示したい。 参考:PC版Chromeがピクチャ・イン・ピクチャに正式対応。 調べたら、videoタグで.requestPictureInPicture()を叩けば出来そうなことが分かった。 参考:Picture-in-Picture 頑張らない。 出来たもの javascript:document.querySelector("#main > div > main > div > div.c-video-EpisodeContainer-thumbnail.c-vod-PlayerContainer-container.c-vod-PlayerContainer-inlined > div > div.c-vod-PlayerContainer-screen.com-vod-VODScreen-container > div.c

Gmail では、様々な方法でメールデータのエクスポート・インポートが可能です。 ▼Gmail からメールデータをエクスポートする 【mbox ファイルにエクスポートする】 メールデータを mbox 形式でダウンロードしてください。 【メールクライアントにエクスポートする】 POP / IMAP 機能使ってメールクライアントにデータをダウンロードすることで、ローカルにデータを保存することが可能です。 ダウンロード後のデータの形式は、ご利用のメールクライアントの仕様をご確認ください。 例えば、Outlook2010 にダウンロードしたデータの場合は、pst ファイルとしてローカルに保存されます。 【CSV ファイルにエクスポートする】 Gmail から CSV ファイルに直接データをエクスポートすることはできませんが、CSV ファイルにエクスポートできるメールクライアント (Outlook

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

カルキチ副島が運営するウェブ系の技術について執筆しているブログです

記事を読み込んでいます... HOMEブログ

Google analyticsが新しくアップデートされ、UIから何から変わりました。 正式には、Google Analytics 4（GA4）という名称とのこと。 Google Tag Manager（GTM）でも、これまでのアナリティクスようのタグとは別に、GA4用のタグが用意されています。 前提条件 GA4基準に、フォームのコンバージョンイベントをタグマネを使って取得する方法をまとめます。 ページのURLが変わらず、フォームのClassでコンバージョンを取得するパターンを想定し、 WordpressのプラグインMW WP Formでページ遷移しないフォームを例にしています。 また、すでにGA4のAnaryticsのタグ設定は、GTMで設定されている想定です。 変数の準備 MW WP Formの場合、確認画面、完了画面において、フォームにクラスが追加されます。 そのため、現在どのクラス

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

あらゆるリスクに備えてデータのバックアップは不可欠だ。バックアップさえできていれば万が一データが消えてしまっても、また復元できるからだ。次の２つを叶えるバックアップができればかなり心強いだろう。 定期的に自動でバックアップが取れる自動バックアップのスケジュールを自由に設定できる詳しくは後ほど解説するが、数多くある WordPress のプラグイン中でも２つを可能にし、更に画像ファイル、記事、プラグインなど丸ごとバックアップが取れるのが「BackWPup」である。安定的な動作をしてくれるので、バックアップする際はこのプラグインを使おう。 ここでは、 BackWPup を使ってファイルとデータベースのバックアップを取る方法をご紹介しよう。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メディア8ヶ月で月間140万PVを実現

フック使用の経緯 先日、「Contact Form 7」と「Contact Form 7 add confirm」プラグインでフォームに確認画面を追加しているサイトで、 「Contact Form 7」をアップデートしたら確認画面に遷移しなくなったという相談があり、 調べてみると「Contact Form 7 add confirm」は開発が3年以上停止しているプラグインで、「Contact Form 7」を5.4にアップデートすると「Contact Form 7 add confirm」の方が動かなくなってしまうバグがあるようでした。 （参考）Contact Form 7アップデートでContact Form 7 add confirmが効かない 対処として、「Contact Form 7」のバージョンを5.3.2に戻した上、今後他のプラグインと一緒に更新されてしまわないように「Cont

ご時世柄なかなか人を集めることができない中、WEBセミナー・オンラインセミナーへの需要が高まっています。 もしかしたらまだ一歩を踏み出せていない方もいらっしゃるかもしれませんが、WordPressで構築したオウンドメディアであれば、あまりHTMLの知識があまりない方でも手軽にセミナーの募集ができます。 WEBセミナー・オンラインセミナーの募集画面の一例 ここで軽く作成例をご紹介します。 登録画面 まず、登録画面です。 ここにセミナーの詳細を登録することで次の項で紹介する画面に表示がされます。 基本的には項目に沿って内容を登録していくような作りにするため、タグなどの難しい知識はあまり必要ありません。 それでは登録した内容がどのように表示されていくか見てみましょう。 一覧画面 登録したセミナーの一覧です。ここからセミナーの詳細へ飛ぶことができます。 例えば通常のブログでしたら記事を投稿した順番

まえがき カスタム投稿タイプのアーカイブのURLは普通こんな感じ。 “kotori-blog.com/投稿タイプ名” これに階層構造を持たせたい場合が多々あります。 例えばこんな感じ。 “kotori-blog.com/custompost/投稿タイプ名” 第三階層くらいまであるサイトだとURLの構造って大事だったりしますよね。 今までは「無理だろ」と思って諦めていましたが先日、とうとう発見しました！ そんな感じでこの記事はカスタム投稿タイプのURLに階層構造を持たせる方法を紹介します。 因みにプラグイン「Custom Post Type UI」を使用します。 使用したこと無い人は使ってみてください。 カスタム投稿やカスタムタクソノミーの追加がめっちゃ簡単にできます。 Custom Post Type UIの使い方 この記事では「Custom Post Type UI」の使い方は割愛するの

Jump the paywall, same article via moonlearning.io/articles If you are anything like me, you happily used Pixel (px) in Sketch and Figma during the past years without thinking much about it. It is the unit they gave me. Surely it is correct, and if not, the development team can fix that, no? Plus, there are a lot of people saying my design should be pixel perfect, right? Not quite (unless you inte

【ご質問】いつも記事、著書をなるほど、と興味深く楽しく拝読しております。 今回、人間関係においての「怒り方」について質問したくメールさせて頂きました。 こんにちは、20歳、大学2年生です。 私は怒りを上手に伝える方法がわかりません。本人以外に嫌だったこと(「こんなことをされて嫌だった」など)は話せるのですが、本人に対しての不満やなおして欲しいところを伝えることが中々出来ません。 しかし我慢して相手との関係が良くなるか、と考えるとそうではない気がしてなりません。 本人に言えない、というのは保身的で身勝手なのでしょうか...。 相手にうまく伝わる怒り(悲しみ)の伝え方、コツなどありましたら教えて頂きたいです。 【回答】ご質問誠に有難う御座います。 他の人には言えるものの、本人には不満を伝えられないという現状はあまりにも危険であると言わざるを得ません。本人にも他の人にも言えないのであればまだしも

数年前、私は新しい仕事を始めたのですが、酷いものでした。本当の意味で仕事と呼べるようなことはなく、本業であるはずの文章を書かずに、コーヒーを飲んだりコピーを取ったりしていました。そのことで上司に何か言うこともなく、心の中で愚痴を言っていました。数週間後、上司は困惑したようにこう言いました。「どうして何も言わなかったの？」上司に、自分のためにもっとはっきり意見を言わなきゃダメだと指摘された時は、かなり気まずかったです。自分の意見を言ってストレスになった経験を思い出して萎縮してしまい、揉めるのが嫌だっただけなのです。 長い間（今でもそういうところはありますが）、問題がある時に他人に意見を言うのが怖かったのです。例えば、こういう時です。 友だちが嫌なことをしても何も言わない。 質問があっても聞かない。 職場やあまり好きではない環境では、何も言わない。 給与交渉をしたことがない。 揉めごとが怖かっ

WordPress5.2以降は「ブロックマネージャー」から非表示にしたいブロックを設定可能でしたが、WordPress5.9より「設定」→ブロック→表示ブロックへ移動しました。 WordPress5.9以降であれば「設定」からブロックの非表示設定ができます。 投稿・固定ページ編集画面にて、右上の歯車アイコンの右の三点リーダをクリックすると、メニューが表示されるので「設定」をクリックしてください。 「ブロック」タブに切り替えて「表示ブロック」にて、非表示にしたいブロックのチェックを外してください。 ただ、この方法の場合、設定を知っている人なら誰でも変更できるので、使おうと思えば使えてしまいます・・・ プラグイン「 Disable Gutenberg Blocks – Block Manager 」を使う プラグイン「 Disable Gutenberg Blocks – Block Mana

WordPressのメールフォーム作成プラグイン「MW WP Form」で作成したフォームを複数のページで共通で使用する場合、通常の設定では「入力（→ エラー）→ 確認 → 送信完了」のステップを同一ページで完結させる必要があります。 しかし、それでは送信完了のコンバージョン取得が難しく（めんどくさく）なります。 そこで、今回は MW WP Form のフォームを共通利用しつつ、メール送信完了後に完了ページに遷移する方法をご紹介します。 MW WP Form の URL設定 が空でも送信完了後に別ページに遷移させたい MW WP Form で作成したフォームを複数のページで共通で使用する場合、「URL設定」の「入力画面URL」を入力できません。 「入力画面URL」のみURL入力を省略し「確認画面URL」「完了画面URL」「エラー画面URL」にURLを入力しますと、確認画面の戻るボタン（[m

デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ ウェブ制作において、デザインとHTML実装の一致はエンジニアとして当然求められるものです。とはいえ、デザインツールとブラウザ画面をにらめっこしながら確認するのも大変です。本記事ではNode.jsで動くヘッドレスブラウザのPuppeteerパペティアーを使ってデザインとのズレを検知するビジュアル校正テストの方法を紹介します。 ウェブ業界ではデザイン制作とHTML制作が分業である場合がほとんどです。ビジュアル校正テストを導入することで、HTML制作の品質向上に役立てられます。デザインとHTML実装が別の会社のようなプロジェクトでは、HTML実装時の品質保証の担保になりますし、デザイナーとフロントエンドエンジニアが近い組織でもコミュニケーション円滑化に役立つでしょう。ICS