初学者向けのWeb制作についてのメディアサイト「Feylo」を作成したので紹介

初学者向けのWeb制作についてのメディアサイト「Feylo」を作成したので紹介

目次

はじめに#

Web制作についてのメディアサイト「Feylo」
Web 制作についてのメディアサイト「Feylo」

この度、初学者向けの Web 制作についてのメディアサイト「Feylo」を作成したので紹介します!
技術的には、Nuxt.js を使用して作成しました!技術的な部分はコードを見ていただければなので、この記事ではデザインに関して参考にしたサイトなどを紹介します。

Feylo
Web制作についてのメディアサイト「Feylo」です。初学者に向けて、Web制作の基礎から応用までを分かりやすく解説します。
Feylo favicon
feylo.dev
Feylo

リポジトリは下記で公開してます!

GitHub - nono-k/feylo
Contribute to nono-k/feylo development by creating an account on GitHub.
GitHub - nono-k/feylo favicon
github.com
GitHub - nono-k/feylo

参考にしたサイト#

このメディアサイトを作成するにあたり、参考にしたサイトを紹介します。

全体的なデザイン#

JY-CONTENTS UNIQUE BLOG#

「創る」をおもいっきり楽しむ!| JY-CONTENTS UNIQUE BLOG
フリーランスwebクリエイターのblogです。デザインとプログラミングの勉強の事がメインですが、その他にも仕事等で気になった事や趣味の事についても発信していきたいと思います。
「創る」をおもいっきり楽しむ!| JY-CONTENTS UNIQUE BLOG favicon
jy-contents.com
「創る」をおもいっきり楽しむ!| JY-CONTENTS UNIQUE BLOG

前から Web 製作についてのメディアサイトを作りたいと思っていたのですが、当初はブログサイトみたいな感じなのでアニメーションなどは付ける予定はありませんでした。

ですが、このサイトを見てブログサイトなのに、すごく目立っていて印象に残るサイトで良いなと思ったので自分が作ったサイトもアニメーションを駆使して初見で目立ち印象に作るサイトにしたいと思い作成しました。

文字の無限ループや、ホバーアニメーション、ハンバーガーメニュー、ブログ詳細のページ、ランダム記事など多くの部分で参考にさせていただきました。

dōzo#

dōzo – SNSで贈れるソーシャルギフト《どーぞ》
dōzoは、もらった人がギフトを選べる新世代ソーシャルギフトサービス。100種類以上の個性的なテーマの中から、あの人にぴったりのギフトが見つかります。
dōzo – SNSで贈れるソーシャルギフト《どーぞ》 favicon
dozo-gift.com
dōzo – SNSで贈れるソーシャルギフト《どーぞ》

サイトの配色や、記事一覧のカードコンポーネントのデザインとホバーアニメーションなどを参考にさせていただきました。

HugMug#

HugMug - 親子で楽しむファッションやライフスタイル情報を届けるママメディア
『HugMug(ハグマグ)』はWeb・雑誌で情報を発信する、ママ・パパに向けたライフスタイルマガジン。おしゃれな親子ファッション、子どもの行事の楽しみ方、話題のお出かけスポットなど、今どきファミリーがワクワクする情報をお届け。掲載数No.1の親子SNAP、人気ママ・パパのコラム、お出かけ先データベースなど、さまざまなコンテンツでファミリーの好奇心を満たします。
HugMug - 親子で楽しむファッションやライフスタイル情報を届けるママメディア favicon
hugmug.jp
HugMug - 親子で楽しむファッションやライフスタイル情報を届けるママメディア

まんま一緒ですが、サイトトップのキービジュアルのデザインを参考にさせていただきました。自分のサイトではキービジュアルの右側に紹介したアニメーションの実装例を載せたのは独自性を出せて良かったです。

niko and …#

ニコアンド(niko and ... )オフィシャルブランドサイト
ライフスタイルを編集するniko and ...のブランドサイト。ヒトや暮らしにスタイルを加えるヒントを発信していきます。
ニコアンド(niko and ... )オフィシャルブランドサイト favicon
www.nikoand.jp
ニコアンド(niko and ... )オフィシャルブランドサイト

