Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sketch-n-Sketch: Output-Directed Programming for SVG

750d4d1ae846b2d342d99fced070db39?s=47 Kaito Sugimoto
April 20, 2020
Research
0
51

Sketch-n-Sketch: Output-Directed Programming for SVG

演習 III 論文紹介
内容に問題や不備がある場合は、お手数ですが hellorusk1998 [at] gmail.com までご連絡お願いいたします。

750d4d1ae846b2d342d99fced070db39?s=128

Kaito Sugimoto

April 20, 2020
Tweet

More Decks by Kaito Sugimoto

See All by Kaito Sugimoto
Unified Interpretation of Softmax Cross-Entropy and Negative Sampling: With Case Study for Knowledge Graph Embedding
750d4d1ae846b2d342d99fced070db39?s=48 hellorusk
0
31
Modeling Mathematical Notation Semantics in Academic Papers
750d4d1ae846b2d342d99fced070db39?s=48 hellorusk
0
15
Detecting Causal Language Use in Science Findings / Measuring Correlation-to-Causation Exaggeration in Press Releases
750d4d1ae846b2d342d99fced070db39?s=48 hellorusk
0
12
Efficient Domain Adaptation of Language Models via Adaptive Tokenization
750d4d1ae846b2d342d99fced070db39?s=48 hellorusk
0
71
SimCSE: Simple Contrastive Learning of Sentence Embeddings
750d4d1ae846b2d342d99fced070db39?s=48 hellorusk
0
140
Automated Concatenation of Embeddings for Structured Prediction
750d4d1ae846b2d342d99fced070db39?s=48 hellorusk
0
48
Assessing Phrasal Representation and Composition in Transformers
750d4d1ae846b2d342d99fced070db39?s=48 hellorusk
0
24
OAG-BERT: Pre-train Heterogeneous Entity-augmented Academic Language Models
750d4d1ae846b2d342d99fced070db39?s=48 hellorusk
0
31
PU (Positive-Unlabeled) Learning
750d4d1ae846b2d342d99fced070db39?s=48 hellorusk
0
420

Other Decks in Research

See All in Research
研究紹介2022年度版
Beeb4cfb45c3fa586526aa131ea67683?s=48 sh01k
0
400
民間企業におけるデータ整備の課題と工夫 / 20220305
Fb925cff494f6a5158a461493be48066?s=48 yuzutas0
4
3.2k
[IR Reading 2022春 論文紹介] Personalized Transfer of User Preferences for Cross-domain Recommendation (WSDM 2022) /IR-Reading-2022-spring
18923a96dc13fe272f16c77167102f42?s=48 koheishinden
PRO
0
130
論文読み会 AAAI2022 | Online Certification of Preference-based Fairness for Personalized Recommender Systems
414e141aa769f7bf61977ee5fb15d1ba?s=48 cocomoff
0
230
大学研究者による事業提案制度（大学提案） 募集概要
74f76e75d92cf585b29ffa049629c8a6?s=48 tocho_zaiseika
0
3.6k
車両管理効率化・事故率抑制に向けた連携に関する３者連携協定
899d94290679b4323849877c01e7f7cf?s=48 koshiba_noriaki
0
140
NFTの楽しみかた
9093941eef89a464d1e5be269e7b0f1c?s=48 shunichiro
1
200
中国のオープンソースムーブメント：その現状と可能性 #中国オープンソース
9db5ad8f2c24b5cfaa9c9e09ca275af6?s=48 takasumasakazu
2
630
Iterative source steering を用いたオンライン補助関数型独立ベクトル分析に基づくブラインド音源分離 / Blind source separation using online auxiliary-function-based independent vector analysis with iterative source steering
Fba2bc6aeb14d00ab84710be1903da49?s=48 taishi
0
150
GovTechとマーケットデザイン （渋谷区山室係長）
E4a4f85037f5c40aaf7f95b1528b925a?s=48 daimoriwaki
0
160
第11回チャンピオンズミーティング・ピスケス杯ラウンド2集計 / Umamusume Pisces 2022 Round2
9782dd351a8f1737d4ef02d839e821f9?s=48 kitachan_black
0
910
時間情報表現抽出とルールベース解析器のこれから / Temporal Expression Analysis in Japanese and Future of Rule-based Approach
64fb973c47087ece7fb9b45d5b8593a4?s=48 yag_ays
0
840

Featured

