考え方・コラム

  1. レクタス
  2. 考え方・コラム

テーマやキーワードから記事を探せます．

テーマから探す

記事一覧（更新日順）

388件
  1. VIDEO タグの動画で大きな再生ボタンを配置する方法
    VIDEO タグの動画で大きな再生ボタンを配置する方法
    カテゴリ：HTML・JavaScript
    更新日：
    動画をホームページに置きたい場合，Youtube を利用するのが手軽ではあるが，自分のサイトにファイルを置きたい場合の方法を書く． 目次1. 再生ボタンを中心に配置した VIDEO タグでの動画表示1.1. 動画表示サン […]
  2. 組み合わせで出来る「商品企画」
    組み合わせで出来る「商品企画」
    カテゴリ：マーケティング・随筆
    更新日：
    以前に「抽象化して具体化する」という記事を書いたが，商品・サービスを企画するときにもこれを応用することが出来る． そもそも世の中にあるものはほとんどが組み合わせである． 目次1. 抽象化と組み合わせは商品企画に使える1. […]
  3. CORS エラーが出たときの対処法
    CORS エラーが出たときの対処法
    カテゴリ：CSS・知識
    更新日：
    目次1. No 'Access-Control-Allow-Origin' header is present on the requested resource. が出たときの対処法1.1. エラーの再現1.2. エラ […]
  4. 【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】
    【レスポンシブ対応】メガメニューの簡単な作り方【CSSのみ】
    カテゴリ：CSS・HTML
    更新日：
    【レスポンシブ対応】CSSのみでのドロップダウンメニューを作成 のページに「メガメニュー」で検索して辿り着く人がいるので，メガメニューという名前がついているドロップダウンメニューの作り方も合わせて記事にする． (2020 […]
  5. ホームページのネタの探し方 ～動詞編～
    ホームページのネタの探し方 ～動詞編～
    カテゴリ：マーケティング・知識
    更新日：
    名詞を抽象化して，別の用途例を探すという手法は前に説明した． 今回は動詞で本質に迫る方法について説明する． 「従来の商品を使うとうまく行かない場合に新しい商品を使うとうまく行く」というストーリーでページを構成すると良いと […]
  6. ホームページのネタの探し方 ～名詞編～
    ホームページのネタの探し方 ～名詞編～
    カテゴリ：マーケティング・知識・随筆
    更新日：
    企業でホームページを書いていて内容(ネタ)に困ることがあるだろう． そんな際に自動的に見つけることが出来る良い方法を紹介しよう． それは「心に触れるホームページをつくる」でも少し触れているが抽象化と具体化を使う方法である […]
  7. 「リンクに識別可能な名前が指定されていません」と言われた時
    「リンクに識別可能な名前が指定されていません」と言われた時
    カテゴリ：HTML・ホームページ
    更新日：
    新しいPageSpeed Insights 対策． PageSpeed Insights で ユーザー補助 という種別の中に「リンクに識別可能な名前が指定されていません」という文言が出てくるときがある． 目次1. 「リン […]
  8. 「背景色と前景色には十分なコントラスト比がありません」と言われた時
    「背景色と前景色には十分なコントラスト比がありません」と言われた時
    カテゴリ：CSS・ホームページ・知識
    更新日：
    新しいPageSpeed Insights 対策． PageSpeed Insights で ユーザー補助 という種別の中に「背景色と前景色には十分なコントラスト比がありません」という文言が出てくるときがある． 目次1. […]
  9. 【CSS】目のマークでパスワードの表示を切り替える実装方法
    【CSS】目のマークでパスワードの表示を切り替える実装方法
    カテゴリ：CSS・HTML・言語
    更新日：
    目次1. 目のマークでパスワードの表示非表示を切り替える2. サンプルコード2.1. HTML2.2. CSS3. 解説3.1. HTML：パスワード入力欄の作成に必要なパーツを用意3.2. CSS：HTMLで作成したパ […]
  10. 【CSSのみ】ヘルプボタンを作成する
    【CSSのみ】ヘルプボタンを作成する
    カテゴリ：CSS・HTML
    更新日：
    目次1. 画像を使用しないヘルプボタン2. サンプルコード2.1. HTML2.2. CSS3. 解説 画像を使用しないヘルプボタン 【CSSのみ】ヘルプボタンをクリックしたときに説明を表示する方法 では、ヘルプボタンは […]
  11. CSSで目のマークを作成する
    CSSで目のマークを作成する
    カテゴリ：CSS・HTML
    更新日：
    目次1. パスワード表示非表示用、CSSのみで目のマークを作成する2. サンプルコード2.1. HTML2.2. CSS3. 解説 パスワード表示非表示用、CSSのみで目のマークを作成する 画像の目のマークと比べるとかな […]
  12. CSSで二重の目のマークを作成する
    CSSで二重の目のマークを作成する
    カテゴリ：CSS・HTML
    更新日：
    目次1. CSSで二重の目のマークを作成する方法2. サンプルコード2.1. HTML2.2. CSS CSSで二重の目のマークを作成する方法 CSSで目のマークを作成するで作成した目のマークを二重にしました。作成手順は […]
Pagetop