こちらも全体的なデザインを参考にさせていただきました。メディアサイトを作るうえで、デザインもアニメーションもポップな感じのサイトを作りたいと思っていたので、このサイトを参考にさせていただきました。

今後、コンテンツが増えた際もこのサイトのようなデザインにしたいと思います。

フェリシモ#

GO!PEACE! | フェリシモ
みんなで「うれしい未来」をつくるプロジェクト。お買い物を通じて、さまざまな分野のうれしい未来を一緒につくりませんか?
GO!PEACE! | フェリシモ favicon
www.felissimo.co.jp
GO!PEACE! | フェリシモ

こちらのサイトは、フッターを主に参考にさせていただきました。
キーワードのタグが無限ループで流れるようにしたり、コンテンツ一覧の箇所を参考にして実装しました。

LIPPS#

LIPPS | 株式会社リップス
「カッコいい」を引き出すメンズビューティーブランド、LIPPS。ヘアサロンからトレンドを創り出し、ユーザーに必要とされるプロダクトを開発しています。
LIPPS | 株式会社リップス favicon
lipps.co.jp
LIPPS | 株式会社リップス

こちらは去年、サイトを見て衝撃を受けたサイトの 1 つです。
見出しのデザインとお問い合わせエリアのスクロール連動のアニメーションを参考にさせていただきました。

コンポーネントまとめページ#

コンポーネントまとめページ
コンポーネントまとめページ

コンポーネントまとめページは、汎用的に Web 製作でよく使うコンポーネントをコピペですぐに使えるようにをコンセプトにまとめています。

デザインの参考は、Google の Material Design のサイトを参考にさせていただきました。前から Google の Material Design のサイトのデザインが好きだったので、参考に作成できて良かったです。

Material Web 同様に、作成したサイトもコンテンツ部分のみスクロールするようにしています。

Material Web
Material Web favicon
material-web.dev
Material Design
Material Design 3 - Google's open-source design system, provides comprehensive guidelines, styles, & components to create user-friendly interfaces.
Material Design favicon
m3.material.io
Material Design

Web デザインアニメーション帳ページ#

Webデザインアニメーション帳ページ
Webデザインアニメーション帳ページ

このサイトのメインコンテンツにしたいページです。
主なコンセプトは、今は閲覧できない「動く Web デザインアイディア帳」みたいに、Web デザインで使うアニメーションをまとめたいと思います。

「動く Web デザインアイディア帳」は jQuery が使われていましたが、このサイトでは素の JavaScript や CSS、GSAP など実務で実際に使う技術で紹介したいと思っています。

デザインに関しては、似たような感じになってしまっているので、後々にはもう少しデザインを変えたいと思っています。

動くWebデザインアイデア帳
動くWebデザインアイデア帳 favicon
ugokuweb.coco-factory.jp
動くWebデザインアイデア帳

おわりに#

初学者向けの Web 制作についてのメディアサイト「Feylo」を作成して公開しましたので、参考にしたサイトなどを紹介しました。

まだコンテンツは少ないですが、コンテンツを増やしていき、みなさんの役に立てるようなサイトにしていきたいと思います!

Related Post
Astro製のブログにCloudinaryを導入する
image

はじめに

このブログと技術ブログは、Astro の Content Collection を使ってマークダウンでブログを書いていて、記事は GitHub で管理してます。

Astro の Image コンポーネントを使うために、ブログ記事の画像も src/assets/images/配下に配置していました。しかし、ローカルで画像を管理したくないなと思ったので Cloudinary を導入してみました。

Astro での Cloudinary の導入方法について、この記事では紹介します。 Cloudinary の詳しいオプションなどは解説しないのと、Cloudinary のアカウントが既にあるのを前提に説明します。

まだの方は下記 URL からアカウントを作成してください。

https://cloudinary.com/

Astro Cloudinary のインストール

Astro で使える Cloudinary のコンポーネントが用意されてます。下記コマンドで Astro Cloudinary をインストールしましょう。

npm install astro-cloudinary

インストールできたら、プロジェクトのルートに.envファイルを作成して、Cloudinary のアカウント情報を記述します。

PUBLIC_CLOUDINARY_CLOUD_NAME="<Your Cloud Name>"
Meta Data
公開日:2025-05-19
Tags:
#Web
#Astro
技術ブログをアドセンスに合格するのに1年かかった話

