白板要么不做,要做就做好

本贴最后更新于 281 天前,其中的信息可能已经东海扬尘

目前闪卡功能重构困难,而导致闪卡需要重构的原因就是一开始就没设计完善,至少是没有为未来的功能扩充做出预留。鉴于此,我建议白板功能,要么不做,要做就做好,避免后期又来重构什么的。在做之前,先提供详细的设计图纸供社区讨论,讨论完善后再进行开发。由于开发资源有限,很多细节功能来不及实现的,需考虑到为功能扩展做出预留。对于我来说,目前的第三方白板挂件可以将就用用。我发此帖不是催这个功能,而是希望思源宝贵的开发资源不要被浪费,包括 D 大 V 大的时间、精力等等。

下面简单分析一下白板这一功能。从现有的挂件、插件来看,白板有以下三种嵌入方式:

一、嵌入到文档中(类似于挂件)

我个人非常喜欢这种方式。其中最具代表性的挂件为 widget-excalidraw(github)。强烈推荐体验该挂件。该挂件的特点就是以“图片”形式嵌入文档的同时,使用全屏模式编辑!!就是下面这个,注意完整的仓库名。

image.png

以下是演示视频:

二、嵌入到文档树中

这种方式也不错,但是思源目前的逻辑是文档树中只有文档,连 pdf 都没有进入文档树,如果把白板嵌入文档树是否会造成体验的不一致?那样的话 pdf、epub 等附件也应能嵌入文档树才对。这方面的代表挂件为 Whiteboard(github)。就是下面这个:

image.png

下面是演示视频:

三、和文档树分离(不推荐)

这种方式很割裂,非常不推荐。代表插件有 Tldraw 白板(github)。

image.png

image.png

一些其它的建议:

①. 关于白板中的元素,建议元素种类尽可能丰富,最好是文档中的简单块类型都能作为白板的元素类型,比如表格、math 公式等等。另外还能插入嵌入块、引用链接等等。

②. 要实现手写功能。这一点几乎所有插件和挂件都实现了。如果官方的初版白板未实现的话,也要为手写做出预留。(顺便说一下,pdf 也要能够手写批注才好)

③. 要考虑到和闪卡的结合。主要就是文字挖空和类似于图片挖空的矩形挖空。同样的,如果官方没有精力实现的话,也要为第三方插件实现提供预留。

④. 支持深色模式。同样的,现有大多数插件、挂件都支持。可以简单地对非图片元素反色 + 旋转色相 180 度来实现;或者麻烦一点,给出两套配色方案。

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    23030 引用 • 92646 回帖
  • 白板
    3 引用 • 51 回帖
