マガジン

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

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

最近の記事

不完全なるものの美 ――『いるかにうろこがないわけ』と電波ソング

私はミステリー小説やミステリードラマが好きだ。バラバラに思えた断片がつながる瞬間が好きだ。そして、直接的なミステリー作品でなくとも「ミステリー的な構造」をもつものも好きだ。『いるかにうろこがないわけ』もそんな作品の一つだ。 『いるかにうろこがないわけ』は、2023年に同人サークル「月間湿地帯」がリリースした2Dシューティングゲームである(リンク)。この作品には「シューティング」と「物語」という2方面の魅力がある。 「シューティング」としては、一度に一発しか弾を撃つことができ

    • 子供のころ、「自分は20歳まで生きていないだろう」と漠然と想っていた。

      子供のころ、「自分は20歳まで生きていないだろう」と漠然と想っていた。 その想いが消えないまま、気づいたらぬるっと20歳を越えてしまっていたので、そこから先は「ロスタイム」のような気持ちで漫然と過ごしてきた。 20代前半は、毎日「今日が死ぬ最後の日だ」と考えながら生きていた。 べつに自殺を企図していたわけではない。ただ、1週間後、1ヶ月後、半年後にも自分が生き続けているということが想像できないのである。 最近、自分が29歳であることを久しぶりに意識した。 26~28歳の2年

      • 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年間も(!)コンビニでアルバイトを続けている変わり者で、何らかの精神障害(発達障害?)を持っているかのように描かれている。 しかし、この作品は、そうした一遍とおりの読み方だけでなく、多様な角度から楽しむことができる良作である。 学校教育と『コンビニ人間』主人公の女性・古倉は、子供のころから奇妙な言動が多く、家族や友人を困らせることが多かった。いつしか「普通にならねば

        不完全なるものの美 ――『いるかにうろこがないわけ』と電波ソング

        • 子供のころ、「自分は20歳まで生きていないだろう」と漠然と想っていた。

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

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

        マガジン

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

        記事

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

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

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

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

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

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

          【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】レスポンシブ対応 超速コーディング術