HTTP Responder - WebHookを使った開発を便利に MOONGIFT
WebHookはシステム連携するのに便利な仕組みですが、呼び出されるのがサーバ側とあって、開発時の確認がしづらいのが問題です。ngrokなどを使ってローカル環境を外部に繋ぐこともできますが、準備が面倒と感じる人もいるでしょう。 そこで使ってみたいのがHTTP Responderです。WebHookの内容を確認できるWebサービスです。 HTTP Responderの使い方 最初に自分の好きなURLを設定します。 後はそのURLに来たアクセスについて、細かく情報が確認できます。 HTTP Responderで設定したURLをWebHookに設定することで、どういった情報が送られてくるかが一目で分かるようになります。さらにレスポンスも決めることができます。URLを複数作れるので、サービスごとに分けられるのも便利です。 HTTP Responderはnode/JavaScript製のオープンソー
DayDream - ブラウザ操作を記録してPuppeteer/Nightmareの操作スクリプトを作成 MOONGIFT
ヘッドレスなChrome/Chromiumは幾つかありますが、今一番注目されているのがPuppeteerでしょう。理由としては開発しているのがGoogleということで、継続的な開発が期待できる点です。 そんなPuppeteerを操作するスクリプトをGoogle Chrome上で作成できるのがDayDreamです。 DayDreamの使い方 ツールバーにある録画アイコンをクリックすると操作を記録開始します。 できあがるとアイコンにバッジが表示されます。 クリックするとスクリプトが表示されます。 DayDreamはPuppeteerだけでなく、Nightmare向けのスクリプトも作成できます。DayDreamでできたスクリプトを使えば、テストや操作の自動化を簡単に実現できるようになるでしょう。 DayDreamはJavaScript製のオープンソース・ソフトウェア（MIT License）です
vuegg - Vue.jsプロジェクトの画面を作成 MOONGIFT
ReactやVue、AngularといったJavaScriptフレームワークはHTMLを再定義しており、UIを作るのもそうそう簡単ではありません。デザイナーとの協業も難しく、苦戦している方も多いのではないでしょうか。 そこで使ってみたいのがvueggです。Vueの画面をWYSIWYGに設計できるソフトウェアです。 vueggの使い方 メイン画面です。右側に並んだツールを左側のエディタにドロップします。 ドロワーの設定もできます。 vueggで作った内容はVue.jsのプロジェクトとしてダウンロードができます。プロトタイプ開発にも使えますし、画像などを適用すれば精度の高いデザインツールとしても使えるでしょう。コンポーネントも数多く用意されているので、多くのWebサービスで使えそうです。 vueggはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 vueg
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
