言語

言語 カテゴリー記事(更新日順)

  1. リンク先のページで強調したい文章がある時【Chrome】
    カテゴリ: HTML, 知識
    作成日:
    Google の検索結果の強調スニペットで選ばれた際にクリックして,飛んだ先のページの特定の文字が選択された状態になっているのに気づいた人も多いだろう. 「後の先をとる営業」は私が勝手に名付けた用語なので, こんな単語で […]
  2. 【CSS】目のマークでパスワードの表示を切り替える実装方法
    カテゴリ: CSS, HTML, 言語
    作成日:
    目のマークでパスワードの表示非表示を切り替える 目のアイコンをクリックすることでパスワードの表示非表示の切り替える方法を今回は CSS で実装しました。 javascript での実装は【JavaScript】目のマーク […]
  3. Youtube の動画を複数埋め込んだページの高速化
    カテゴリ: CSS, JavaScript, ホームページ
    作成日:
    PageSpeed Insights 対策の一環.他の対策は以下を見てください. オフスクリーン画像の遅延読み込み 次世代フォーマットでの画像の配信 ウェブフォント読み込み中の全テキストの表示 第三者コードの影響を抑えて […]
  4. メールフォーム作成方法について
    カテゴリ: HTML, JavaScript, php, python, ホームページ, 知識, 言語
    作成日:
    メールフォームとは ホームページにあるお問い合わせ用のメールフォームは企業にとっての受付窓口です. どのような受付窓口であるかは引き合いの数や質を左右する重要な要素です. 実店舗でも入りやすい入り口,入りにくい入り口があ […]
  5. 【レスポンシブ対応】CSSのみでの多階層ドロップダウンメニューを作成
    カテゴリ: CSS, HTML
    作成日:
    javascript無しでナビゲーションメニューを作る 弊社のホームページはナビゲーションメニューとしてドロップダウンメニューを採用している. 当初は drawer.js を使用して作成されていた. しかし,このレスポン […]
  6. ホームページ制作 & コンサルティング
    カテゴリ: CSS, システム, ホームページ, マーケティング
    作成日:
    見る人のことを考えたホームページになっていますか? 初心者をターゲットにしていますか? どのような人たちがページを見に来ると考えていますか? 「知っている人にだけ分かればいい」 大きな間違いです. ちょっと考えればわかり […]
  7. アンケートフォーム・入力フォームシステム
    カテゴリ: HTML, JavaScript, システム, ホームページ, マーケティング
    作成日:
    問い合わせやアンケートを自由に簡単に作成したい! アンケートフォームとは 資料請求やお問い合わせなど引き合いを出したい時に必要な情報だけを記入して,ボタンを押すだけでそのホームページを持っている会社や人宛にメッセージを送 […]
  8. 【CSS】簡単な下線の引き方【HTML】
    カテゴリ: CSS, HTML
    作成日:
    本文中のテキストや見出しに下線を付けたい時があると思います。text-decoration や boder を利用してとても簡単に実装できますので、用途別に応じて解説します。 下線を引く まず、下線のサンプルを用意しまし […]
  9. CSSで円(丸)を描き,内側にテキスト(文字)を入れる
    カテゴリ: CSS, HTML
    作成日:
    円をかいて,中に文字を入れるとはこのような絵のこと. 上 左 中央 右 下 CSS と HTML による円とテキストの記述方法 中の文字の位置指定のポイント CSS は以下のようになる. 円は position: rel […]
  10. 【CSSのみ】レスポンシブな多階層ハンバーガーメニューの実装方法(サンプル付き)
    カテゴリ: CSS, HTML, JavaScript, ホームページ
    作成日:
    ハンバーガーメニューとは スマホでホームページを見ていると右上に「三」のようなマークを見ることが多いと思う. これを見かけがハンバーガーのようだからハンバーガーメニューと呼ぶようだ. 恐らく,箇条書きのメニューを遠くから […]
  11. 【CSS】タグのデザイン【WordPress】
    カテゴリ: CSS, ホームページ
    作成日:
    タグをデザインしてみたので記事として投稿. ブログでタグはそのページの特徴を表す単語となる. 詳細は【WordPress】タグとカテゴリの使い分けを参照のこと. タグ 上のようなタグを CSS のみでデザインする方法. […]
  12. 【CSS】テキスト(見出し,タイトル)に横線をつける方法
    カテゴリ: CSS, HTML
    作成日:
    HTMLのコーディングで必要になり,ちょっと調べたので備忘録. 見出しなどの文字列の両側(両端,左右)に横線(ハイフン・横棒)をつけて,中央にもっていきたい場合がある. - を使うと ------ のように切れ切れになっ […]
  13. 画像スライダー Swiper の設定・使い方 (HTML, CSS, JavaScript)
    カテゴリ: CSS, HTML
    作成日:
    ホームページで使われる「画像スライダー」は種類が多数あり,どれを使うか迷う. 無料で商用利用可能な Swiper 少し調べてみた限り,Swiper というスライダーがとてもよく出来ていると思ったのでこのスライダ―の使い方 […]
  14. webページにチャット機能を入れる方法
    カテゴリ: JavaScript, ホームページ
    作成日:
    弊社のお客様で Smallchat を入れられている方がおられて,引き合いが来たことがあるということを聞いたので早速このサイトにも入れてみたのだが,PageSpeed Insights の点数が 30点ぐらい悪くなるので […]
  15. 「ウェブフォント読み込み中のテキストの表示」問題の解決方法
    カテゴリ: CSS
    作成日:
    PageSpeed Insights 対策の一環.他の対策は以下を見てください. Youtube の動画を複数埋め込みしたページの高速化 オフスクリーン画像の遅延読み込み 次世代フォーマットでの画像の配信 第三者コードの […]
  16. 【CSS】レスポンシブ(スマホ)対応横スクロールテーブル(表)
    カテゴリ: CSS, HTML
    作成日:
    (2021/03/18 文章追加とコード微修正) レスポンシブ対応のホームページの制作で面倒なものの一つに表(table)がある. 横に並んだものを縦にする CSS はよく目にするが,横長のものだと項目が多い場合に訳が分 […]
  17. 【Chrome】開発者ツールの使い方【デバッグ】
    カテゴリ: JavaScript, システム, 知識
    作成日:
    開発者ツールを使ったデバッグ方法 開発者ツールの各機能の使い方はわかったが、実際にどう使えばいいのかわからないという方向けに、javascript で作成した関数のデバッグを実践的に行います。 今回はボタンのクリックでパ […]
  18. 【CSS】ボタンクリックでパスワード(テキスト)の表示・非表示を切り替える
    カテゴリ: CSS, HTML, 知識
    作成日:
    概要 ログイン画面で、パスワード表示ボタンをクリックするとパスワードが表示されるという機能は、現在では当たり前になっています。 ですが、もしパスワード表示ボタンが無く、表示・非表示が切り替えられなかったらとても不便に感じ […]
  19. 【JavaScript】目のマークでパスワードの表示を切り替える実装方法
    カテゴリ: HTML, JavaScript
    作成日:
    目のマークでパスワードの表示非表示の切り替え実装 以前、表示・非表示ボタンでパスワードの表示を切り替える方法をご紹介しましたが、今回は目のマークを使用したパスワード表示非表示の実装方法をご紹介します。 javascrip […]
  20. FID (First Input Delay) の改善
    カテゴリ: JavaScript, ホームページ, 知識
    作成日:
    PageSpeed Insights 対策の一環.他の対策は以下を見てください. Youtube の動画を複数埋め込みしたページの高速化 オフスクリーン画像の遅延読み込み ウェブフォント読み込み中の全テキストの表示 次世 […]
Pagetop