はじめに

Web 制作に関して書いている技術ブログの方で、1 年越しでアドセンスに合格したので、その経緯について書いていきます。

同じようにブログをやっていて、なかなかアドセンスに受からない…と悩んでいる方の参考になれば幸いです。

https://hypb.dev

始まり:技術ブログを始めた理由

未経験から Web 制作会社に転職してから半年が過ぎた頃、日々の学びや試行錯誤をアウトプットする場所が欲しくてブログを始めました。(あとは少しの収益が欲しかった笑)

技術系の内容がメインで、以下のような記事を書いていました。

  • Astro についての情報
  • GSAP や Swiper などのライブラリーを使ったアニメーション表現
  • 自分の開発環境など

「どうせ書くなら収益化もできたら嬉しいな」と思い、ブログ開設から数記事でアドセンスに申し込んでみたのですが…

不合格の連続:何が悪いのか分からない

最初の審査結果は「不合格」。理由は「価値の低いコンテンツ」とのことでした。

Meta Data
公開日:2025-05-14
Tags:
#Web
読んだ本リスト
セックスはなぜ楽しいか
セックスはなぜ楽しいか
セックスはなぜ楽しいか
著者
ジャレド ダイアモンド
発売日
1999年3月31日

タイトルにある「セックスはなぜ楽しいか」ばかりが書かれているわけではなく、本書では、人間の性がどのようにして進化・淘汰されて現在のようなものになったのかを考察するものである。

本書で随所に書かれていることが、人間の性的特徴を理解するには、まず人間を中心とした偏った考え方を捨てるべきだという主張だろう。人間は他の動物と比べても、奇妙な性生活を送っているのだという。

例えば、人間の女性は排卵が自分自身でほとんど確認できないが、これは動物の世界ではごく少数派という。ヒヒのメスなどは、排卵時期には膣のまわりの皮膚が膨張して真っ赤になることで、遠くからでもひと目で分かりオスに知らせる役割をもつ。他の動物のメスでも、自分の排卵を知っていて、目に見えるサインや匂いや行動で、排卵をはっきりとオスに知らせる。

なぜ人間は他の動物と同じように進化しなかったのかを、様々な説の紹介とともに考察していく。男性が授乳しない理由なんて考えたこともなかったし、理論的には可能であるらしい。進化理論を基軸に科学的発見を織り交ぜながら解説している。

1997年に書かれた本ではあるので、この説は現在は本当なのか?と思うこともあったが、タイトルとは裏腹に真面目なサイエンス本であり読んでいて面白かった。

ヒトのセクシャリティにかかわる大きな謎は、究極要因にかかわる進化論的な問いであり、生理学的な直接のメカニズムを詮索することではない。 なぜそのように進化しなかったのかの理由をどう理解するかが大切なのだ。

関連サイト(外部サイト)
「セックスはなぜ楽しいか」の参考文献一覧

Meta Data
公開日:2026-11-10
Tags:
レプリカ---文化と進化の複製博物館
レプリカ---文化と進化の複製博物館
レプリカ---文化と進化の複製博物館
サイエンス
著者
武村政春
発売日
2012年11月25日

タイトルから美術関係の複製の話だと思ったが、それだけでなく、著者の専門でもある生物学、DNAの複製の話が後半はメインで書かれている。

本書では「複製」という言葉を次のように扱っている。

「それは「複製されたもの」に代表される「産物」の意味を持つ言葉ではなく、「複製する物質」などの言い方に代表される、いわゆる「行為」を表す言葉としてである。

事例として前半は「身のまわりの複製」を、後半は「生物の世界の複製」から考察していく。専門ではないとのことだが、妖怪・怪談からの複製の考察は面白い。

本書の特徴としては、今までは文化の視点からみた複製文化論が多くの論客によってなされていたが、われわれ生命世界を含めたこの世のすべての複製について書かれているのが特徴だろう。

様々な話題で複製について考察されているので、気になるトピックから読んでいくこともできるだろう。

関連サイト(外部サイト)
「レプリカ---文化と進化の複製博物館」の参考文献一覧

Meta Data
公開日:2026-11-08
Tags:
#サイエンス
肉体美大全
肉体美大全
肉体美大全
文化論
著者
ジュリアン ロビンソン
発売日
2005年9月30日

