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.

  • Better not to split into separate objects.
    • Custom Styles.

Relationships between multiple boxes

  • It can be easily drawn once the location of the box is determined. What if you can draw an arrow against an arrow?
  • Circular references can occur.

Groups are also ā€œrelationships among multiple boxesā€ in

  • The bounding box of the child element is calculated first to determine its own position.

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

  • Dangling is not grouping.

  • 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!


image

  • Hmmm, this looks like it could be put back together.
  • But if you give the link to someone else, and then put it back into a mode where people who know the link can edit it, of course they can.
  • Is that okay with you?

Google Spreadsheet

  • image
  • image
  • image
  • The link for view is the same as the link for edit.
  • The screen I opened at the time of the view is still in readonly, but when I reopen it, I can write on it.

Hmmm, so it’s the same shape I was trying to create, is that right?

  • I thought it would be better to have separate view and write links and be able to turn them on and off separately, but I guess it works fine in most cases without such a feature.

Cases where the current design causes problems

  • After publishing a link to a view, there is no way to add a writer if you want to.
    • Reverting back to EDIT could result in unexpected people being promoted to WRITER.
      • This is because the specification says that ā€œthe person who edits is promoted to writer and has write permission even after being returned to view.
    • In the first place, it is unlikely that you will need to add a WRITER since it is basically intended for personal use.
    • I’d like to have ā€œreceive the UID and add itā€ or ā€œissue a separate invite link to add it to writer while in view modeā€.
      • Just the latter.

image image

Lead-only sharing is now available! You can share Kozaneba Kanban directly instead of images!

  • https://kozaneba.netlify.app/#view=23YyYfzS1dTx05tugVW7

  • There is still no function to show the image when it is posted to Twitter or other sites.

  • image

  • 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.

    • In the future, I would like to see a flow of ā€œadd handwritten kozaneā€, ā€œhandwrite in the opened dialogā€, and ā€œbecome Gyazo kozaneā€.

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.

  • If you click on the name of the service, you will be taken to the top page or So when I open a read-only share on my other device, I can’t edit it because I’m not logged in, but I can’t log in because it’s not editable and I don’t get the cloud save menu either.

I use the split menu a lot, but I almost always Replace.

  • If it is possible to clone a clicked Kozane, there is no need to use ā€œAddā€ and ā€œReplaceā€.
    • split, add = clone, edit
    • split, replace = edit

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?

  • If you want to make Scrapbox Kozane, you need Gyazo loading function after all
  • The DOM is different in this area, and I think it’s making the problem too difficult to do with user extensions.

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.

image image It’s a choice between looking like Scrapbox (copying the CSS) and keeping it to the bare minimum of what you understand.

  • Rather than making it look like a complete system, it would be better to keep it to a minimum that serves the intended function, and if users want to tweak the look, they can do so with extensions.
  • In general, when you go with a perfect match to the original, it’s not even a ā€œfamiliar lookā€ for people who are tweaking with UserCSS.
  • I guess I’ll just have to go with the minimum implementation that will serve the function…

image

  • Maybe it’s just about 2 or 3 times the size of this one…
  • image
  • (of) good appearance

It looks done, but…


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.