SYSTEM NOTICE

Auto translation by AI. Be sure, accuracy, nuances and authorial intent may not be fully reflected.
見出し画像

🚩Let's make a "Reading Map" together! - I have a prompt, so feel free to use it

To be honest, the inspiration didn't come from my own articles.

I would open someone else's note and think, "This person seems interesting. But...Where should I start reading?" I'd scroll through a mountain of new posts, and eventually just close the tab.
That feeling of being "lost" was quietly frustrating.

If it's this difficult as a reader, I don't want my own readers to feel the same way.I don't want my readers to feel the same way.
With that in mind, I created a "Reading Map." It worked better than expected, so I'm sharing it along with how to make one.

You can download the prompt from this article.


1 | The "Where should I start?" problem is the writer's responsibility

When you open a note, the first thing you see is a pile of articles simply stacked in chronological order.
For a first-time visitor, it's impossible to tell which are the author's best works or where to begin.

This isn't a problem of the reader's patience, but a problem of not having an entrance provided.
It's like a restaurant that serves food but has no menu.
And the only person who can write the menu is the owner—the writer.

Ironically, the harder you work as a writer, the heavier this problem becomes.

The more you write, the more your good articles get washed away by the pile of new posts and sink into the depths.

Your collection of articles should be an asset, but without an entrance, it just turns into "difficulty in finding things."

The more you write, the more you need a map.

Finding the article you want to see among many is a bit of a struggle

2 | The solution is simple: Don't make the reader search

There is only one thing to do: don't make the reader search. As the creator, you should guide them by saying, "This is the door you should enter through."

The single image for that is the "Reading Map." It categorizes all your articles by "door" and serves as a map for the entrance they see first.
By simply pinning this to the top, visitors won't get lost.

3 | This is the Reading Map I created

A picture is worth more than words. To eliminate the "lost" feeling I mentioned earlier, this is the map I created for my own note. It is pinned to the top.

As of June 29, 2026: Monsieur's "Reading Map" image (ChatGPT)

It looks flashy, but the content is simple. It's just these elements lined up on one page.