以前、近代の裸体画から抜け落ちてしまった日本の裸体芸術としての刺青についてや、日本人の裸体観について書かれた「刺青とヌードの美術史 - 宮下 規久朗」という本を読んだが、本書は世界の肉体美、身体装飾について膨大な資料を掲載し、紹介してくれる一冊である。

著者は、ロンドン生まれで元々はファッションデザイナーであったが、その傍ら世界中で弄放なフィールドワークを行っていた。表紙にもあるように世界中の広告であったりや、現地の痛みを伴う身体装飾、性的魅力を高めるものであったりが、全ページに渡って載っているので、眺めるだけでも楽しめる。刺青、ピアス、ボディ・アートの数々に人種も肌の色も関係なくただただ圧倒される。

著者の現地の体験からも、美的・性的に魅力的だとされる形態の概念は地域によって異なっており、どれが一番魅力的な肉体なのかという点で、意見を同じくする社会はほとんどない。土地によって美的基準が変わっているので、ここまでの多様な美的装飾が生まれるのであろう。

だが、エピローグで書かれているように、現代の「グローバル・ヴィレッジの拡大」により、身体装飾における民族的な「多様性」の排除と画一化に警鐘を鳴らしている。はたして全世界と繋がることができることが良いことなのか、考えさせられる。

著者の基本理念通り、「身体装飾は人間存在の根源的なところにある強い衝動・快楽で、何者にもそれを規制したり排除したりする権利はない」のだ。

決して体系的にまとめられている本ではないが、西欧、非西欧の区別なく膨大な資料が載っているのは貴重であるだろう。これらの資料を眺めるだけでも十分元は取れるでしょう。

関連サイト(外部サイト)
「肉体美大全」の参考文献一覧

Meta Data
公開日:2026-11-05
Tags:
#文化論
「愛」と「性」の文化史
「愛」と「性」の文化史
「愛」と「性」の文化史
人文・思想・社会
著者
佐伯 順子
発売日
2008年11月9日

「愛」や「性」という言葉は、昔から現在と同じような意味で存在していたのではない。これらの言葉は、日本の歴史の過程で誕生したものであり、私たちの恋愛観や性愛観も、こうした歴史の過程抜きでは語れないことを著者は述べる。

本書では、「愛」や「性」という言葉が、現在の私たちになじみのあるような意味で使われる以前の男女関係のあり方を、文学作品や絵画といった様々な表現のなかから考察する。

例えば、江戸時代の春画の話では、スピリチュアルの視点で考察される。当時は「笑い絵」と呼ばれていたものだが、交合も笑いも、ともに神の力によって幸いを得る宗教的パワーを持つものと信じられてきたのではという。それゆえに、春画では遊女が少ないとのこと。それはスピリチュアルなパワーが期待できないからなのだと。

このことからも、春画というメディアが西洋的「ポルノグラフィー」の枠組みでは捉えられないことが知れる。明治の文明開化後に西洋からの「愛」や「性」といった、概念が入ってくるのだ。

その他にも、与謝野晶子の「貞操」と「処女」論、谷崎潤一郎の夫婦恋愛小説家としての面や、御伽草子の夫婦の「情」、心中の変容、高齢化社会における恋愛の将来などについて考察される。

文学作品からの考察なので、実態はどうだったのかが述べられてないのが気になったが、日本における「愛」や「性」の変容について知れる一冊となります。

関連サイト(外部サイト)
「「愛」と「性」の文化史」の参考文献一覧

Meta Data
公開日:2026-11-04
Tags:
#人文・思想・社会
タタール人の砂漠
タタール人の砂漠
タタール人の砂漠
小説
著者
ディーノ・ブッツァーティ
発売日
2013年4月16日

イタリアの著者ディーノ・ブッツァーティの長編三作目に当たる「タタール人の砂漠」
訳者解説でも書かれているが、「幻想小説」の世界的古典として知られるが、ここにはいつの時代の人々にも当てはまるものが含まれているだろう。

主人公ジョヴァンニ・ドローゴは将校で、俗世から隔離された娯楽ひとつない砦での勤務に当たる。若さを自覚する主人公は、理想的な未来を想像するが、時の流れは残酷だ。

