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

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 のような表記になります。わたしたちが使う住所と同様で、「東京都渋谷区渋谷

日本語フォントです。 築地体を参考にしています。 やさしくて、ふんわりとした、ひらがなとカタカナをデザインしています。 漢字と英数字、記号などは「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

デフォルト（標準）で出力されるフィードは？ワードプレスのRSSフィードのデフォルトをまとめてみました。 タイトル概要（本文）カテゴリータグ投稿者サイトのコメント各投稿のコメント検索結果RSSフィードにアイキャッチ画像を追加する 追加方法は以下の手順で、 RSSフィードのテンプレートファイル『/wp-includes/feed-rss2.php』をコピーする。 ※ 元ファイルは編集NG。アップデート時に消える可能性あり。テーマディレクトリ内にコピーした『feed-rss2.php』を置く。テーマディレクトリ内に置いた『feed-rss2.php』に以下を追加する。 <?php /*?>ここから追加<?php */?> <?php if ( has_post_thumbnail() ) : $image_url = wp_get_attachment_image_src(get_post_th

これまでのInstagram APIが廃止されてInstagram Graph APIに置き換わることで、対応に追われている方も多いのではないでしょうか。2020年初頭にはこれまでのInstagram APIが廃止されます。ホームページに旧インスタグラムAPIで投稿を埋め込んでいた方、特にビジネスでスマホ集客やインスタ集客をしていた方は新しいInstagram Graph APIへの切り替えは急務です。 そこで、新しいInstagram Graph APIを使ってウェブサイト上にインスタグラムの投稿を表示するまでの手順を、なるべくわかりやすい方法で紹介します。 可能な限り複雑な手順を省いていますので、ほぼ設定を追っていくだけでアクセストークンとインスタグラムビジネスアカウントIDまで取得できると思います。 後半ではサンプルコードやスタイルシートを用いてホームページに埋め込む方法や、デザイン

本記事で学ぶ内容 ・robots.txtの書き方がわかる ・robots.txtの設置方法がわかる ・robots.txtが正しく作成出来ているか確認する ・robots.txtをGoogleに送信する ホームページを作成しても、Googleがそのページをクロールし検索結果に表示してくれなければ意味がありません。 robots.txtはこのクローリングを最適化し、重要なページをしっかりと検索結果に表示してもらうために使います。また、検索結果に表示したくないページを指定することも出来ます。 本記事は、robots.txtについて学んでいきましょう。 robots.txtとは robots.txtとは、クローラーの動きを制御できるファイルです。 基本的な書き方 User-agent: Disallow: Allow: Sitemap:

コミュニケーション手段として未だ重要な役割を果たしているメールですが、送信元を偽ることで受信者を騙し、ウイルスに感染させようとしたり、フィッシング詐欺に誘導させたりするような不正なメールもまた後を絶ちません。こうしたメールは「なりすましメール」と呼ばれ、重大なセキュリティインシデントの温床になりえます。 こうした悪質な「なりすまし」を防ぐための仕組みが「送信ドメイン認証」です。送信ドメイン認証を怠っていると、自分の送ったメールがなりすましメールだと誤解されてしまい、メールが届かず企業活動が阻害されるリスクもあります。ここでは、なりすましメールの仕組みや、送信ドメイン認証の方法である「SPF」「DKIM」の確認方法について解説します。 なりすましメールの概要と仕組み まず、なりすましメールの概要と仕組みについて解説します。 なりすましメールとは なりすましメールとは、「送信元を偽装して送信さ