prev Kozaneba Development Diary 2021-08-26
I think it would be easier to introduce an arrow layer in the forefront. Braces are good for object layers.
Relationships between multiple boxes
Groups are also "relationships among multiple boxes" in
I was thinking about the arrows, but it's not too difficult if you completely make the arrows a layer to be written afterwards. in that case
You can't put a kozane on top of an arrow because the arrow is always the frontmost surface.
Arrows cannot be drawn against arrows because arrows are a different kind of object from "boxes" such as kozane and groups become
Perhaps I'm unconsciously choosing the left way because I'm using the Kozane method from the state of paper stickies with no "grouping function" etc.
On the other hand, as a new feature, "Now you can group stickies in a way that paper stickies couldn't!" will appeal to people who started using it after seeing it, so they will unconsciously choose the right way to do it.
You can "make it bigger," which was not available on paper stickies!
You can use a large space inexhaustibly and arrange them in a way that was difficult with paper stickies!
Google Spreadsheet
Hmmm, so it's the same shape I was trying to create, is that right?
Cases where the current design causes problems
Lead-only sharing is now available! You can share Kozaneba Kanban directly instead of images!
There is still no function to show the image when it is posted to Twitter or other sites.
With create and delete copies, if you accidentally share something you shouldn't show, you can just copy it and delete the original one. Oh, you didn't create an error process for when something you tried to open is not there.
Oh, and I haven't finished supporting touch events yet, so anyone who opens the link on a smartphone can't do anything.
To the front of the group when opened Even when 4 cards are added, the small group margin makes it difficult to select them. GyazoGIF Kozane
There is no flow line for people who have received the lead-only share to go to the home page to view the tutorial.
I use the split menu a lot, but I almost always Replace.
Huh? I see, the reason I had trouble using images from Gyazo in Regroup was because it was in Canvas, and if I simply paste it as an img, there's no problem?
ts
export const id_to_dom = (id: string, offset: TOffset) => {
const item = get_item(getGlobal(), id);
if (item.type === "kozane") {
return <Kozane value={item} offset={offset} key={id} data-testid={id} />;
} else if (item.type === "group") {
return <Group value={item} offset={offset} key={id} data-testid={id} />;
}
return null;
};
It's like adding Gyazo and Scrapbox here.
It's a choice between looking like Scrapbox (copying the CSS) and keeping it to the bare minimum of what you understand.
It looks done, but...
Cannot drag and drop
Cannot select a range
Bounding box calculation is not yet implemented, so space key kills it.
This page is auto-translated from /nishio/Kozaneba開発日記2021-08-27 using DeepL. If you looks something interesting but the auto-translated English is not good enough to understand it, feel free to let me know at @nishio_en. I'm very happy to spread my thought to non-Japanese readers.