一度は故郷に戻るが、再び砦に戻ってしまうのはなぜか。先輩中佐が先に退官する場面、反対のことを願いながら敵が来ることを話す。ほぼ三十年というものの、同じ砦で過ごし、同じ敵を待ち続けていたが、ふたりの道は分かれるのだ。

はたして敵は来るのだが、そのころにはドローゴは年を取りすぎていた。読者は主人公を青年時代から見てきたが、役立たずな老人として他の若い兵士に見られながら砦を去るドローゴを見る。

まさに不条理といってもいい小説なのだ。
だが人生もそんなものかもしれない。

Meta Data
公開日:2026-11-03
Tags:
#小説
レストランの誕生 ――パリと現代グルメ文化
レストランの誕生 ――パリと現代グルメ文化
レストランの誕生 ――パリと現代グルメ文化
文化論
人文・思想・社会
著者
レベッカ・L・スパング
発売日
2021年10月10日

レストランが食べる場所を意味するようになるまでは、数世紀にわたって、レストランといえば食べる物、すなわち元気を回復させるだし汁のことであった

本書では、小さなカップ一杯のブイヨンから、現代の意味での場所としてのレストランが出現する過程を辿っていきます。

初期のレストランが食を提供したのは、食欲を失い疲れ果てた口と虚弱な胸に悩む衰弱した者たちに対してでした。その起源から見ても、レストランは必ずしも豪華な食事とは無縁だったことが知れます。

しばしばレストランはフランス革命により貴族などに雇われていたシェフが開業したとの言説がありますが、革命前から自分の事業に身を投じているのでその言説は間違いであると著者は述べます。こうした飽食の時代としてのレストランではなく、本書では空間・場所としてのレストランを見ていくことができるでしょう。

ヨーロッパの食文化としては、イギリスではカフェがありますが、パリのレストランの文化とは何でしょう。レストランをすでに存在していた他の公共食堂の類と区別していたのは、ブイヨンとライスクリームの載ったメニューであったと同時に、そのサービス様式であったといいます。例えば、定食用のテーブルであったり、密会の場にもなった個室、料理のメニューのリストの必要性などです。

メニューの存在により、レストランは初めて、実際に料理を分け合うことなく他人と食事をともにすることを可能にしました。カフェの客は新聞を読み、身の回りの世界について考えますが、レストランの顧客はメニューを読み、自分自身の体調を考えたのでした。

本書を読むことで、「レストラン」という概念を違った視点で見ていくことができるでしょう。著者自身が述べているように「レストランについて本を書くとは、ほとんどすべてについて本を書くようなもの」なのだから。

関連サイト(外部サイト)
「レストランの誕生 ――パリと現代グルメ文化」の参考文献一覧

Meta Data
公開日:2026-10-30
Tags:
#文化論
#人文・思想・社会
レタースペーシング タイポグラフィにおける文字間調整の考え方
レタースペーシング タイポグラフィにおける文字間調整の考え方
レタースペーシング タイポグラフィにおける文字間調整の考え方
フォント
デザイン
著者
今市達也
発売日
2021年7月20日

意外にも類書がないレタースペーシングについて書かれた本。

レタースペーシングとは、文字の間隔を視覚的に均等に見えるように調整する作業のことです。デザインにおいて、文字の詰め方で読みやすさや見た目の印象が大きく変化します。デザイン初学者にとっては、文字間を意識することは少ないかと思われますが、プロのデザイナーにとっては、この文字間に常に気を配って文字組みを行っています。

そもそものレタースペーシングの歴史では、金属活字の時代では、正方形に収められている活字の影響で活字同士がぶつかって文字詰めをすることが技術的にできませんでした。しかし、写植に以降したことで文字が詰められるようになります。その時代(1960年代)以降の日本の雑誌では、見出しの字間を極端に狭くするレタースペーシングが流行していたみたいです。

このことを踏まえると、時代や技術が変化すると文字の組み方が変わり、それに合わせてスペーシングに対する価値観も変わっていくと著者は述べます。また、和文と欧文でも文字の形状やボディ、ベースラインの考え方が違うでしょう。本書のようなレタースペーシングについての入門書を読むことで、文字に対しての基礎知識を得ることで、なぜそのスペーシングなのかを感覚ではなく言語化して説明できるようになり、「なんとなく」からの卒業ができそうです。