See All Featured
What's in a price? How to price your products and services
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
229
9.4k
Three Pipe Problems
11c84dff30266b907714802088852677?s=48 jasonvnalue
89
8.7k
Documentation Writing (for coders)
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
48
2.5k
Building Better People: How to give real-time feedback that sticks.
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
344
17k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
Java REST API Framework Comparison - PWX 2021
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
11
4.7k
The MySQL Ecosystem @ GitHub 2015
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
238
11k
WebSockets: Embracing the real-time Web
E76911cbe088e5b850d966de3fc7435b?s=48 robhawkes
57
5.1k
Thoughts on Productivity
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
43
2.3k
Gamification - CAS2011
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.9k
KATA
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
7
8.7k
The Brand Is Dead. Long Live the Brand.
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
46
2.7k

Transcript

  1. Sketch-n-Sketch: Output-Directed Programming for SVG 演習 III  論文紹介 杉本 海人

    2020/04/20 1 / 23

  2. 1 概要 2 背景‧先行研究 3 この研究のポイント 4 議論 2 /

    23

  3. 1 概要 2 背景‧先行研究 3 この研究のポイント 4 議論 3 /

    23

  4. 概要 ベクター画像1を生成するプログラムを書くためのシステム Sketch-n-Sketch に, 新しい技術を取り入れた. 1点や直線などの幾何学的な図形で構成される画像 4 / 23

  5. デモ https://www.youtube.com/watch?v=ilwdnnAT2F0 5 / 23

  6. 1 概要 2 背景‧先行研究 3 この研究のポイント 4 議論 6 /

    23

  7. 背景 GUI: 人の目で分かりやすい ↕ CUI: 柔軟性が高い プログラマは GUI アプリケーションを使わずテキストベースでプロ グラムを書くことが多い.

    GUI のメリットも取り入れてプログラミングができれば, より便利で 魅力的になるのではないか. 7 / 23

  8. 背景 Output-Directed Programming (ODP) プログラムの出力結果自体をマウスなどで操作することで, プログラ ムを組み立てる手法 • 初心者にとって分かりやすいものに. •

    経験者にとっても, プログラミングでより多くのことができるよ うに. ODP 自体は, 今回の論文に限らず, 数多くの先行研究がある. 8 / 23

  9. 先行研究 Kevin Kwok and Guillermo Webster. 2016. Carbide Alpha https://alpha.trycarbide.com/

    9 / 23

  10. 先行研究 Ravi Chugh, Brian Hempel, Mitchell Spradlin, and Jacob Albers.

    2016. Programmatic and Direct Manipulation, Together at Last. （Sketch-n-Sketch の初期バージョン） 10 / 23

  11. 1 概要 2 背景‧先行研究 3 この研究のポイント 4 議論 11 /

    23

  12. この研究のポイント Sketch-n-Sketch に, 以下のシステムを新たに取り入れた. 1. 中間的な値の表示 2. フォーカス 3. リファクタリング

    4. Provenance Tracing 12 / 23

  13. 中間的な値の表示 出力に直接関係しない部分（点やオフセット）であっても, 表示して 操作できるようにすると利便性が高まる 13 / 23

  14. フォーカス プログラムの特定の部分の修正に役立つ 14 / 23

  15. フォーカス プログラムの特定の部分の修正に役立つ 15 / 23

  16. リファクタリング • 関数名の変更 • 関数のパラメータの順序の変更 • 関数のパラメータの削除 などを, 後からできる 16

    / 23

  17. Provenance Tracing プログラムの各部分がどこから来たかを記録し, 出力がソースコードのどの部分に相当するのかを常に対応づける 先ほど述べた「関数のパラメータの順序の変更」のような複雑なリ ファクタリングを ODP で実現する上で必要. 17 /

    23

  18. どんなメリットが...？ 1. 中間的な値の表示 2. フォーカス 3. リファクタリング 4. Provenance Tracing

    いずれも, ベクター画像の表現能力を高めるという目的だけにとどま らず, 今後 ODP をあらゆる種のプログラミングに適用していく上でも 重要. 18 / 23

  19. 実例 出力側の操作だけで, 以下の画像を作成できた. 19 / 23

  20. 1 概要 2 背景‧先行研究 3 この研究のポイント 4 議論 20 /

    23

  21. 画像作成の面での課題 Watch What I Do: Programming by Demonstration という本に挙げられ た

    15 の画像生成タスクのうち, 出力側の操作のみで完了できたのは 4 つ, 入力側（エディタ）の助けも借りて完了できたのは 2 つだった. 残りの 9 つを完了させるのに足りない機能 • テキストボックス • リスト操作 • 線の交点の操作 etc... 21 / 23

  22. Widget Visibility ボタンやパネルが多い！ → GUI の利便性が損なわれる どの Widget を出すかなど, 画面の表示もシステムでコントロールでき

    るようになると便利. 22 / 23

  23. ODP for Novices 初学者でも, 初歩的なプログラムをすぐに習得できるようなシステム にするにはどうすればいいのか. 23 / 23