5 操作
openAI 在 2024-03-17 13:42:48 更新了该帖
openAI 在 2024-03-17 13:41:09 更新了该帖
openAI 在 2024-03-16 22:05:41 更新了该帖
openAI 在 2024-03-16 18:26:22 更新了该帖 openAI 在 2024-03-16 17:57:26 更新了该帖
优质回帖
  • 88250 3 7 赞同

    工具类产品首要就是解决用户提出的功能性需求,所以开发原则是市场需要什么我们就开发什么,不以这个为原则的话思源早就失败了(比如有的产品是开发者自己创造需求,虽然看起来很酷很有特色,但并不实用),所以可以认为产品设计是用户社区驱动的,但技术实现上会和需求出现一定偏差,我们可以通过前期广泛讨论来尽量避免。

    在用户提出各种各样的需求和技术开发资源有限的情况下,我们必须做出一定的取舍,所以思源虽然功能多,但是在实现层面每个功能最多也就能够勉强达到及格线,我认为这是正常的。就像前面 @i1356 说的那样,我们选择的是“先广再精”,另外,在插件系统的加持下,社区开发者也可以帮助思源在广度上进行很大提升,这样我们也能有更多时间对思源进行深度上的提升。

    关于思源的产品特色,从思源诞生之初就决定了思源不会是一个“开创性”的产品,因为我们并没有在方法论上做开创性的设计,更多的是借鉴并融合其他成功产品的特性,当然,“抄作业”的时候我们也加入了一些自己的想法,从目前用户反馈看基本成功的,因为它解决了用户的大部分需求。

    总而言之,无论是用户还是开发者,都面临无处不在的取舍,鱼肉熊掌不可兼得。

  • NishikigiReeves 4 赞同

    如果白板和块是无缝衔接,那么这个有搞头。

    如果白板和文档块是割裂的,那我觉得没什么意义。

    如果白板上输入任意内容,都相当于新建了一个文档块,那我觉得有点搞头。

    如果白板上输入的内容,相当于图形,那我觉得整合起来消耗的精力不如不玩。

  • PiChou 4 赞同

    建议想要思源功能往「深度」开发的同学,在链滴及其他社区多分享自己阅读、写作、笔记、双链、闪卡、数据库等的一条龙全流程使用案例。

    在使用中的思源有「关键流程跑不通」或「操作步骤繁琐」等问题,再向开发者提,附上案例链接。

    既是对开发相关功能的有力游说,也能促使社区内部再讨论。

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • siyuandy

    我觉得思源笔记走的路线应该是线性笔记 + 内容块灵活布局的路子,而白板这种非线性笔记完全可以开发另一个软件,线性笔记 + 非线性笔记完全就不是一个产品线,硬要融合起来也没太大必要。

    比如一些白板(非线性笔记)软件,就是那种可以在全屏上自由拖拽布局的一张张卡片,很多卡片组成一个白板,这可以称为“卡片化非线性笔记”更高级一些就是再加上一个把卡片线性(竖向)布局的功能,也就是“卡片化线性笔记”,这完全可以看做是另一个软件了。

    思源里的内容的基础单位是内容块,而不是卡片。

  • 其他回帖
  • openAI 1 1 赞同

    只能说同行的产品 D 大肯定体验过,但很难说有深入体验。

    思源闪卡在规划之初时,我就只说了一句话,就是“对标 remnote”,就没管了,没想到,额。不知道你们有没有体验过思源闪卡的最初版本?制卡的繁琐过程一言难尽(我发帖说过这事,感兴趣的可以找找)。

    这是 D 大在 github 上做闪卡功能设计时规划的:

    image.png

    看上图的这个规划,你们能想象出成品的样子吗?比如这个卡包,我反正一开始没在意,以为只是内部的数据结构而已(技术嘛,咱也不懂);没想到,真的是让用户手动建卡包,就是字面意义上的卡包,和文档树无关的那种。其实 D 大已经把制卡流程写了,制卡入口:块标菜单-闪卡-卡包,同一个内容块可以放到多个卡包中,但对于一个还没开发出来的功能,咱其实是想象不出来的,所以也就没管。

    这里可以看出,对于初版闪卡的糟糕体验,用户和 D 大都有责任。比如我,我就只是轻描淡写地甩下一句“对标 remnote”就完事儿了,至于 remnote 的有哪些优点,并没有给出具体说明。D 大呢,首先是没有深入体验 remnote,然后呢,没有就功能细节和用户展开更深入的交流。

    就拿此文提到的白板举例(不是说要开发这个功能,只是举例说明)。首先是 D 大应该对每个细节和用户充分讨论,对于用文字描述不清的地方,应当画图说明(嫌电脑作图麻烦的话,用纸笔就行)。比如白板的嵌入方式,应该和用户讨论;就怕不和用户讨论,然后悄悄搞出文中的第三种方式,会炸裂的。用户呢,也不要偷懒,该画草图的就画草图,该用同类产品举例的,就录屏演示。在敲定了每一个细节后,再着手开发。开发也不能偷懒,这里不是说要实现用户所提的每一个需求,而是应明确哪些子模块是现阶段无法实现但用户又需要的,在技术层面对这部分功能做预留,避免后期重构。

    还请给个人开发者多一点耐心和包容,D 大确实精力有限,很难体验到竞品的每一个优势。相信只要沟通到位了,凭 D 大的技术,是可以开发出好产品的。

    1 操作
    openAI 在 2024-03-17 00:02:19 更新了该回帖
  • winds 2 赞同

    作为个人用户,白板我没有什么需求,连“数据库”也只是“作为多维表”使用,记一下读书清单之类。目前在用语雀的多维表,除了长篇的读书感悟一项必须记在思源里,不能和语雀里其他项联动之外,没什么影响的。
    闪卡倒是之前复习时觉得很惊艳的功能,和笔记完全打通了。使用体验很棒,听闻最近在优化,很期待。

    不过考完试就不想着复习闪卡了 hhhhh

    比较期待的可能是内嵌在文档里的、作为块的思维导图,双击点开可以全屏编辑的那种。不过也不急于一时,现在的思源就很好用了。

    D 大 V 姐加油!

  • zxhd86 1 1 赞同

    siyuan 很难实现所谓理论上最完美的效果,因为这严格依赖于思源的技术实现,很多时候只能是简单为上。

    像属性视图,对于其他软件可能比较简单实现,但思源的编辑器要求所有东西都会出现在 dom 里,而且这些属性还是带有格式的,这导致属性一多,复制、粘贴操作都会出现严重的解析问题,甚至思源编辑器同时出现多个拥有 database 属性的块还会异常的卡顿……

    我只能说,这条路线 D 并不是没有尝试过,但是这个东西在思源中实现就是很不理想。我是自己编译过那几个版本,还提交过测试的 issue 的。这不是没有这个考虑,但是就是这个现实制约。

    接着,关于 notion-like……我觉得这就是个风格问题,总有受众的,我是两者都能接受。而且,就算 database 比不上这些云笔记,那又怎么样呢?一定要在别人最强的地方做得比别人好吗?那这样思源不如直接投降得了……反正你肯定能找出思源一大堆比不上这些云笔记的。

    关于产品问题,那我觉得每个用户都在不自觉的充当产品经理的角色,包括你现在。D 可能真的没有啥产品的理解,但响应呼声大的需求总比响应呼声小的需求好吧。或者你希望 D 能改变自己,直接拥有对软件功能超乎你的认知,坚持做自己想法的功能,然后直接塞给你后让你心悦诚服的能力?那我觉得这多半不太可能。你不说话,让 D 和其他用户知道并认可,那你觉得很高大上的设计就相当于不存在。

    1 回复
  • 查看全部回帖