本書の最後では実際のロゴタイプを例にとり、なぜそのスペーシングなのか解説してくれます。ロゴタイプは企業としても大事なものであり、目にする機会も多いため、そのスペーシングに対しての考察は勉強になります。例えば、商品パッケージで縦組みと横組みのロゴタイプがある場合は、それぞれで文字の形を微妙に変化させスペーシングを調整しているなど、すごいなと思いました。

今まで文字組みをなんとなく行っていた方が読むと勉強になるので、おすすめの一冊となります。

関連サイト(外部サイト)
「レタースペーシング タイポグラフィにおける文字間調整の考え方」の参考文献一覧

Meta Data
公開日:2026-10-29
Tags:
#フォント
#デザイン
トンデモと科学のあいだ
トンデモと科学のあいだ
トンデモと科学のあいだ
サイエンス
著者
田口 善弘
発売日
2026年9月9日

科学・物理学の世界では、中身や理由が分かっていない、かつてはトンデモな扱いだったものが、今では主流になったりする。

生成AIはどうだろう。科学者も中身が分かっていないながらも使用しているという。科学の歴史がそうであったように、恐れずに生成AIを使用していこうというのが主張か。

正直、科学のトンデモな概念の歴史と、生成AIとの議論がつながってなくない?となり、あまり話が入ってこなかった。

生成AIがどのようにして答えを出力しているのかを著者は知っているのかと、書きぶりから心配したが、ブルーバックスから出ている「はじめての機械学習」の著者でもあるのですね。それなら、今の科学者がどのようにして生成AIを使用して研究しているのかを書いて欲しかったな。

そもそも、「科学者が中身が分からなくても生成AIを平然と使えるのはなぜ?」と疑問に思ったことがないので噛み合わなかったかも。

題名から、ニュートンが晩年錬金術に情熱を注いだみたいなトンデモ話のことが書かれているのかと思って買ったんだけれども、錬金術みたいなトンデモ話は出てこなかったです。

収穫としては、ガリレオとケプラーの話でしょうか。あとは、参考文献にも複数挙げられている山本義隆の著書群が気になりました。

関連サイト(外部サイト)
「トンデモと科学のあいだ」の参考文献一覧

Meta Data
公開日:2026-10-20
Tags:
#サイエンス
センスをみがく文章上達事典 新装版
センスをみがく文章上達事典 新装版
センスをみがく文章上達事典 新装版
文章術
著者
中村 明
発売日
2016年12月9日

多くの文章術の著書がある中村明氏の文章観のエッセンスを一望できる一冊である。

本書の構成は基礎編、応用編、実践編の三つに分かれる。第Ⅰ部「書く」では、相手に正しく伝わる文章を書くための基礎的な技術について書かれている。第Ⅱ部「練る」では、「表現をゆたかに」とあるように小説などでの表現技法について解説されている。第Ⅲ部「研く」では、「文体をしなやかに」とあるように自己のスタイルを確立するまでや、文章の深みといった点について書かれている。

全体として、プロの実例をもとに解説していく流れになる。よりよい文章を書きたい人にもおすすめだが、実例にもある小説についての読み方の視点も変わっていきそうだ。

「センスをみがく」ということは、多く良い文章に触れていくことなのだろう。
本書の見出しをみるだけでもためになりそう。

書く - 文章をはっきりと

  • 句読点のルール - 打つも打たぬも思いやり
  • 記号類の活用 - 使いすぎは品格をおとす
  • 漢字・ひらがな・カタカナの使い分け - 文字に思想をこめて
  • 漢字の書き分け - ニュアンスを書き分ける
  • ことばの選択 - 三方向から一語にしぼる
  • 和語と漢語 - 硬軟おりまぜて
  • 擬声語・擬態語 - 感覚の新鮮さがいのち
  • 修飾語を効果的に - 適量のさじ加減
  • 並列 - 両輪をバランスよく
  • 語順と表現意図 - 繰り出し方で感じが変わる
  • 文末表現 - 足もとのおしゃれ
  • 文構造と文の筋 - 述語は忘れないうちに
  • 文の長さ - 手を抜くと文が長くなる
  • わかりやすい表現 - 読まれなければ始まらない
  • あいまいな表現 - 誤解の芽を摘む
  • 文と文との接続 - 関係は書き手がつくる
  • 段落づくり - 迷ったら改行する
  • 引用を明記する - 借用証書のすすめ
  • 敬語表現 - 形式よりも気持ちが問題
  • 読者への配慮 - いやいや読む人の身になって
  • 執筆態度を明確に - 情報を鼓動とともに
  • 構想と展開 - 調理の腕で素材が生きる
  • 文章の調子 - こなれがいいほど心になじむ
  • 推敲 - 見知らぬ読者になりすます

