[Javascript? ] このUIにピン！ときたら

Question

このUI画面にピンときたら教えてください

youtubeでおすすめ言語を紹介する動画を見ていると、UIのモックを作れるようなツールが出てきました。Javascriptについて話されているときに出てきたので、Javascriptのユーザーの方で知っている人がいるかも？と思い質問させていただきます。
以下の画像のようなUI画面を持つツールを知っている、使っているという方がいましたら是非ツールの名前や使い勝手について教えていただきたく思います。

また、web系のプログラミングをするならこのツールが最高にクールだぜ、的なおススメtoolがありましたら合わせて教えていただきたいです！

Answer 1

Balsamiq というアプリケーションのようです。
Balsamiq. Rapid, effective and fun wireframing software. | Balsamiq

クラウド版と、デスクトップ版があるようですね。

使い勝手については、
Qiitaで、入門的な記事がありましたので、
参考になるかと。
【入門】Balsamiqはじめました - Qiita
（私自身は使ったことがないので、すみません）

他にも、モックや、UIを作成するのには、
AdobeのAdobe XDなんか非常に有名ですね。
私の務める会社では、かなり使用されています。

最後に、

web系のプログラミングをするならこのツール

って話題ではないかと・・・。
直接JS処理付きのHTMLとか吐けるツールじゃないと思いますし。
UIを実装していく上での、JavaScriptの実装というなら、
私個人としては、Visual Studio Codeが俄然お勧めです。
処理速度が速いうえ、JSの構築ですら、ファイル間のコード補完が効くなんてツールは他に見たことがありません。
（いや、あるかもしれませんが）
JSの開発にはもってこいのツールと思います。

ただ、あくまで上記は、私個人の独断と偏見なので、本当にご参考程度に留めください・・・。

Comments

[退会済みユーザー]

回答ありがとうございます！
Quiita記事まで、参考になります。trialがあるので是非試してみようと思います。
VS Code便利なんですね。。。！
htmlとかcssはbracketsで書いていますが(JSはまだ)、今度VS Codeでも試してみようと思います。

[miyabi_pudding]

bracketsも悪くない選択肢だと思いますよ〜
軽さで言えば、かなり上位ですし、何より拡張性が高いので、シンプルに使うも、高度に使うにも自由が効くエディタだと思います。

どうか頑張ってください。

[退会済みユーザー]

ありがとうございます☺

Answer 2

これですかね？
そのツールの存在は知りませんでしたが、画像の文字を検索するとでてきました。

web系が何を指すかが人によって、異なっていることと、いくらでもツールがあることから（デザインツールなのか、エディタなのか、db操作ツールなのかなど）、web系のプログラミングをするならこのツールというのは、幅が広すぎて答えづらいかもしれません。

Comments

[miyabi_pudding]

Googleの画像検索の精度、すごいですよね。

[退会済みユーザー]

回答ありがとうございます！
Balsamiq、、ファイル名かと思ってスルーしてしまいました、、。

おススメツールについてですが、詳しい人からすると確かに良くない質問の仕方でしたね。反省です。newbieっぷりが出てしまいました。