マガジン

  • WebコーディングTIPS集 ~Yanada's Note~

    ウェブ制作のTIPSをまとめました。 HTML / CSS / jQuery / PHP / WordPress

最近の記事

3つの swiper を完全に同期・連動させる方法 (※controller で上手く動かない人向け)【Swiper 10系】

ここでいう「完全に同期」とは 「スライダーA」「スライダーB」「スライダーC」があるとき、 AをスライドさせればB・Cもスライドし、 BをスライドさせればC・Aもスライドし、 CをスライドさせればA・Bもスライドする という状態のことを指します。 AをスライドさせればB・Cもスライドする(ただし、CをスライドしてもA・Bは動かない) という一方向の連動は色々なウェブサイトで紹介されているのですが、双方向の連動についての情報が見当たらないため、自分で模索しました。

    • 村田沙耶香『コンビニ人間』を読んで

      『コンビニ人間』は2016年に芥川賞を受賞した、村田沙耶香の純文学である。 主人公は18歳~36歳まで18年間も(!)コンビニでアルバイトを続けている変わり者で、何らかの精神障害(発達障害?)を持っているかのように描かれている。 しかし、この作品は、そうした一編とおりの読み方だけでなく、多様な角度から楽しむことができる良作である。 学校教育と『コンビニ人間』主人公の女性・古倉は、子供のころから奇妙な言動が多く、家族や友人を困らせることが多かった。いつしか「普通にならねば

      • ちきりん『自分の意見で生きていこう』を読んで

        社会派ブロガー・ちきりんの著書『自分の意見で生きていこう』を読んだ。 この本の要点をまとめると、下記のごとしである。 ・「意見」に正解や間違いはない。答えのある問題には「正解」や「間違い」があるが、答えのない問題には人それぞれ異なる意見があるだけで「正解」や「間違い」はない。 ・人生における重要な選択はたいてい「答えのない問題」であり、自分の意見をもてないと何も選択できなくなる。 ・「意見」とは、あることに賛成か反対かポジションを明確にすることである。単なる「反応」とは異

        • 【Webコーダー向け】効率的コーディングに必要な「フォント」の知識

          こんにちは。マークアップエンジニアのヤナダ(@yanada_front)です。 Web制作の初心者向けに「HTML・CSSを丁寧に解説した教材」は数多くあります。しかし、「フォントについて解説した教材」はそれほど多くないように思います。かくいう私も、実際に案件を取った後に、フォントでつまずいた一人です。 このページでは、駆け出しエンジニアの方が、実際の案件を取ったときにつまずかないよう、最低限必要な「フォント」の知識をご説明いたします。 1. 対象読者Photoshop

        3つの swiper を完全に同期・連動させる方法 (※controller で上手く動かない人向け)【Swiper 10系】

        マガジン

        • WebコーディングTIPS集 ~Yanada's Note~
          5本

        記事

          【WordPress】投稿を月単位でページ分けする【コードコピペでOK】

          こんにちは。マークアップエンジニアのヤナダ(@yanada_front)です。 WordPress サイトを制作するとき、 「1ヶ月ごとにページを分けて、投稿を表示したい」 場合があると思います。 「今月投稿した記事一覧を1ページ目、  先月投稿を2ページ目、先々月を3ページ目」といった具合ですね。 この「月ごとにページを分ける機能」は、 どうやら WordPress の基本仕様には無いみたいです。 (もしあったら教えて下さい。) 実現するためには、結構しちめんどうな

          【WordPress】投稿を月単位でページ分けする【コードコピペでOK】

          【WordPress】先頭に固定表示 + 1ページあたりの表示数を変えない【コードコピペでOK】

          こんにちは。マークアップエンジニアのヤナダ(@yanada_front)です。 この note では、WordPress において、 ■ 「ブログの先頭に固定表示」機能 を利用しつつ、 ■ 1ページあたりの「記事の表示数」を一定に保つ ための WpQuery を公開しています。 1. 前提下記が、対象読者の一例です。 ・1ページあたり、9個の投稿を表示したい ・「固定表示」を設定した投稿は、1ページ目のトップに固定したい ・3投稿「固定」した場合、固定3 + 通常9

          【WordPress】先頭に固定表示 + 1ページあたりの表示数を変えない【コードコピペでOK】

          【Sass + rem】レスポンシブ対応 超速コーディング術

          はじめまして。 マークアップエンジニアのヤナダ(@yanada_front)です。 【追記】 この記事は、2020年2月 に初投稿したもので、独学で4ヶ月 Webコーディングを勉強した際に編み出した、我流の「レスポンシブ対応術」の方法を書いたものです。 更に Web制作 の経験を積んだ今 読み返すと、「やはり我流は我流。メジャーな方法とは言いがたい方法」ですが(詳細は後述)、場合によっては使える方法なので、備忘録として残しておきます。 1. 前提◆対象読者 ・脱初級~中

          【Sass + rem】レスポンシブ対応 超速コーディング術