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

【論文紹介】Sketch-n-Sketch: Output-Directed Programm...

Avatar for Kaito Sugimoto Kaito Sugimoto
April 20, 2020
Research
0
120

【論文紹介】Sketch-n-Sketch: Output-Directed Programming for SVG

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

Avatar for Kaito Sugimoto

Kaito Sugimoto

April 20, 2020
Tweet

More Decks by Kaito Sugimoto

See All by Kaito Sugimoto
ChatGPTを活用した病院検索体験の改善 〜病院探しをもっと楽しく〜
Avatar for Kaito Sugimoto hellorusk
0
130
【論文紹介】Word Acquisition in Neural Language Models
Avatar for Kaito Sugimoto hellorusk
0
290
【論文紹介】Toward Interpretable Semantic Textual Similarity via Optimal Transport-based Contrastive Sentence Learning
Avatar for Kaito Sugimoto hellorusk
0
260
【論文紹介】Unified Interpretation of Softmax Cross-Entropy and Negative Sampling: With Case Study for Knowledge Graph Embedding
Avatar for Kaito Sugimoto hellorusk
0
520
【論文紹介】Modeling Mathematical Notation Semantics in Academic Papers
Avatar for Kaito Sugimoto hellorusk
0
280
【論文紹介】Detecting Causal Language Use in Science Findings / Measuring Correlation-to-Causation Exaggeration in Press Releases
Avatar for Kaito Sugimoto hellorusk
0
160
【論文紹介】Efficient Domain Adaptation of Language Models via Adaptive Tokenization
Avatar for Kaito Sugimoto hellorusk
0
470
【論文紹介】SimCSE: Simple Contrastive Learning of Sentence Embeddings
Avatar for Kaito Sugimoto hellorusk
0
1k
【論文紹介】Automated Concatenation of Embeddings for Structured Prediction
Avatar for Kaito Sugimoto hellorusk
0
280

Other Decks in Research

See All in Research
Pythonでジオを使い倒そう！ 〜それとFOSS4G Hiroshima 2026のご紹介を少し〜
Avatar for wata909 wata909
0
1k
AlphaEarth Foundations: An embedding field model for accurate and efficient global mapping from sparse label data
Avatar for SatAI.challenge satai
3
370
多言語カスタマーインタビューの“壁”を越える~PMと生成AIの共創~ 株式会社ジグザグ 松野 亘
Avatar for Wataru Matsuno watarumatsuno
0
130
電通総研の生成AI・エージェントの取り組み エンジニアリング業務向けAI活用事例紹介
Avatar for AITC - DENTSU SOKEN isidaitc
1
1.1k
2025/7/5 応用音響研究会招待講演＠北海道大学
Avatar for Takuma OKAMOTO takuma_okamoto
1
230
GPUを利用したStein Particle Filterによる点群6自由度モンテカルロSLAM
Avatar for TakumiNakao takuminakao
0
410
さまざまなAgent FrameworkとAIエージェントの評価
Avatar for Kento.Yamada ymd65536
1
130
アニメにおける宇宙猫ミームとその表現
Avatar for yttrium173340 yttrium173340
0
100
カスタマーサクセスの視点からAWS Summitの展示を考える～製品開発で活用できる勘所～
Avatar for モブエンジニア（Masaki Okuda） masakiokuda
2
210
論文紹介：Not All Tokens Are What You Need for Pretraining
Avatar for Kosuke Nishida kosuken
0
200
説明可能な機械学習と数理最適化
Avatar for kelicht kelicht
0
240
心理言語学の視点から再考する言語モデルの学習過程
Avatar for Masato Mita chemical_tree
2
640

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
431
66k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Designing for Performance
Avatar for Lara Hogan lara
610
69k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
13k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k

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