練る - 表現をゆたかに

  • 情報待機 - サスペンスをつくりだす
  • 漸層・漸降 - 上りと下りは勢いが違う
  • 倒置表現 - 計画的に取り乱す
  • 反復法 - 畳みかけて弾みをつける
  • 尻取り文 - 展開は鎖のように
  • リズムのある文章 - 軽くステップを踏んで
  • 対句表現 - 形式美はシンメトリックから
  • 挙例法 - 理屈より実感
  • 列挙法 - ことばの洪水で圧倒
  • 省略法 - 沈黙がものをいう
  • 名詞止め - ことばを置き去りにして
  • 否定表現 - 打ち消すのもレトリック
  • 婉曲表現 - 身もふたもある
  • 反語表現 - ばれるように嘘をつく
  • 比喩表現 - 心の風景をのぞかせる
  • 擬人法 - 万物と語らう
  • 洒落 - ことばで遊ぶ
  • パロディー - 二重映しの愉しみ
  • 現写法 - 臨場感を高める
  • 誇張表現 - 望遠レンズで迫力を
  • 逆説 - 常識を逆なでする

研く - 文体をしなやかに

  • 語感 - ことばのにをいを嗅ぎ分ける
  • 書き出し - もう読まずにはいられない
  • 結び - ギュッと締めて、フワッと放す
  • 書き手の視点 - カメラワークを意のままに
  • 人物描写 - のこのこ歩き出す
  • 心理描写 - 心のひだを映し出す
  • 感覚描写 - イメージに限りなく近づける
  • 自然描写 - 風景に体温を添えて
  • 表現の深さ - ことばに奥行きを感じるとき
  • 表現の間 - 息づかいが聞こえる
  • 余韻・余情 - 文章の奥へ、その先へ
  • ユーモア - 弱さや愚かしさをしみじみと笑う
  • スタイル - 譲れない文体の熟すまで
  • 文章の雰囲気 - 表現の奥に人のけはいを聴く
Meta Data
公開日:2026-10-25
Tags:
#文章術
日本語の作文技術
日本語の作文技術
日本語の作文技術
文章術
著者
本多 勝一
発売日
2015年12月6日

1982年に刊行された文章術の名著となります。

この本は、小説などの物語を書くためではなく、「事実的」「実用的」な文章を分かりやすく書くための本になります。悪い文章の例を提示しながら、どの部分が読みづらくなっているのや、改善方法などが解説されています。

自分では良い文章だと思っていても、他人から見たら読みづらい文章になっていることがあるでしょう。著者自身も例外に漏れず、悪い文章の例として、自分の文章も提示されています。日本語の文章を分かりやすく書くことの難しさを感じます。

日本語は非論理的だと外国語を優遇する人たちを著者は批判します。そうではなく、日本語を使いこなせない「使い手自身」こそが非論理的なのであると主張されているのが印象的でした。

学校で習う日本語の文法は、明治以降の西洋の文法からの影響に築かれたものであるので、本来の日本語にそぐわない形で体系化された経緯があります。英語などの影響により、文章の最初に「主語」を書かなくてはいけない風潮がありますが、日本語には「主語」は存在せず、あるのは「主格」にすぎないとの論には、なるほどなと思いました。

文章術の本を読んでいくと、いかに分かりやすい日本語で書くことが難しいのかを感じます。読みやすいリズムかどうかは、朗読してみれば分かると本書にかかれていたので、こうしたブログを書く際に実践してより多く文章を書いていきたいです。

関連サイト(外部サイト)
「日本語の作文技術」の参考文献一覧

Meta Data
公開日:2026-10-17
Tags:
#文章術
Info