タグ

Javascriptとjsonに関するbattaのブックマーク (3)

  • Webフロントエンド開発で役立つサービスまとめ - Qiita

    この記事では、Webフロントエンド開発において役に立つと思われるサービスやツールをまとめます。 全般 Can I use 指定した特定の機能が、どのブラウザのどのバージョンで利用可能かを確認するためサービスです。新しいJavaScriptAPICSS3の機能を使ってモダンなWeb開発を行う場合、必須とも言えるくらい利用することになります。 指定した国におけるブラウザのシェア情報をもとにして、特定の機能が何割のユーザーで使用可能かを調べることもできます。 npm / webpack BUNDLE PHOBIA 指定したnpmパッケージのサイズを調べるサービスです。近年のWebではページの表示速度が非常に重要視されており、Webサービスにバンドルするパッケージのサイズも極力小さくすることが求められています。パッケージのサイズを調べる方法は多々ありますが、このツールの場合はパッケージ自体のイ

    Webフロントエンド開発で役立つサービスまとめ - Qiita
  • javascriptのデバッグでobjectの中身を文字列として展開する方法 | infoScoop開発者ブログ

    javascriptで開発をしていると、オブジェクトをブラウザの開発ツール上のコンソールに出力してデバッグする機会が多いかと思います。 例えば、このようなオブジェクトをFireFoxのFirebug に出力すると、下記画像のように表示されます。 var obj = {"Name":"John","Hobby":[{"Hobby1":"Tennis"},{"Hobby2":"Golf"}]}; console.log(obj); こちらの例のように中身が少なく階層の浅いオブジェクトであればこのまま表示しても問題ありませんが、 階層がもっと深かったり、オブジェクトのテキストをコピーしたい場合にはこのままでは望ましくありません。 そんな時は、object.toSource() という関数を使用するとコンソール上にオブジェクトが展開された形で表示されます。 var obj = {"Name":"J

    javascriptのデバッグでobjectの中身を文字列として展開する方法 | infoScoop開発者ブログ
  • 軽量JSONパーサー『jq』のドキュメント:『jq Manual』をざっくり日本語訳してみました | DevelopersIO

    jq Manual jqで簡単JSON加工 | Developers.IO jqコマンドが実は高性能すぎてビビッた話 - beatsync.net JSONを超絶に読みやすくする jq コマンド - WebAPIバリバリ使うor開発する人必須 CLIでJSONの整形をする - ( ꒪⌓꒪) ゆるよろ日記 JSON形式の情報を様々な条件や書式として成形、フィルタリングツール『jq』。上記関連エントリで私もこのツールの存在を知る事になったのですが、ツールの簡易さ・便利さに感動しながら私もちょくちょく利用させてもらっています。 そこでこのエントリでは、jq公式ページに展開されている利用ガイド・リファレンス的な位置付けの『jq Manual』を写経がてらざっくり日語訳してみました。ざっくり訳なのでこの部分の訳おかしい・間違ってる等ありましたら御指摘頂けると幸いです。例示されているサンプルコードも

    軽量JSONパーサー『jq』のドキュメント:『jq Manual』をざっくり日本語訳してみました | DevelopersIO
  • 1