HTMLには、テーブル（表）を作成するためのTABLEタグがありますよね。 テーブルをPCで見る場合は、大抵ウィンドウに十分な幅があったり、ブラウザの幅をある程度まで縮めた場合に画面全体が横スクロールできるようになったりするため、テーブル自体が伸縮することはあまりありません（デザインによっては伸縮するものは勿論あります）。 対してスマートフォンの場合は画面幅が狭いため、画面からはみ出してしまったり、わずか数文字で折り返されてしまうこともあり、非常に見にくくなってしまいます。 今回は、テーブルをレスポンシブ対応するための工夫をご紹介します。 ①PCと同じレイアウトにする テーブルの行数、列数、文字数によっては、PCと同じレイアウトでも問題なく表示される場合があります。そういった場合は特別な対応をする必要はありません。 工夫するとすれば、テーブル内のpaddingをPCより控えめにすることで、

この記事のまとめ プライバシーポリシーを作成するときに気を付けるべき8つのポイントを解説！！ この記事では、プライバシーポリシーを作成する初心者の方にむけて、ポイントを分かりやすくご紹介します。 ポイントは、次の8つです。 ポイント1│個人情報を定義しよう ポイント2｜社内の情報を洗い出そう ポイント3│利用目的は具体的に明示しよう ポイント4│個人情報を第三者に提供する可能性があれば明記しよう ポイント5│個人情報を共同利用する可能性があれば明記しよう ポイント6│本人からの開示請求等の対応方法を明記しよう ポイント7│ウェブサイトのトップページからすぐに見れる場所に置いておこう ポイント8｜個人情報を仮名加工・匿名加工する ※この記事では、法令名を次のように記載しています。 個人情報保護法…個人情報の保護に関する法律 個人情報保護法施行令…個人情報の保護に関する法律施行令 個人情報保護

manaable（マナブル）は、利用ユーザー数25万人を突破した医療団体向け研修管理システムです。会員や研修から決済・受講・アンケートまで、研修管理に必要な機能を網羅。あらゆる業務の一元管理を可能にしたシステムだからこそ、お客様に合わせた革新的で最適な研修体制をご提供します。 OGPとは？ OGPとは、Open Graph Protocolの頭文字をとったもので、Webサイトのコンテンツの内容をSNSで伝える際に使用する仕組みです。例えば、SNSでWebの記事をシェアしたときに、その記事のURLとタイトル、簡単な内容やサムネイル画像がボックスにまとめられて表示されるのを見たことがあると思います。OGPはこのボックス内のタイトルは何を表示するか、URLは何か、画像は何か、といった部分を設定するために使います。 OGPの設置場所 OGPは、HTMLファイルの中のheadタグ内に設置します。me

Preprosでできること(一部抜粋) 1. Sass（それ以外にもLess、Stylus、Pug/Jade、Haml、Slim、CoffeeScript、TypeScript）をコンパイル可能2. エラーログを詳細に、見やすく出力3. HTTP&HTTPSサーバーが内蔵されており、WordPressやShopify、MAMPなどの外部サービスとも連携可能4. モバイル端末で簡単にページをプレビューできる5. ブラウザと同期可能6. CSSやJSの圧縮・画像の最適化が可能7. JavaScriptファイルの連結 プロジェクトごとに適した設定を行って共有しよう！実案件では１つの案件に複数人の人が関わることが多いですよね。 その際に、プロジェクトごとに適した設定を行うことで、各人が同じ設定のもと作業を行うのでGitで管理していた場合、衝突がおきにくいなど一貫性が保たれるというわけです。 その設

url()関数の書き方 CSSでURLを指定する場合には、url()関数を使用して、以下のように書きます。 url('ファイルのパス'); url("ファイルのパス"); url(ファイルのパス); ()内にはファイルのパスを入れますが、シングルクォーテーション(‘)で囲ってもダブルクォーテーション(“)で囲っても、囲わなくても大丈夫です。 また、ファイルのパスは絶対パスと相対パスどちらでも指定できます。 絶対パスと相対パスとは ファイルのパスとは、ファイルの位置を示すものですが、絶対パスと相対パスという2つの書き方があります。 絶対パス ファイルの住所のようなものです。 https://techacademy.jp/magazine/wp-content/uploads/2016/06/Blog-Image.jpg のような表記になります。わたしたちが使う住所と同様で、「東京都渋谷区渋谷

こんにちは、T部長です。 みなさんは、Googleが公式で提供しているWordPressプラグインがあることを知っていますか？ 今回は、2019年にGoogleが公式に提供開始したWordPressプラグイン「Site kit」について、メリット・デメリット、他プラグインとの違いの解説と実際の利用方法まで 紹介・解説します！ この記事は下記のような人におすすめ！ ・Googleの公式WordPressプラグインに興味がある ・Site Kitと他のプラグインの違いを知りたい人 ・Site Kit の導入方法を知りたい人 ・Site Kit のメリットデメリットを知りたい人 「Site kit」を一言で説明すると、「サーチコンソール」や「アナリティクスなど」Google公式ツールとWordPressを簡単に連携できるプラグインです。 実際に使ってみて、初心者に配慮されていると感じたため、ブロ

日本語フォントです。 築地体を参考にしています。 やさしくて、ふんわりとした、ひらがなとカタカナをデザインしています。 漢字と英数字、記号などは「IPA明朝体」で補っています。 商用利用可能です。 同人誌での利用も可能です。 フォントのご利用に際しては、About をご覧ください。 OpenType形式 Download The post 日本語フォント「はんなり明朝」 first appeared on フォント無料ダウンロード｜Typing Art.

