インデントの崩れる音がする

インデントの崩れる⾳がする 2020/10/30 スタジオ・アルカナ社内勉強会 #65 株式会社スタジオ・アルカナ遠藤勝也

背景 PRのレビューをしていると、頻繁にインデントが崩れていることがあった EditorConfigは設定されてる ⌘ + Opt + l で整形している崩れるファイルは
.blade

原因 <div> <div> {{ $name }} </div> </div> 中の <div>
を削除して、 ⌘ + Opt + l で整形 <div> {{ $name }} </div> bladeの構⽂は無視してHTMLのみ整形される

そんなことはどうでもよくて

インデントの崩れる⾳が鳴ったら⾯⽩そうだと思った

デモ

⼿法エディタのプラグインを開発するインデント崩れを検知する ※ 今回は「インデントが崩れた」というより「インデントが削除されて⾏頭がスペース以外になった」という場合に絞る

エディタのプラグインを開発するエディタの選定 Visual Studio Code Atom Sublime Text Jetbrains IDE

エディタのプラグインを開発する Visual Studio Code CodeよりAtom派 Atom プラグイン開発の⼿順が結構更新されている印象なのでドキュメントを探すのが⼤変そう Sublime Text
最近使ってないからなー Jetbrains IDE Javaだし⾳を鳴らすことも簡単に出来そう

IntelliJ IDEAで開発するテンプレートリポジトリから https://jetbrains.org/intellij/sdk/docs/basics/getting_started.html https://github.com/JetBrains/intellij-platform-plugin-template IntelliJ IDEAのプロジェクト作成から https://qiita.com/Vexus2/items/e04a21f00e467b7ac8ad

⾳が鳴るまでの流れ . IDEを起動する . プラグインを有効化する . ファイルを編集してインデントを崩す . 保存する .
⾳が鳴る！

プラグイン有効化ショートカットの設定 resources/META-INF/plugin.xml で設定できる <keyboard-shortcut keymap="$default" first-keystroke="shift meta F12"/> これで shift
meta F12 を押すと、 com.intellij.openapi.actionSystem.AnActionEvent を継承したクラスの public void actionPerformed(AnActionEvent e) が実⾏される

ファイルの変更時に処理を実⾏する public void actionPerformed(AnActionEvent e) で com.intellij.openapi.vfs.newvfs.BulkFileListener を実装したクラスを設定する。 //
this.createIndentPatrolListener() はBulkFileListener を実装したクラスを返すメソッド BulkFileListener listener = this.createIndentPatrolListener(project); this.connection = project.getMessageBus().connect(); this.connection.subscribe(VirtualFileManager.VFS_CHANGES, listener);

インデント崩れを検知する diff diff-match-patch diff4j ⾃前でパーサを書く

diff-match-patchを採⽤

class Main { public static void main(String[] args) { -
System.out.println("Hello, World!!"); +System.out.println("Hello, World!!"); } } 差分を取って改⾏の後にスペースが削除されていることを検出する

⾳を鳴らす javax.sound.sampled で鳴らせる

結果エディタから⾳がなって嬉しいいまさらだけどJavaのStream APIかっこいい崩れ⽅によって⾳の迫⼒を変えたいインデント崩れの検出⼿法を再検討したい

参考⽂献 https://jetbrains.org/intellij/sdk/docs/intro/welcome.html https://github.com/JetBrains/intellij-platform-plugin-template#sample-code

インデントの崩れる音がする

インデントの崩れる音がする

enkatsu

More Decks by enkatsu

Other Decks in Programming

Featured

Transcript

インデントの崩れる⾳がする 2020/10/30 スタジオ・アルカナ社内勉強会 #65 株式会社スタジオ・アルカナ遠藤勝也

背景 PRのレビューをしていると、頻繁にインデントが崩れていることがあった EditorConfigは設定されてる ⌘ + Opt + l で整形している崩れるファイルは

原因 <div> <div> {{ $name }} </div> </div> 中の <div>

そんなことはどうでもよくて

インデントの崩れる⾳が鳴ったら⾯⽩そうだと思った

デモ

⼿法エディタのプラグインを開発するインデント崩れを検知する ※ 今回は「インデントが崩れた」というより「インデントが削除されて⾏頭がスペース以外になった」という場合に絞る

エディタのプラグインを開発するエディタの選定 Visual Studio Code Atom Sublime Text Jetbrains IDE

エディタのプラグインを開発する Visual Studio Code CodeよりAtom派 Atom プラグイン開発の⼿順が結構更新されている印象なのでドキュメントを探すのが⼤変そう Sublime Text

IntelliJ IDEAで開発するテンプレートリポジトリから https://jetbrains.org/intellij/sdk/docs/basics/getting_started.html https://github.com/JetBrains/intellij-platform-plugin-template IntelliJ IDEAのプロジェクト作成から https://qiita.com/Vexus2/items/e04a21f00e467b7ac8ad

⾳が鳴るまでの流れ . IDEを起動する . プラグインを有効化する . ファイルを編集してインデントを崩す . 保存する .

プラグイン有効化ショートカットの設定 resources/META-INF/plugin.xml で設定できる <keyboard-shortcut keymap="$default" first-keystroke="shift meta F12"/> これで shift

ファイルの変更時に処理を実⾏する public void actionPerformed(AnActionEvent e) で com.intellij.openapi.vfs.newvfs.BulkFileListener を実装したクラスを設定する。 //

インデント崩れを検知する diff diff-match-patch diff4j ⾃前でパーサを書く

diff-match-patchを採⽤

class Main { public static void main(String[] args) { -

⾳を鳴らす javax.sound.sampled で鳴らせる

結果エディタから⾳がなって嬉しいいまさらだけどJavaのStream APIかっこいい崩れ⽅によって⾳の迫⼒を変えたいインデント崩れの検出⼿法を再検討したい

参考⽂献 https://jetbrains.org/intellij/sdk/docs/intro/welcome.html https://github.com/JetBrains/intellij-platform-plugin-template#sample-code