Loading...
Adobe XD meeting extra 02 当日情報共有用
作るもの
おなまえ
つくるもの
つくったもの
田中正吾
WebSocketとIoTをつなげるやつ
→なんとか連動できたデモとLTできます
WebSocketとIoTをつなげるやつ
湯口りさ
TeXにチャレンジ
→Webpackでパッケージングしなきゃいけなさそうなのでもうちょっとじっくり…MathJax v3を使う線は間違ってなさそう
自作プラグインのVue化に切り替えました
あおいさ
API調べる
ビューポートの高さを取りたい → 取れません
選択しているオブジェクトの中に含まれるテキストだけを全て選択したい →１段階下層までしかアクセスしてはいけない？
ザクっと全部選択してからテキストだけ選択状態にする（直下にあるやつだけ）
doke
とりあえずReactで作れるところまでやってみる
Reactで作れるところまでやれたけど、SceneGraphさわるとPromise返せって怒られてハマっています。
竹内
色のコントラストをとりた取りたい
色のコントラスト比の計算を実装するのに手間取りました。
ダイヤログとアラートを実装できたので、取得した数値をダイヤログとアラートに表示できて、正常な動作を作れれば完成。
あともう少しかかりそうです。
きたむ
ドキュメント読む
コンテンツ描画までやったところで仕事の連絡が入ってしまった
marumana
APIドキュメント読む＆サンプルコード見る
入力したテキストを置換
グループやシンボル内のテキストを掘っていくところで止まってます。
イケてるテキスト検索・置換のXDプラグインってありませんか？
tanny
とりあえず開発環境セットアップします
とりあえず、 React と Vue.js のサンプル動かせたとこところまで
sakurai
まず矢印を作ってみます。
SVGの矢印を書き出すようにした。
keisuk322
プレゼン資料作りに使えそうな何か
アートボード内の”h1”と命名されたテキストをアートボード名にする
資料
Adobe XD Platform
https://adobexdplatform.com
※このURLは一度自作プラグインを登録してしまうとXDから直接参照できないのでブックマークオススメです
自分のプラグインのリストへは「Submit plugin」もしくはXDのメニューから「プラグイン＞開発版＞プラグインの作成」移動できます。
XD APIリファレンス
https://adobexdplatform.com/plugin-docs/reference/how-to-read.html
UIKit
XD UI Kit Download
I’ve uploaded the XD UI Kit from the prerelease days here so that you can hopefully get some use from it. Note that it’s not 100% representative of the actual controls (especially macOS where the heights are 24px instead of 32px), but it should still be useful. We’ll also try to get a more accurate UI kit to you soon. Plugin-UI-Kit-Release.xd (1.6 MB)
forums.adobexdplatform.com
公式のGithub
Adobe XD
Adobe XD has 10 repositories available. Follow their code on GitHub.
github.com
開発者フォーラム
Adobe XD Plugin Developers
Discuss and get Community Support for XD Plugin Development
forums.adobexdplatform.com
日本語で読む記事
資料から当日のスライドが見られます
はじめてのAdobe XDプラグイン開発 (2018/12/13 19:00〜)
# イベント概要 ## 対象 * Adobe XDのプラグイン開発に興味がある方 ※ JavaScriptの知識が少し必要 ## テーマ 2018年10月からAPIによる機能拡張が可能になったAdobe XD。そのプラグイン開発の手順について紹介します。また、すでにプラグインをリリースした開発者によるTipsなども解説します。 # セッション ## Hello WorldからはじめるAdobe XDプラグイン開発の手順 轟 啓介 | マーケティングマネージャー、アドビ Hello Worldを表示させる簡単な例をもとに、XDプラグイン開発の手順を解説していきます。...
connpass.com
ダイアログをライブラリを使わずに作るには一読しておくと良いです。公式のdialog.jsがあれば、alert/confirm/prompt/error/warning はすぐに実装できます。
Adobe XDのWebSocket機能をNode-RED経由で試すメモ
この記事は Adobe XD Plugins Advent Calendar 2018 の4日目の記事です。Adobe XDのWebSocket機能をNode-RED経由で試してみます！
www.1ft-seabass.jp
WebSocketの書き方の参考に
Adobe XDプラグインをVueとBabel/TypeScriptで開発する方法 - Qiita
Adobe XDプラグインの開発で、ユーザーインターフェース(UI)は人気のライブラリVue.jsを使いたいというニーズに応えるための記事。 こんな感じのXDプラグインを作れるサンプルを用意した。 ![babel.gif](htt...
qiita.com
Please turn on JavaScript to use Paper in all of its awesomeness. ^_^
作るもの
資料
Adobe XD Platform
XD APIリファレンス
日本語で読む記事