サイト閲覧方法 1ウェブサイトへアクセス https://ugokuweb.coco-factory.jp/ugokuweb/ 新サイトはこちらから 2【ユーザー名】と【パスワード】が求められますので、以下の情報を入力してください。 【ユーザー名】：ugokuweb 【パスワード】：指定のページ数を【半角数字3桁】で入力 （例）30ページの場合は 030 と入力 ※黄色本をご購入の方：7-2「検索」の表紙ページ数 ※ピンク本（実践編）をご購入の方：9-4「SVGアニメーション」の表紙ページ数を【半角数字3桁】で入力してください。 3閲覧制限が解除され、サイトを閲覧できるようになります。 ブックマークをしてご利用ください。 ※掲載されているコードは、2021年に出版された時のものをそのまま掲載しています。 （jQueryのバージョン、プラグインのソースコードの書き方を含む） ソースコードの書

まずはIEユーザーの方へ 万が一、IEユーザーがこのページにアクセスされたときのために。 Googleが開発した世界で一番使用率が高いChromeをオススメします（Edgeでも構わないんですけど）。軽いし、表示崩れなんて起きませんよ？ この機会にブラウザの乗り換えなんてどうでしょうか？ 下記サイトからタダでダウンロードできます。

Googleアナリティクス4プロパティは、正規表現に対応していません。 到達ページのパスを行動レポートで確認する 目標設定をする前に、Googleアナリティクスに到達ページがどのようなURLパスで記録されているかを確認しておきましょう。 具体的には、[行動]-[サイトコンテンツ]-[すべてのページ]を選び、絞り込みフィールドにコンバージョンURLの一部を入力します。 この表で「ページ」列に注目してください。目標設定の「到達ページ」には、この「ページ」列にマッチする正規表現を指定することになります。 Googleアナリティクスの初期設定では、ページ列はURLのうちドメイン名直後の/以降（URLパス）を表します。 ただし、クロスドメイントラッキングを行っている場合や、パラメータを除外している場合、ブラウザでアクセスする際のURLとページ列の値が一致しないこともあります。 例えば、到達ページのU

2024年04月06日非レスポンシブのサイトをレスポンシブ化いたしました。2024年04月05日テーマファイルが編集できない不具合を解消いたしました。2024年04月04日WordPress、テーマ、プラグイン、のバージョンアップを担当いたしました。2024年04月03日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年04月02日お問い合わせフォームを再構築いたしました。2024年04月01日不具合で表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月31日サーバー移管に共に表示されなくなったサイトを表示される状態まで復旧いたしました。2024年03月30日WordPressの操作方法をサポートいたしました。2024年03月29日サイドバーに人気記事を表示させる仕組みを導入いたしました。2024年03月28日テキスト等の簡易な修正を

WordPress のメールフォームプラグイン MW WP Form を利用しているサイトの一つで、下記のように各項目の内容が空のメールが送信される現象がありました。 お問い合わせフォームより送信されました。 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ お名前　　　　　 : メールアドレス　 : お電話番号　　　 : お問い合わせ内容 : －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ メールに送信元の情報を記載するようにしているので、そのIPアドレスを調べてみたら、発信元はロシアで、いくつかのスパムレポート（ブラックリスト）に載っていました。 各項目は必須項目となっていますが、そのチェックに引っ掛からずに送信されてます。恐らく、スパムボットによって直接メールフォームプログラムにアクセスして送信されているものと思われますが、その内容が、不正サイトに誘導するわ

プラグインインストール時のエラーを防止する方法 も書きましたので、合わせてご覧ください EC-CUBE4 になって、プラグインの管理方法が大きく変わりました。 これに伴い、共有レンタルサーバーなど、リソースの少ない環境では以下のような問題が発生する場合があります。 プラグインのインストール時に高負荷な状態が発生し、OOM Killerでhttpdのプロセスが殺される。そのため、プラグインのインストールが完了しない。 https://github.com/EC-CUBE/ec-cube/issues/4142 インストール時以外に、有効化/無効化時、アンインストール時にも発生します。 これらの処理が完了しない場合、以下のような状態となります 「インストール完了」の表示になっても、「有効/設定」ボタンが表示されない システムエラーになる PHPエラー画面が表示される レスポンスが十数分返ってこ

Topics インフォコネクト最新情報 WordPress利用者は今すぐチェック！サイト内検索結果ページに『noindex』設定をしていないとスパム攻撃の対象となり危険です WordPress利用者は今すぐチェック！サイト内検索結果ページに『noindex』設定をしていないとスパム攻撃の対象となり危険です 2021.04.21 Webの豆知識 この記事は公開から１年以上経過しています。 こんにちは、チーフクリエイターのSHOJIです。 WordPressユーザーのみなさん『サイト内検索』って利用されていますか？ SEO対策的にも重要視されるサイト内検索機能は、ネット上でとても多くの紹介ブログ記事が存在していて、機能を利用している方もそうでない方も、一度位は紹介記事に目を通された経験があるのではないでしょうか。 そんなサイト内検索なんですが、知識がないまま機能を利用していると、想像すらしてい

Places APIで口コミをいじくる日本語情報があまり見つからなかったため、忘れないように記録しておきます。 公式はこちら（英語） Overview | Places API | Google Developers 口コミはこのへん（英語） Place Details | Places API | Google Developers 実装にはAPIキーが必要です。 APIキーの取得方法などはこのへんをチェケラ Google Maps PlatformでAPIキーを取得する方法 Google Maps の APIキー を取得する – ねんでぶろぐ Place IDを取得する 口コミを取得したい場所・建物・会社などを指定するために、Place IDというものが必要になります。 Place IDを調べてみる Place IDはこちらで調べます👇 Place IDs | Places API