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

busmap, design, and scripts

75c05bbfdfef0ba6bcb5f79337bceee3?s=47 kotodu
October 25, 2020
Programming
0
72

busmap, design, and scripts

https://racda25-busmap-zoom.peatix.com/?lang=ja

75c05bbfdfef0ba6bcb5f79337bceee3?s=128

kotodu

October 25, 2020
Tweet

Other Decks in Programming

See All in Programming
9fdb3aa57e5fb99b3772976b0b903e53?s=48 chikuwait
8
1.8k
E0e036f89c14b3e59640318eedf9670b?s=48 bkuhlmann
3
410
4c76f001e0a3d59cc5a269df70940dfd?s=48 lmcinnes
0
220
198d69383210fbec8c6bea4a35863c9d?s=48 tippy
0
380
0802fdda25fd4a67fd3f2a6189755763?s=48 k163377
0
110
D840733454bebebb5d6f0a2d95754897?s=48 aokabic
1
150
8e844e43f029ec38e206a464cf4587b3?s=48 ttskch
0
110
6bf08ada80199f23061a6c22f03f0ed2?s=48 masahiro_nishimi
0
470
8d7983d03db1fb756ccdbcbf7b760f98?s=48 yamada1826
0
330
91b77d9a98b86e27838b183407270bc0?s=48 supikiti
6
1.6k
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
1
460
7252086bae9203045dd7f5664fd96a07?s=48 manuelmeyer
0
120

Featured

See All Featured
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
40
1.9k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
633
49k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
82
4.3k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
29
1.5k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
331
36k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
17k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
96
3.2k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
224
15k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
3.8k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
254
19k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
43
2.4k
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
43
4.8k

Transcript

  1. バスマップとデザインソフトとスクリプト 不破泰成 ( ことづ @kotodu ) RACDA25 周年記念 バスマップ zoom

    会議 発表日 : 2020/10/25

  2. 「Illustrator スクリプト開発の苦労話」 「busmap.js の活用方法」 発表概要

  3. 不破泰成 ( ことづ ) ・システムエンジニア ( 見習い ) ・JavaScript /

    TypeScript / Adobe Illustrator 他 ・Vue.js / React.js / Bootstrap 他 ・フロントエンド / スクリプト開発 ・大学時代にバスマップを制作 人の為に役立つものを はじめに - 自己紹介

  4. ・Illustrator でのバスマップ制作 ・バス系統図出力システムの試作 ・Web マップ × バスマップ ・Illustrator スクリプト開発 はじめに

    - 取り組んできたこと

  5. Illustrator-Line-Offset ・パスを指定数オフセットする ・半年前に制作したものを改良 ・内部構造の大幅修正 ・開発環境の刷新 はじめに - 直近の実績

  6. busmap.js を活用して バスマップ制作を効率化したい！

  7. ・バスマップをプログラムで作成するシステム ・１つ前の発表の「豐多摩研究所」さん制作 ・バスマップの出力やその他有用な機能の提供 ・内部的には、複数の機能の集合体 busmap.js の活用 - busmap.js 概要

  8. 経路検索 路線図 デザイン設定 地図への描画 線のオフセット 線の結合 ネットからのデータ取得 停留所並べ替え 地理情報の変換 json

    や geojson との変換 データ圧縮 / 展開 原子データ作成 shapes の調整 時刻表 ダイアグラム プログラム群 Web 画面 (busmap.js) busmap.js の活用 - 図解 ( 現在 )

  9. 部品 スクリプト 内部修正 Web アプリ 他システム busmap.js の活用 - 図解

    ( 理想 )

  10. 「車輪の再発明はやめて」 既に有用なものがあるのに、 それを使わずに最初から作るのは無駄である ( 画像は別件での discord キャプチャ ) ラクして良いものを作れる busmap.js

    の活用 - メリット

  11. busmap.js の部品を Illustrator へ活用したいが……

  12. ・高機能な月額制デザインソフト ・スクリプトによる機能のカスタマイズが可能 ・データの流し込みや単純作業の反復に強い ・ベクターデータや PDF データを扱いやすい Adobe Illustrator バスマップ制作に最適 立ちはだかるハードル

    - Illustrator

  13. スクリプト CEP 使用の拡張機能 スクリプト Illustrator との窓口 画面 (html,css,js...) 独自配布 /

    公式マーケット提供 zxp スクリプトのみの提供 独自配布 jsx 実現できる機能が貧弱…… 立ちはだかるハードル - スクリプト提供の図解

  14. ・あまりにもレガシーな JavaScript ・テストやデバッグを行いにくい ・公式による情報が少なく、古く、全て英語 開発者泣かせの Illustrator 複雑な拡張機能の開発は非効率 立ちはだかるハードル - 複雑な開発手法

  15. busmap.js の部品を活用すれば、 拡張機能開発はラクになる？

  16. ・コードが難解 ・コメントが乏しく、可読性が低い ・アルゴリズムの記載が乏しく、解読が困難 ・プログラムの分割が困難 ・部品の単体使用が全く想定されていない 立ちはだかるハードル - busmap.js の問題点

  17. 現状、busmap.js は活用しにくい

  18. ・線同士の結合アルゴリズムを使用 ・Illustrator-Path-Join( 開発中 ) ・Illustrator-Line-Offset ・busmap.js の活用は今後も行いたい おわりに - busmap.js

    の小規模な活用例

  19. おわりに •欲しいバスマップを利用者が自作、は理想の１つ？ •GISをそのままバスマップに、は利用面で難しい？ •ただし「ttrmap」は課題が非常に多い • レイヤーの絶対数、デザイン、機能、データ…… 利用面（＋できれば制作面でも）で 、 WEBを活用したバスマップを •欲しいバスマップを利用者が自作、は理想の１つ？

    おわりに - 昨年のスライドのおわりに

  20. busmap.js は多方面へ活用可能 busmap.js の構造や難解なコードが、 活用への最大の難所 おわりに - まとめ

  21. bootstrap icon in this slide : ©2020 bootstrap Welcome! ことづ

    @kotodu https://kotodu.io ありがとうございました