generated at
Scrapbox開発の裏側 第2回
こんにちは
最近開発している機能の裏話
をお話させていただくshokaiです
右のメニューから Start Presentation を押すとスライドになります


廃止されるお札の人が妖怪になってたshokai


今日の話
開発の裏側
1. ScrapboxをScrapboxで開発している話
2. 最近実装された機能の話
初参加の人が多そう


リモート開発
京都rakusaidaiiztakeruTiro
横浜shokai
フルリモートワーク、年2,3回泥酔する為に出社
中野progfayyutaro
1ヶ月インターン→リモートアルバイト
最近はhelpfeelをやってる気がするshokai
鎌倉増井俊之
原作者、無茶な使い方開拓者
Gyazoの開発者からもプルリクが飛んでくる事もある


ScrapboxをScrapboxで開発している
機能設計、相談など
ページ間リンクが便利shokai
曖昧な単語に、別ページで定義を好きなだけ書ける
影響しあう機能の設計時に、リンクで説明できる
文脈が作れる
理解・考察が足りていない事をScrapboxで書くと
だんだんわかってくる
この話すごい好きですga_ko
自分の使うプロダクトを作っていたいga_ko
勉強したいことを書き始めると「わかりたさ」がどんどん広がってはかどりましたsngazm

増井俊之が最初こんな感じで雑に書く
内部仕様に詳しくなくても、とにかく書く
不満に思った時点で書けばいい。わかる相手には伝わる
これでわかるじゃないかー 増井俊之
詳しい人が手直しすれば良い
意味が変わらなければ、他人の発言を添削・修正してもぜんぜんok
文中の専門用語を、別ページへのリンクにする
タイトルも変える
発言者を明確にしたい場合はアイコン記法を使う


共通言語ができる
いい話yamanokugeta6

オススメ手順shokai
雑に殴り書き、誰かが直す
反論したくなる....なりますね?!rakusai
↑ 個人的には、?! より、!? 派ですnanji
wwwwga_ko
「私は」「こう思う」っていう表現が少なめになっているのが、それを抑える気もしていますga_ko
弊社は、ときどき激論もおきます。顔アイコンだらけになるrakusai
なるほど…ga_ko
ページ間のリンクで文脈を作る
用語の意味が定義されていく


Scrapboxの開発

役割分担やロードマップはあまりない
青写真的なテキストはたくさん書かれている
気になった人が、気になった所を作る・直す
pull requestにpull request返し


青写真の例



こんな感じでつらつらと書いていく
コメントが付く
「当事者意識が出てくる」

メッセージングしていない
(ほぼ)指示を出しあっていない
少しはある。問い合わせ対応とか
考えを言語化し、共有する為にScrapboxを使っている



最近実装された機能

PWA (progressive web application)
Android PWA
Chrome Desktop PWA
すごい!!!!!!!ga_koga_koga_koga_koga_koyamanokuyamanokuyamanokuyamanokuyamanoku

iOSは、まだホーム画面へのブックマークだけに留めている
ピンチイン・アウトが効かない
Safariとsessionが別なのでGyazo連携できない
等の理由


cache firstで光速を超える
データがサーバーにあり、光の往復にどうしても200 msecぐらいかかる
これをどうにかしたい
色々なテクニックを組み合わせた
起動に必要なデータ(画像やプログラム全て)をcacheに保存
バックグラウンドで更新
画面表示時、とりあえずcacheを表示する
それからnetworkアクセスし、取得したら差し替える
リンクをマウスオーバーで先読み


右下に青文字でOffline modeって出る
WiFi切っても、本文と画像をcacheから表示できる
編集・新規作成したページもすぐにcacheに入る様になった
次はオフライン編集やりたいshokai
期待yamanokuyuta25
ほしいsngazmsngazmsngazmsngazmsngazm


エンタープライズ版でもPWA
オンプレ版
ENABLE_SERVICE_WORKER: 'true' フラグを付けて起動する
セミオンプレ版
既に全サーバーで有効化済み


メニューのモバイル対応
ボタンをタッチデバイスで押しやすく by takerurakusai
アイコンのSVG化 by takeruTiro
左のドロワーメニュー by daiiz
次はエディタの中をもう少し良くしていきたいshokai


テーブル
リンク記法が使えるようになった
うれしいyamanoku
予定
参加者4/94/104/11
shokaioxx
geta6o?o
daiizがいつのまにか作った


ファイルアップロード (準備中)
Google Cloud StorageAmazon S3のどちらかにアップロードできる奴を考えているshokai


https://scrapbox.io の他に2つある
1. オンプレ版
docker imageを提供します
物理的に社内にあるサーバーで管理・運用可能
2. セミオンプレ版
Nota Inc.が運用します
app serverとDBは、scrapbox.ioとは完全に独立
インフラ構成は完全に同一なので、同等にスケールする
つまりn万人は使えるはず


要望・相談など
このproject /scrapbox-square にページを作成しても良し
フォーラム
メールフォーム
エンタープライズ版について
/help-enterprise-jpに運用方法などを掲載していく予定です
請求書払いしか無理、など、対応できますshokai