マガジン

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

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

記事一覧

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

子供のころ、「自分は20歳まで生きていないだろう」と漠然と想っていた。 その想いが消えないまま、気づいたらぬるっと20歳を越えてしまっていたので、そこから先は「ロス…

ヤナダ
8日前

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

ここでいう「完全に同期」とは 「スライダーA」「スライダーB」「スライダーC」があるとき、 AをスライドさせればB・Cもスライドし、 BをスライドさせればC・Aもスライド…

ヤナダ
3か月前
6

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

『コンビニ人間』は2016年に芥川賞を受賞した、村田沙耶香の純文学である。 主人公は18歳~36歳まで18年間も(!)コンビニでアルバイトを続けている変わり者で、何らかの…

ヤナダ
8か月前
15

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

社会派ブロガー・ちきりんの著書『自分の意見で生きていこう』を読んだ。 この本の要点をまとめると、下記のごとしである。 ・「意見」に正解や間違いはない。答えのある…

ヤナダ
9か月前
3

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

こんにちは。マークアップエンジニアのヤナダ(@yanada_front)です。 Web制作の初心者向けに「HTML・CSSを丁寧に解説した教材」は数多くあります。しかし、「フォントに…

ヤナダ
4年前
53

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

こんにちは。マークアップエンジニアのヤナダ(@yanada_front)です。 WordPress サイトを制作するとき、 「1ヶ月ごとにページを分けて、投稿を表示したい」 場合があると…

ヤナダ
4年前
3

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

こんにちは。マークアップエンジニアのヤナダ(@yanada_front)です。 この note では、WordPress において、 ■ 「ブログの先頭に固定表示」機能 を利用しつつ、 ■ 1…

ヤナダ
4年前
6

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

はじめまして。 マークアップエンジニアのヤナダ(@yanada_front)です。 【追記】 この記事は、2020年2月 に初投稿したもので、独学で4ヶ月 Webコーディングを勉強した際…

ヤナダ
4年前
35
子供のころ、「自分は20歳まで生きていないだろう」と漠然と想っていた。

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

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

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

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コーダー向け】効率的コーディングに必要な「フォント」の知識

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

こんにちは。マークアップエンジニアのヤナダ(@yanada_front)です。

Web制作の初心者向けに「HTML・CSSを丁寧に解説した教材」は数多くあります。しかし、「フォントについて解説した教材」はそれほど多くないように思います。かくいう私も、実際に案件を取った後に、フォントでつまずいた一人です。

このページでは、駆け出しエンジニアの方が、実際の案件を取ったときにつまずかないよう、最低限

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

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

こんにちは。マークアップエンジニアのヤナダ(@yanada_front)です。

WordPress サイトを制作するとき、
「1ヶ月ごとにページを分けて、投稿を表示したい」
場合があると思います。

「今月投稿した記事一覧を1ページ目、
 先月投稿を2ページ目、先々月を3ページ目」といった具合ですね。

この「月ごとにページを分ける機能」は、
どうやら WordPress の基本仕様には無いみた

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

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

こんにちは。マークアップエンジニアのヤナダ(@yanada_front)です。

この note では、WordPress において、
■ 「ブログの先頭に固定表示」機能 を利用しつつ、
■ 1ページあたりの「記事の表示数」を一定に保つ
ための WpQuery を公開しています。

1. 前提下記が、対象読者の一例です。

・1ページあたり、9個の投稿を表示したい
・「固定表示」を設定した投稿は

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

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

はじめまして。
マークアップエンジニアのヤナダ(@yanada_front)です。

【追記】
この記事は、2020年2月 に初投稿したもので、独学で4ヶ月 Webコーディングを勉強した際に編み出した、我流の「レスポンシブ対応術」の方法を書いたものです。

更に Web制作 の経験を積んだ今 読み返すと、「やはり我流は我流。メジャーな/ベストな方法とは言いがたい」ですが(詳細は後述)、ごくまれに使

もっとみる