推荐标签 标签

  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统,它完整实现了 JMS 规范,是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 668 关注
  • MongoDB

    MongoDB(来自于英文单词“Humongous”,中文含义为“庞大”)是一个基于分布式文件存储的数据库,由 C++ 语言编写。旨在为应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。它支持的数据结构非常松散,是类似 JSON 的 BSON 格式,因此可以存储比较复杂的数据类型。

    90 引用 • 59 回帖 • 4 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码,添加在 [设置 - 外观 - 代码片段] 中,这些代码会在思源笔记加载时自动执行,用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] [js] 用于区分代码片段类型。

    90 引用 • 569 回帖
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言,由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码,也可以编译成 JavaScript,方便在没有 JVM 的设备上运行。在 Google I/O 2017 中,Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 63 关注
  • OpenStack

    OpenStack 是一个云操作系统,通过数据中心可控制大型的计算、存储、网络等资源池。所有的管理通过前端界面管理员就可以完成,同样也可以通过 Web 接口让最终用户部署资源。

    10 引用
  • 笔记

    好记性不如烂笔头。

    308 引用 • 793 回帖
  • HTML

    HTML5 是 HTML 下一个的主要修订版本,现在仍处于发展阶段。广义论及 HTML5 时,实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。

    107 引用 • 295 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    728 引用 • 1273 回帖
  • 阿里云

    阿里云是阿里巴巴集团旗下公司,是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务,以及大数据、人工智能服务、精准定制基于场景的行业解决方案。

    89 引用 • 345 回帖 • 1 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 24 关注
  • Bug

    Bug 本意是指臭虫、缺陷、损坏、犯贫、窃听器、小虫等。现在人们把在程序中一些缺陷或问题统称为 bug(漏洞)。

    76 引用 • 1737 回帖 • 3 关注
  • 游戏

    沉迷游戏伤身,强撸灰飞烟灭。

    177 引用 • 816 回帖 • 1 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 6 关注
  • VirtualBox

    VirtualBox 是一款开源虚拟机软件,最早由德国 Innotek 公司开发,由 Sun Microsystems 公司出品的软件,使用 Qt 编写,在 Sun 被 Oracle 收购后正式更名成 Oracle VM VirtualBox。

    10 引用 • 2 回帖 • 1 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 745 关注
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统,它问世于 1985 年,起初仅仅是 Microsoft-DOS 模拟环境,后续的系统版本由于微软不断的更新升级,不但易用,也慢慢的成为家家户户人们最喜爱的操作系统。

    223 引用 • 474 回帖
  • Swagger

    Swagger 是一款非常流行的 API 开发工具,它遵循 OpenAPI Specification(这是一种通用的、和编程语言无关的 API 描述规范)。Swagger 贯穿整个 API 生命周期,如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 5 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    497 引用 • 1388 回帖 • 277 关注
  • 倾城之链
    23 引用 • 66 回帖 • 138 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 172 关注
  • Notion

    Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.

    7 引用 • 40 回帖
  • HBase

    HBase 是一个分布式的、面向列的开源数据库,该技术来源于 Fay Chang 所撰写的 Google 论文 “Bigtable:一个结构化数据的分布式存储系统”。就像 Bigtable 利用了 Google 文件系统所提供的分布式数据存储一样,HBase 在 Hadoop 之上提供了类似于 Bigtable 的能力。

    17 引用 • 6 回帖 • 75 关注
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    8454 引用 • 38505 回帖 • 155 关注
  • RYMCU

    RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣,为数百万人服务的开源嵌入式知识学习交流平台。

    4 引用 • 6 回帖 • 50 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    27 引用 • 225 回帖 • 162 关注
  • JSON

    JSON (JavaScript Object Notation)是一种轻量级的数据交换格式。易于人类阅读和编写。同时也易于机器解析和生成。

    52 引用 • 190 回帖