Web制作をしていると、フォームで選択肢のどれかひとつを選択して欲しいとき、セレクトボックスとラジオボタンの使い分けに悩むこと、ありませんか？ 「他のサイトがそうしていたから」などといったなんとなくの感覚でフォームの形式を選んでしまっているのが正直なところ。 今回はそんなセレクトボックスとラジオボタンの使い分けに境界線をつけるべく、再度考えてみました。
会員登録後、有料プランで広告を非表示に
詳しくはこちら
pino creatorsでは「作れる"だけ"のWeb制作者」を卒業するためのノウハウを発信しています。
Web制作をしていると、フォームで選択肢のどれかひとつを選択して欲しいとき、セレクトボックスとラジオボタンの使い分けに悩むこと、ありませんか？ 「他のサイトがそうしていたから」などといったなんとなくの感覚でフォームの形式を選んでしまっているのが正直なところ。 今回はそんなセレクトボックスとラジオボタンの使い分けに境界線をつけるべく、再度考えてみました。
FTPアップロードをFilezillaからGitデプロイに変更したことで変わったこと
FTPアップロードをGit管理にして良かったことは 履歴を遡ることができる 業務改善に活かせる 事故が減る 無駄な作業が減る 無駄なファイルやフォルダがなくなる 明らかに業務が改善されたのでぜひお勧めしたいです。
GoogleスプレッドシートとGoogleドキュメントを利用して簡易メルマガ一斉配信をする方法を紹介します。必要なものはパソコンとGoogle アカウントのみ。コピー＆ペーストで対応はできますが、プログラミングが必要なのでプログラミングスキルもあれば尚理解が深まり、カスタマイズができるようになります。
SEOにも影響を与える「パンくずリスト」の作り方とその検証方法「リッチリザルトテスト」
サイト内のどのページにいるのかわからなくなった時、ありませんか？ 基本、Webサイトには「パンくずリスト」というものが設置されており、それらが道標になっているのです。 ユーザーへの配慮として実装が推奨されており、現在ではSEOにも好影響を与
Webサイトのデザインのクオリティを保ったままアクセシビリティを向上させるためにアイコンが使われることが多くありますが、皆さんはどのような基準でアイコンを選択しておりますでしょうか？ 掲載されているアイコンの数だったり、デザインツールでプラグインが使えたりなどの利便性で選んだり… 今回はアイコンサイトを3つ紹介します。
Webサイトのデザインのクオリティを保ったままアクセシビリティを向上させるためにアイコンが使われることが多くありますが、皆さんはどのような基準でアイコンを選択しておりますでしょうか？ 掲載されているアイコンの数だったり、デザインツールでプラグインが使えたりなどの利便性で選んだり… 今回はアイコンサイトを3つ紹介します。
【学習コストほぼゼロ】LottieFilesことはじめ。イラストアニメーションをWebサイトに導入しよう。
動画をWebサイトに載せるのはサイトが重くなってしまったり、JavaScriptでのアニメーションは学習コストが高くなってしまう傾向にあります。 そこで、あらかじめアニメーションが施されたイラストをLottieFilesとしてダウンロードすることで簡単かつ軽量でWebサイトに導入することができます。
今回はjquery.cookie.jsを使用して手軽にCookieを扱えるという紹介でした。 クライアントの要望やアクセシビリティの観点からCookieを利用したほうがいいとき、逆に利用しない方がいい時など様々ですが、jquery.cookie.jsのような手軽に扱えるライブラリがあるのはとても嬉しいことですね。
みていて楽しい、おしゃれなWebデザインギャラリーサイト3選
今回は見た目重視でWebデザインギャラリーを3つ紹介いたしました。 MARP デザインのこと bookma! それぞれセンスが光っていて見ていて楽しいですね。
【導入も簡単】WordPressでも利用できる「Zipaddr」で住所入力の手間を削減しよう！
入力フォームで郵便番号や住所を入力するのは正直面倒ですよね。 そんな面倒な住所入力を補助できるJavaScriptライブラリ「Zipaddr」について紹介いたします。
皆さん、Webサイトの「改善」行っていますでしょうか？Google Analytics 4、Search Console、Clarityを使用することでサイトに流入するユーザーの行動を可視化することができます。また、「Google Tag Manger」を使用することで、これら3つの解析ツールを一元管理できます。
【サンプルあり】スプレッドシートでGoogle検索のサジェストをリスト化しよう。
Webライティングやブログでコンテンツを作る際、SEOやユーザーの需要などの観点から検索サジェストを活用してキーワード選定される方も多いかと思われます。 また、検索サジェストを表示させるようなツールも多いけれど、有料だったり、そもそも社内でツールの許可が許されていないなどの制約があります。サンプルもありますので、以下のリンクからご自身のスプレッドシートにセルをコピーして貼り付けて使ってみてください。
WordPressをサブディレクトリにインストールする方法とその後にすべきこと
WordPressのセキュリティ対策として多く挙げられるのが、WordPressプロジェクトをサブディレクトリに設置させる方法ですね。今回は備忘録として、WordPressをサブディレクトリにインストールする方法とその後にすべきことを紹介いたします。
Safariでサイトを開いたときにMaterial Iconsのアイコンが表示されない時の対処法
コーディングして、ブラウザで確認する際に「Safariだけアイコンが表示されない！」といった問題に直面したことはありませんか？ その問題、CSSに記述を追加するだけで対応できます！SCSSでの楽な記述も紹介。
次世代のB2Bマーケティングフレームワーク「SAVE」とは？4Pとどう異なる？
B2Bマーケティングにおける新しいフレームワーク「SAVE」とは？今までの4Pや4Cとはどう異なるのか。pino creatorsが解説します。
【MEO】データから見るGoogleマップ。その可能性を徹底調査しました。
データから多くの人がGoogleマップを利用していることがわかりました。 世界で10億人を超えるユーザーに使用されている 国内地図アプリ利用率堂々の1位（ほぼ全員） 多くの人が「経路」と「お店選び」に使用している Googleマップを集客で利用している店舗運営者も効果を実感している 調査していくとまだまだGoogleマップの魅力が見つかりそうです。
【2023年1〜2月】pino creators アップデート内容
2023年の1月から2月にかけて大きめのアップデートを行いました。ダークモードなどの機能的なものからスロットのような遊び心のあるものまで。みなさんに楽しんでいただけるように精進して参ります。
【WordPress】カスタムフィールドこと始め。導入から出力までの5ステップを解説！
WordPress実装には欠かせない機能「カスタムフィールド」。 カスタムフィールドを利用することで、投稿の自由度が上がり、さまざまなクライアントの要望に答えることができるようになります。 今回はそんなカスタムフィールドの使い方の基礎を紹介します。 プラグイン「Advanced Custom Fields」導入 管理画面からどのページに何を、どのように表示させたいかを選択 投稿にカスタムフィールドが追加されていることを確認し、入力してみる コーディング 表示を確認
【WordPress】カスタムフィールドってなんのこと？今更聞けないけど知っておきたい基本のキ。
カスタムフィールドとは、WordPressサイトに特定のフィールドを追加できる機能です。 WordPressの投稿のデフォルトであるフィールドは ページタイトル ページのコンテンツ ページスラッグ カテゴリー タグ サムネイル画像 投稿日時 更新日時 抜粋 といったものになります。 基本的にはこれらだけで事足りることが多いのですが、例えば、記事に動画のURLを追加する場合には、「動画URL」というカスタムフィールドを作成することで、動画のURLを保存することができます。
ChatGPTをアシスタントにしてブログ記事を効率的にライティングしてみた。
最近話題のAIチャットツール「ChatGPT」。 その精度がすごいと多くの人に興奮と感動を与えています。 そこで、私が気になったのが、仕事に使えるのかということ。 今回は実際にライティングのアシスタントとしてChatGPTを使用してみました。 テーマを決める ChatGPTに聞いてみる 箇条書きを見出しにする 見出しや内容が正しいかを確認する 内容を追加、修正して公開
利用目的: Cookieはログイン状態の維持や、ユーザーの好みなどを記録できるが、セッションはユーザーのアクション履歴や、処理状況などを管理できる。 管理方法: CookieはJavaScriptなどの言語を使用して管理できるが、セッションはサーバーサイドの言語を使用して管理する。 保存場所: Cookieはブラウザに保存されるが、セッションはサーバーに保存される。 保存期間: Cookieは長期的にブラウザに保存できるが、セッションはユーザーがサイトを離脱すると切れる。 情報の種類: Cookieはユーザーの情報を短期的・小さな情報単位で保存できるが、セッションは複数の情報をまとめて管理できる。 セキュリティ: Cookieはブラウザから直接アクセスされる可能性があるが、セッションはサーバー上で管理されるため、安全性が高いと言える。 サイズ制限: Cookieはブラウザに保存するため、サイズが制限されるが、セッションはサーバーに保存するため、サイズ制限はない。 両者を組み合わせて利用することで、ユーザーの情報を効率的に管理することができます。
「ブログリーダー」を活用して、pino creatorsさんをフォローしませんか？
指定した記事をブログ村の中で非表示にしたり、削除したりできます。非表示の場合は、再度表示に戻せます。
画像が取得されていないときは、ブログ側にOGP(メタタグ)の設置が必要になる場合があります。
Web制作をしていると、フォームで選択肢のどれかひとつを選択して欲しいとき、セレクトボックスとラジオボタンの使い分けに悩むこと、ありませんか？ 「他のサイトがそうしていたから」などといったなんとなくの感覚でフォームの形式を選んでしまっているのが正直なところ。 今回はそんなセレクトボックスとラジオボタンの使い分けに境界線をつけるべく、再度考えてみました。
FTPアップロードをGit管理にして良かったことは 履歴を遡ることができる 業務改善に活かせる 事故が減る 無駄な作業が減る 無駄なファイルやフォルダがなくなる 明らかに業務が改善されたのでぜひお勧めしたいです。
GoogleスプレッドシートとGoogleドキュメントを利用して簡易メルマガ一斉配信をする方法を紹介します。必要なものはパソコンとGoogle アカウントのみ。コピー＆ペーストで対応はできますが、プログラミングが必要なのでプログラミングスキルもあれば尚理解が深まり、カスタマイズができるようになります。
サイト内のどのページにいるのかわからなくなった時、ありませんか？ 基本、Webサイトには「パンくずリスト」というものが設置されており、それらが道標になっているのです。 ユーザーへの配慮として実装が推奨されており、現在ではSEOにも好影響を与
Webサイトのデザインのクオリティを保ったままアクセシビリティを向上させるためにアイコンが使われることが多くありますが、皆さんはどのような基準でアイコンを選択しておりますでしょうか？ 掲載されているアイコンの数だったり、デザインツールでプラグインが使えたりなどの利便性で選んだり… 今回はアイコンサイトを3つ紹介します。
Webサイトのデザインのクオリティを保ったままアクセシビリティを向上させるためにアイコンが使われることが多くありますが、皆さんはどのような基準でアイコンを選択しておりますでしょうか？ 掲載されているアイコンの数だったり、デザインツールでプラグインが使えたりなどの利便性で選んだり… 今回はアイコンサイトを3つ紹介します。
動画をWebサイトに載せるのはサイトが重くなってしまったり、JavaScriptでのアニメーションは学習コストが高くなってしまう傾向にあります。 そこで、あらかじめアニメーションが施されたイラストをLottieFilesとしてダウンロードすることで簡単かつ軽量でWebサイトに導入することができます。
今回はjquery.cookie.jsを使用して手軽にCookieを扱えるという紹介でした。 クライアントの要望やアクセシビリティの観点からCookieを利用したほうがいいとき、逆に利用しない方がいい時など様々ですが、jquery.cookie.jsのような手軽に扱えるライブラリがあるのはとても嬉しいことですね。
今回は見た目重視でWebデザインギャラリーを3つ紹介いたしました。 MARP デザインのこと bookma! それぞれセンスが光っていて見ていて楽しいですね。
入力フォームで郵便番号や住所を入力するのは正直面倒ですよね。 そんな面倒な住所入力を補助できるJavaScriptライブラリ「Zipaddr」について紹介いたします。
皆さん、Webサイトの「改善」行っていますでしょうか？Google Analytics 4、Search Console、Clarityを使用することでサイトに流入するユーザーの行動を可視化することができます。また、「Google Tag Manger」を使用することで、これら3つの解析ツールを一元管理できます。
Webライティングやブログでコンテンツを作る際、SEOやユーザーの需要などの観点から検索サジェストを活用してキーワード選定される方も多いかと思われます。 また、検索サジェストを表示させるようなツールも多いけれど、有料だったり、そもそも社内でツールの許可が許されていないなどの制約があります。サンプルもありますので、以下のリンクからご自身のスプレッドシートにセルをコピーして貼り付けて使ってみてください。
WordPressのセキュリティ対策として多く挙げられるのが、WordPressプロジェクトをサブディレクトリに設置させる方法ですね。今回は備忘録として、WordPressをサブディレクトリにインストールする方法とその後にすべきことを紹介いたします。
コーディングして、ブラウザで確認する際に「Safariだけアイコンが表示されない！」といった問題に直面したことはありませんか？ その問題、CSSに記述を追加するだけで対応できます！SCSSでの楽な記述も紹介。
B2Bマーケティングにおける新しいフレームワーク「SAVE」とは？今までの4Pや4Cとはどう異なるのか。pino creatorsが解説します。
データから多くの人がGoogleマップを利用していることがわかりました。 世界で10億人を超えるユーザーに使用されている 国内地図アプリ利用率堂々の1位（ほぼ全員） 多くの人が「経路」と「お店選び」に使用している Googleマップを集客で利用している店舗運営者も効果を実感している 調査していくとまだまだGoogleマップの魅力が見つかりそうです。
2023年の1月から2月にかけて大きめのアップデートを行いました。ダークモードなどの機能的なものからスロットのような遊び心のあるものまで。みなさんに楽しんでいただけるように精進して参ります。
WordPress実装には欠かせない機能「カスタムフィールド」。 カスタムフィールドを利用することで、投稿の自由度が上がり、さまざまなクライアントの要望に答えることができるようになります。 今回はそんなカスタムフィールドの使い方の基礎を紹介します。 プラグイン「Advanced Custom Fields」導入 管理画面からどのページに何を、どのように表示させたいかを選択 投稿にカスタムフィールドが追加されていることを確認し、入力してみる コーディング 表示を確認
カスタムフィールドとは、WordPressサイトに特定のフィールドを追加できる機能です。 WordPressの投稿のデフォルトであるフィールドは ページタイトル ページのコンテンツ ページスラッグ カテゴリー タグ サムネイル画像 投稿日時 更新日時 抜粋 といったものになります。 基本的にはこれらだけで事足りることが多いのですが、例えば、記事に動画のURLを追加する場合には、「動画URL」というカスタムフィールドを作成することで、動画のURLを保存することができます。
最近話題のAIチャットツール「ChatGPT」。 その精度がすごいと多くの人に興奮と感動を与えています。 そこで、私が気になったのが、仕事に使えるのかということ。 今回は実際にライティングのアシスタントとしてChatGPTを使用してみました。 テーマを決める ChatGPTに聞いてみる 箇条書きを見出しにする 見出しや内容が正しいかを確認する 内容を追加、修正して公開
皆さん、Webサイトの「改善」行っていますでしょうか？Google Analytics 4、Search Console、Clarityを使用することでサイトに流入するユーザーの行動を可視化することができます。また、「Google Tag Manger」を使用することで、これら3つの解析ツールを一元管理できます。
Webライティングやブログでコンテンツを作る際、SEOやユーザーの需要などの観点から検索サジェストを活用してキーワード選定される方も多いかと思われます。 また、検索サジェストを表示させるようなツールも多いけれど、有料だったり、そもそも社内でツールの許可が許されていないなどの制約があります。サンプルもありますので、以下のリンクからご自身のスプレッドシートにセルをコピーして貼り付けて使ってみてください。
WordPressのセキュリティ対策として多く挙げられるのが、WordPressプロジェクトをサブディレクトリに設置させる方法ですね。今回は備忘録として、WordPressをサブディレクトリにインストールする方法とその後にすべきことを紹介いたします。
コーディングして、ブラウザで確認する際に「Safariだけアイコンが表示されない！」といった問題に直面したことはありませんか？ その問題、CSSに記述を追加するだけで対応できます！SCSSでの楽な記述も紹介。
B2Bマーケティングにおける新しいフレームワーク「SAVE」とは？今までの4Pや4Cとはどう異なるのか。pino creatorsが解説します。
データから多くの人がGoogleマップを利用していることがわかりました。 世界で10億人を超えるユーザーに使用されている 国内地図アプリ利用率堂々の1位（ほぼ全員） 多くの人が「経路」と「お店選び」に使用している Googleマップを集客で利用している店舗運営者も効果を実感している 調査していくとまだまだGoogleマップの魅力が見つかりそうです。
2023年の1月から2月にかけて大きめのアップデートを行いました。ダークモードなどの機能的なものからスロットのような遊び心のあるものまで。みなさんに楽しんでいただけるように精進して参ります。
WordPress実装には欠かせない機能「カスタムフィールド」。 カスタムフィールドを利用することで、投稿の自由度が上がり、さまざまなクライアントの要望に答えることができるようになります。 今回はそんなカスタムフィールドの使い方の基礎を紹介します。 プラグイン「Advanced Custom Fields」導入 管理画面からどのページに何を、どのように表示させたいかを選択 投稿にカスタムフィールドが追加されていることを確認し、入力してみる コーディング 表示を確認
カスタムフィールドとは、WordPressサイトに特定のフィールドを追加できる機能です。 WordPressの投稿のデフォルトであるフィールドは ページタイトル ページのコンテンツ ページスラッグ カテゴリー タグ サムネイル画像 投稿日時 更新日時 抜粋 といったものになります。 基本的にはこれらだけで事足りることが多いのですが、例えば、記事に動画のURLを追加する場合には、「動画URL」というカスタムフィールドを作成することで、動画のURLを保存することができます。
最近話題のAIチャットツール「ChatGPT」。 その精度がすごいと多くの人に興奮と感動を与えています。 そこで、私が気になったのが、仕事に使えるのかということ。 今回は実際にライティングのアシスタントとしてChatGPTを使用してみました。 テーマを決める ChatGPTに聞いてみる 箇条書きを見出しにする 見出しや内容が正しいかを確認する 内容を追加、修正して公開
利用目的: Cookieはログイン状態の維持や、ユーザーの好みなどを記録できるが、セッションはユーザーのアクション履歴や、処理状況などを管理できる。 管理方法: CookieはJavaScriptなどの言語を使用して管理できるが、セッションはサーバーサイドの言語を使用して管理する。 保存場所: Cookieはブラウザに保存されるが、セッションはサーバーに保存される。 保存期間: Cookieは長期的にブラウザに保存できるが、セッションはユーザーがサイトを離脱すると切れる。 情報の種類: Cookieはユーザーの情報を短期的・小さな情報単位で保存できるが、セッションは複数の情報をまとめて管理できる。 セキュリティ: Cookieはブラウザから直接アクセスされる可能性があるが、セッションはサーバー上で管理されるため、安全性が高いと言える。 サイズ制限: Cookieはブラウザに保存するため、サイズが制限されるが、セッションはサーバーに保存するため、サイズ制限はない。 両者を組み合わせて利用することで、ユーザーの情報を効率的に管理することができます。