The guide in the top left is a half-human, half-AI Zen monk (that's me).
He holds a blue flame and acts as the face that tells you at a glance "whose map this is."
The headline and sub-copy in the center, along with the "Which entrance will you read from?" question banner, help prepare the reader's mind before they start.

The three doors lined up below are the main part. Each colored headline (Philosophy, Practical Work, Rest Stop) is accompanied by a "brief guide" like "For those starting with ways of thinking."The cards under the doors contain number chips (B1, A1...)
, article titles, sub-copies, and tags.

These numbers are the important markers that correspond to the links later.It's safe to set the footer to "Updating as needed"
At the bottom of the map, I include "Last updated: XX / Currently XX articles / Updating as needed

." My recommendation here is not to write the date too precisely.Honestly, it's exhausting to fix the map every time you release a new article. That's why if you use a loose expression like "Updating as needed"

, it won't be a "lie" even if you accidentally forget to update it. It's more important to continue loosely for a long time than to try to operate perfectly and give up.
And this is how it looks when you place it in an actual note article.

The basic format is to line up text links corresponding to the numbers right below the map.For placement, I recommend the "Pinned Post" on your creator page

. Since you can only pin one article on note, using that slot for this Reading Map makes it the entrance for first-time visitors (you can put your self-introduction on your profile page instead).
One more effective tip: Readers don't always come from the top.Many people land directly on a single article from search or social media
.Therefore, if you add a line at the end of each article saying "▷ Click here for the Reading Map" with a link, people who come from an article can also return to the "entrance." It's easy if you just paste it as a template at the end every time you write a new article.

Image of the Reading Map posted on note

4 | What is a "Reading Map"?

The definition is this one line:

Reading Map = A map of the entrance you see first, guiding you through all of a creator's articles by "door."

There is only one rule, which I apply to the note article title: "Reading Map | <Author's free field>".
I keep the "Reading Map" label on the left fixed at the beginning in full-width characters, and the right side is free. My article title is "Reading Map | Please enter through the three doors."
Only the article name label is fixed. The title of the map image itself can be anything; my map is titled "Monsieur's Thought Log Utilization Techniques."

Why fix the left label?
Because if everyone uses the same label, the idea that "Reading Map = Start here first" will take root in the reader's mind.
If one person says it, it's a slogan; if everyone says it, it's a culture. That's what I'm aiming for.

5 | This is especially effective for those who publish content

Since it's a guide map, people tend to think it's for the readers, but the creator benefits just as much. There are three reasons:

★ First, not many people have set it up as a "fixed entrance" yet.
People who show their articles as a map rather than just a simple table of contents are still in the minority. Now is the time to prepare, while you're less likely to be buried.

★ Second, the top pin becomes an "entrance."
First-time visitors won't get lost on where to start reading, which increases circulation and time spent on your page.

★ Third, it won't fall apart even as you add more.You won't have to scramble to rebuild your entrance after your articles increase. It's easiest to have a "template" while you still have a small number of articles.

6 | The categorization method of "three doors"

The trick is to categorize them not by "genre" but by "reader's mode". I chose these three.

  • Door of Thought (Bonjour / Symbol B) - For those who want to start from the way of thinking.

  • Door of Practice (Allez / Symbol A) - For those who just want to get their hands moving.

  • Resting Place (Café / Symbol C) - For those who want to relax.

The number chips like B1, A1, etc., on the top left of each card are not just for decoration. While you can set a link to a single image on note, you cannot assign separate links to individual cards within a single map image.

Therefore, match the numbers in the diagram with the list of links below the text 'by number'.
Readers tap the number they are interested in from the list below. It's simple, but it works.

7 | When the doors get full, move them to a magazine

As the number of articles increases, 10 or 20 of them will hang from a single door, making the map cluttered.
The way to offload them at that point is using note's "Magazine" feature.

The method is simple.
Gather the growing themes into a magazine, and link from the map card to that single magazine. Readers can navigate from the "Door of Practice" to the "Practice Magazine (12 articles in total)," and the map side stays clean.

Leave only the "representative works" on the map, and move the rest to the magazine.
The map is the entrance, the magazine is the shelf; if you divide the roles like this, it won't fall apart no matter how many you write.

8 | How to make it - Download the prompt from this article

To make it, just pass a few prompts one by one to an AI capable of code execution.
The trick is to break it down into small pieces rather than throwing it all at once.

'AI capable of code execution' - verify for yourself what can be done 'now'

The 'AI capable of code execution' mentioned here refers to AI that can actually run code like Python to create images or files.

However, this field evolves incredibly fast. Rather than me asserting which AI can do what now, it is more reliable for you to ask the AI yourself and verify.

The prompt below includes a mechanism to prevent it from mixing in lies (hard gate).
I have set rules for the AI to filter out non-existent services or guessed URLs itself.
Please try throwing it in as is.

▼ Prompt to throw in as is (Copy/Paste OK)
Please tell me about AI services that can currently execute code (running Python, etc., to create images or files).
【Rules before output = Hard Gate | Do not output items that cannot be satisfied】
・List only existing services. Do not list those without confirmation.
・Include whether each service is free/paid and the 'scope of what it can do'.
・For official website URLs, only include those whose existence you have confirmed. Do not include vague URLs; write 'URL unconfirmed'.
・Do not make definitive statements based on old information or rumors. If information might be old, add a note to that effect.
・For items that cannot satisfy any of the above, do not force them out; honestly state 'Unconfirmed'.
After following the above, please list 3 to 5 things that can be used now.

★ Final check.
Although the prompt side is set to filter out unconfirmed items, in the end, please open the official page of the resulting service yourself and verify.
Prices and capabilities change quickly.

★ This list is the distributed material (with symbols)
This is the content of the kit (ZIP) attached to this article. The number at the beginning of the file name is the symbol itself. In the subsequent steps, I will indicate 'which one to use' with this number (read 01 first, mainly use 02-07).

Distribution Kit: List of files such as prompts

You can use the prompt as is, or feel free to customize it to your preferred style by telling the AI things like "make this output have a more ◯◯ atmosphere".

Please tailor the colors and wording to your own style. Rules are meant to be broken.

First, here is the ledger (sample included)

Image of the article ledger for creating a "Reading Map"

Each row is one article.
From the left, Display Order, Category, Display Name, Sub-copy, Tags, "Include in Map", URL, and the far right is a short description (lead) for posting on note.
The lead is used for link descriptions pasted in the body text or for recommendation cards.

"Category", "Tags", and "Include/Don't Include" have a dropdown menu when you select the cell, so you won't get lost.

In the "Settings" sheet, you can change the map title, sub-copy, question banner, footer, category colors, and even French labels; simply rewriting these here will reflect across the entire map.

This is the most important part. The data (ledger) and the appearance (prompt) are separated. Therefore, even if the number of articles increases, all you need to touch is one row in the ledger.
After that, you can recreate it with the same design. There is no need to redraw the image every time you update.

TIPS!
If you don't know where to change the map title, try asking the AI like in the following example, and it will tell you where to fix it!
Please try using it like this.

[Example of Prompt]
(Prompt)
04_Map_Generation_Prompt.md
=> Where do I edit the title above the map?
(AI Response)
To conclude, the correct answer is not to edit the 04 script (gen_v23.py). The main heading at the top of the map is loaded and drawn from the "Settings" sheet in the ledger, so that is what you should edit. ...

★Actual Procedure (Image)
Let's look at what happens on your end in more detail. There isn't much to do. I have added the numbers to use after each step.

1. Download.(Get: 01-09)
Get the set of files from the attachment in this article.

2. Create the ledger.(Use: 02, 07)
Use 02 to output the ledger template, overwrite the sample ledger (07), and change the category, article name, and URL to your own. Just add one row at a time.

3. Character assets (optional).(Use: 03)
If you want to put icons on the map, process them into circular busts using 03. If you don't have any, you can skip this.

4. Burn the map.(Use: 04/08, then 05/06)
With 04, a map image is generated from the ledger (+ optional character) and the 08 reference image. Follow up with 05 for the numbered link list and 06 for operational procedures.

5. Place it on note.(Use: Output from 05)
Pin the completed map and paste the numbered link list into the body of the post to finish.

Once you get used to it, from the second one onwards, you can just add one line to the ledger and run 04. Map-making becomes a 'quick task' rather than 'work.' Once you reach this point, you won't have any more lost readers.

9 | Notes on usage

Always have a human eye verify the AI output at the end. Garbled text (tofu □), cut-offs, and overlapping elements sometimes appear in the generated results.
Don't just output it and call it done.

Note that as long as you recreate it using the same AI and environment, the map will turn out exactly the same every time.

However, if the AI service or environment you use changes, the details (such as font size or margins) may change slightly.
This is not a bug.
If there is a part that bothers you, you can simply ask the AI, 'Fix this like this,' and it will align perfectly.

Conversely, if it changes significantly from before, it is almost always because you are having the AI draw from the image without providing the distributed prompt (procedure).

If you have the AI execute the prompt as is, it will return to the same map every time.
If you are unsure, adding a quick note like 'Match the previous map' is sufficient.

What I am distributing here is just the method and the concept.
Which articles to categorize and what words to include are up to you. Please just take the 'template' for the map.

10 | If you like it, please show me your map too

Why don't you try making a 'Reading Map' too!

If you like this Reading Map, please feel free to use it on your own note.
You are free to break the template. The number of doors and their names can be whatever suits your style.

If you come up with any clever ideas, like 'This way of cutting the doors was better' or 'It's easier to read if you do this here,' please be sure to write an article and let me know.
I'll go read it.
This 'map' gets better when everyone contributes.

My actual map is pinned to the top of my creator page.

11 | For those who can't use code, to the extent possible

One last thing.
I'm sure there are people who think, 'I don't have an AI that can execute code at hand...'

For those people too, I hope to deliver it in a form that is as easy to use as possible.

I can't make any promises yet, but I am keeping it in the back of my mind.
―Just having one map is enough to keep readers from getting 'lost'.

First, please take the template...

👉 This article is participating in the note project 'Creative Awards 2026', 'All Categories' division.

#ReadingMap #noteUsageTips #AIUtilization #BlogManagement #TableOfContents #Miscria #Index #ArticleSummary #EfficiencyWithAI #HowToUseNote #CreativeAwards2026 #AllCategoriesDivision



いいなと思ったら応援しよう!