WordPressのイベントカレンダープラグイン「Simple Analytics」をリリースしました！ ※この記事は2024年10月現在の情報です。 目次1 Simple Analyticsとは？2 こんなお悩みにおすすめです3 Simple Analyticsで できること3.1 月別・週別アクセス数3.1.1 確認できる項目3.2 ページ別アクセス数3.3 外部サイトからのアクセス数3.4 地域・デバイス別アクセス数3.5 時間帯別アクセス数3.6 ページ毎の直帰率3. […]
WordPressのイベントカレンダープラグイン「Limited Post Maker」をリリースしました！ ※この記事は2024年10月現在の情報です。 目次1 Limited Post Makerとは？2 どんなシーンで使える？3 Limited Post Makerで できること3.1 オウンドメディア、ブログの記事を会員のみに配信3.2 会員登録・ログインフォーム3.3 会員情報の管理4 使い方について5 システム要件6 導入のお問い合わせについて Limited P […]
WordPressのイベントカレンダープラグイン「Easy Form Maker」をリリースしました！ ※この記事は2024年10月現在の情報です。 目次1 Easy Form Makerとは？2 どんなシーンで使える？3 Easy Form Makerで できること3.1 お問合せフォームを作成3.2 質問を自由に決めてアンケートフォームを作成3.3 Webサイトへの設置はショートコード1行3.4 問合せやアンケート結果をデータベースへ蓄積3.5 複数のフォームを設置するこ […]
WordPressのイベントカレンダープラグイン「Reservation Calendar Maker」をリリースしました！ ※この記事は2024年10月現在の情報です。 目次1 Reservation Calendar Makerとは？2 どんなシーンで使える？3 Reservation Calendar Makerで できること3.1 予約受付数と期間を選んで予約カレンダーを作成3.2 予約申し込みフォームと連動3.3 申込データはデータベースで管理3.4 ショートコード […]
WordPressのイベントカレンダープラグイン「Event Calendar Maker」をリリースしました！ ※この記事は2024年10月現在の情報です。 目次1 Event Calendar Makerとは？2 どんなシーンで使える？3 Event Calendar Makerで できること3.1 色やサイズを選んでカレンダーを作成3.2 ショートコード1行でカレンダーを表示3.3 イベントや定休日をカレンダーに表示3.4 カレンダーは複数の設置可能4 使い方について5 […]
SharePointのモダンUIで、リストの書式設定をJSON形式で入力することにより、カスタムCSSを適用してみましょう。 今回は、このようなリンクリストを作成します。 WEBパーツで似たような形を作れますが、細かいCSSが調整できません。リストのWEBパーツとして複数のページで使用すると、一度の修正で全てのページに修正が適用されます。サイト内で共通で使いたいパーツをこのように使用すると便利です。 目次1 前提条件1.1 使用できるHTMLタグやCSSが限られている2 リス […]
SharePointのモダンUIで作成したサイトは、サイトテンプレートを生成すると簡単に複製できます。 テスト環境で作成したサイトを本番環境に移行する場合などに使えるかもしれません。 目次1 前提条件1.1 権限の確認2 手順3 1.カスタムスクリプトを許可する4 2.サイトをテンプレートとして保存5 3.新規サイトを作成6 4.テンプレートを適用 前提条件 SharePoint Online モダンUI チームサイト サイトテンプレートがサポートされているのはチームサイトの […]
SharePointのモダンUI向けに作成したSharePoint Framework（以降SPFx）の独自アプリを、SharePoint Onlineに展開するには、パッケージ化してサイトに追加する必要があります。 今回はサイトに適用するまでの方法と手順をまとめました。 目次1 前提条件1.1 権限の確認2 1.パッケージ化3 2.App Catalogからアプリをアップロード、動作を確認3.1 App Catalogにアクセスし、.sppkgファイルをアップロード3.2 […]
旧来のクラシックUIを使用していた頃はWEBパーツにカスタムCSSを組み込むことができましたが、モダンUIではCSSやJSの使用が許可されていません。 SharePointのモダンUIで自由にカスタムCSS・JSを使いたい場合は、SharePoint Framework（以降SPFx）という技術を使用する必要があります。 SPFxとは、ざっくりいうとSharePointの独自アプリを作成し、適用するものです。 目次1 前提条件2 SPFxを使用したカスタムCSS・JS構築の手 […]
SharePoint Framework(以下SPFx)で独自アプリを作成するには、まず環境構築が必要になります。 環境構築と言うと難しく感じますが、必要なアプリをいくつかインストールしているだけなので、やってみると簡単です。 目次1 SPFxの作成に必要なツール1.1 ツールをインストールするために1.2 VSCodeのターミナルを起動する2 Node.js（v16）をインストールする3 Gulpをインストールする3.1 コマンドを入力して実行4 Yeomanをインストール […]
目次1 WordPressでもキャッシュを使いたい1.1 set_transient()1.2 get_transient()1.3 delete_transient() WordPressでもキャッシュを使いたい PHPで一時的にデータをキャッシュする場合、一番使われるのはセッション関数（$_SESSION）ですね もちろんWordPressでも利用することは可能ですが、WordPressはセッション関数を推奨していません。 じゃあどうするんだって話になりますが、WordP […]
WordPressのプラグインを作成する場合、REST APIでデータのやりとりをする場合があるかと思います。 その場合はプラグイン上でREST APIエンドポイントを登録して使用します。 こうやると GET https://exmaple.com/wp-json/custom-sumple-plugins/v1/samples でアクセスすると rest_api_callback関数の処理が走ると思います。 ただこれはパーマリンクを%%post_name%%などのカスタムに […]
目次1 天国でもあり地獄のようなPHPの変数事情2 関数も型宣言する時代 天国でもあり地獄のようなPHPの変数事情 PHPは昔から良くも悪くも変数の型に対して寛容でした。 いきなり型宣言をせずに使えますし、なんなら $hoge .= “宣言しなくても追加”; ですら怒られないくらいでした。 ただ、PHP5あたりからうっすらとまずいよねってことになり、PHP5系では非推奨、PHP8以降になると、warningとしてしっかりとアラートが出るようになりました […]
WordPressはLAMP環境で動くCMSとして昔から有名ですが、昔から使われているサイトの場合、絵文字が使えないことがあります。 今回はそういう場合の絵文字を使えるようにしてみましょう 目次1 MySQLのバージョンを調べる2 テーブルの照合順序を変更する3 最近の事情 MySQLのバージョンを調べる 使えるようにしましょうといいつつ、実は大前提があります。 それはMySQLのバージョンが5.5以降であることです。 それ未満のバージョンは「utf8mb4」にできないため、 […]
最近何かとAI関係で話題の「さくらインターネット」ですが、レンタルサーバーはコスパもよく、かなり使いやすいサービスだと思います。 特にWordPressなどのLAMP環境に最適化された環境であり、PHPもいろいろなバージョンを選ぶことができます。 変更方法も簡単でコンパネからボタン一つでできるので楽ちんですね。 ただ当然なのですがマルチドメインで運用している場合もすべての環境にPHPのバージョンが一斉に反映されてしまいます。 それはそれで便利なのですが、例えばこの環境のみバー […]
PHPでサーバーの環境ごとに設定ファイルを用意する場合、config.phpなどのファイルにデータベースの接続情報やAPIのキーなどをdefineで登録すると思います。 これは昔からある一般的なやり方ですが、例えば「ローカル環境やテスト環境と本番環境で情報を出し分けたい」「GitHubやSubversionなどに接続情報を管理されたくない」ということがあるかと思います。 Linuxの場合は「.env」でユーザーごとの情報をあらかじめ設定することが可能ですが、PHPだとデフォル […]
みなさん、reCAPTCHAを使ってますか？ CAPTCHAと呼ばれる機能は問い合わせフォームやログインフォームなどいわゆるbot系対策として有効で、その中でもreCAPTCHAは無料かつ簡単に導入できるたため、様々な場所で使われてます。 目次1 2024年4月から実質有料化？2 他にないのだろうか？3 アカウントを作る4 PHPでの実装5 最後に 2024年4月から実質有料化？ しかし、2024年4月から今まで100万リクエストまで無料だったのが、1アカウント合計1万リクエ […]
近年Webサイト制作時に求められる『Webアクセシビリティ』。 正直なんだかよくわからない、ややこしそうだなあと思う方も多いと思います。 自分も勉強中ではありますが、今回は対応しやすそうな内容をなるべくわかりやすくまとめてみました。 一緒にWebアクセシビリティについて学んでいきましょう。 目次1 そもそもWebアクセシビリティってなに？2 基本的な対応内容2.1 色のコントラストをはっきりさせよう2.2 文字サイズを変更できるようにしよう2.3 できるだけテキストベースを心 […]
前回はLINE Developersでチャネル登録までを行いました。 今回は実際にPHPでログインを実装していきます。 目次1 初期設定を定数にする2 LINE ログインのURLを作成する3 コールバック時の処理4 最後に 初期設定を定数にする 最初にdefineでチャネル登録した情報やAPIのURLを定義します。 メールアドレスを取得したい場合はLINE_SCOPEに「email」を追記してください。 LINE ログインのURLを作成する LINEログインに利用するログイン […]
今回はLINEログインです。 LINEログインは他のソーシャルログインと違って、電話番号必須なので、ユーザーがアカウントを無限に発行するということがなく、しかもOSに関係なくアカウントを使用できるので、特にB2Cサービスを考える場合には是非導入を進めたいと思います。 逆に法人サービスで使う場合、法人担当者が個人のLINEアカウントを使用することはないと思うので、あくまで個人向けサービスがよいかなと思います。 LINEログインについての概要はこちらに詳しく書いています。 htt […]
目次1 前回のおさらい2 実装に必要な情報3 PHPで実装してみる4 戻り先の処理4.1 composerでライブラリのインストール4.2 処理の説明4.3 実際のソース5 最後に 前回のおさらい 前回は「Appleでサインイン」を実装する前の下準備をまとめました。 今回は実際にPHPで実装をしたいと思います。 なお、ソーシャルログインについて実はFirebase上でできるぽいのですが、今回はそれを使わずに実装したいと思います。 実装に必要な情報 前回Apple Develo […]
こんにちは 早速ですが、会員サイトを作る上で割とめんどくさいのがログイン機能です。 メールアドレスを入れてもらってそのアドレスが有効かどうかの判定を行う、パスワード管理など割と面倒くさいのですが、そこら辺の過半数をソーシャルログイン（SNSログイン）にしてしまうことが可能です 最近ではGoogleアカウント、Apple ID、LINE ID、X（旧Twitter）アカウント、Facebookログインなどいろいろありますが、実装する以前の下準備が少しめんどくさいのでまとめました […]
CSSの疑似クラスである:has()がようやく全ブラウザに対応してくれました！ 「:has()ってなんだ？」という方もいらっしゃるかもしれません。 例えば通常は水色のボックスである『#abc』の中に『.xyz』が現れると『#abc』の背景をピンクにする、ということができます。 これまでは親要素に対して子要素が影響を与えることはJavaScriptなどに頼る必要があり、cssのみでは困難でした。 けれど:has()すべてを解決してくれます。 活用方法-チェックボックスの装飾 個 […]
今までの流れで、何となくスムーススクロールやアンカーリンク時の固定ヘッダーのずれをjsなどで処理していませんか？ 実はCSSのみで対応できるようになっています。 主要なブラウザには対応していて、なおかつ簡単にできるので、ぜひ使っていきましょう。 目次1 CSSだけでスムーススクロールをする1.1 実際のイメージ2 CSSだけでアンカーリンク時の固定ヘッダーのずれを調整する2.1 実際のイメージ CSSだけでスムーススクロールをする まずはcssだけでスムーススクロールをする方 […]
最近は企業サイトやブランドサイトでもWordPress（以下WP）でのサイト構築が増えてきました。 弊社でもWPでのサイト構築やリニューアルなどが増えてきており、今後も需要が増えてくると思います。 また、今使っているWPのサイトをアプリ化したい（WebViewなどで）という事もあるかと思うので、その場合、比較的簡単にプッシュ通知を実装できるプラグイン（と通知を行うAPI）を作ってみました。 目次1 どんな構成2 プラグインはどんな機能？3 APIはどんな機能？4 他に必要な情 […]
運営会社:株式会社8bit
制作サービス
運営サービス
