ファイルを設定します。ライブラリを使います。呼び出しを直接行うよりもはるかに簡単です。よって開発され、積極的にメンテナンスされているので、確実に動作します。Octokit経由のAPIによる認証は簡単です。コンストラクターに渡すだけです。github_user.token)endリポジトリに関するデータを使って面白いことをしてみましょう。使用されているさまざまなプログラミング言語を表示し、最も多く使われている言語をカウントします。そのためには、まずAPIからリポジトリのリストを取得する必要があります。Octokitでは、次のようにします。よってリポジトリに関連付けられた言語をカウントします。ページに以下のような内容が表示されます。"C++"=>1}ここまではうまくいきましたが、ちょっと取っつきにくいですね。これらの言語のカウントがどのような分布になっているのかを把握するには、視覚化が非常に役立ちます。フィードして、使用されている言語の人気を表す整った棒グラフを取得しましょう。多様なチャート、グラフ、インタラクティブな視覚化を作成するための包括的なライブラリです。D3」をご紹介します。D3はJavaScriptのライブラリで、データを配列として扱うことを好みます。配列に変換してみましょう。languages.to_json}ここでは単純にオブジェクトのキーと値の各ペアを繰り返し処理して、新しい配列に入れ込んでいます。オブジェクトの作成時にオブジェクトを繰り返し処理したくなかったからです。さしあたっては、ここで提供されているコードを使用できます。詳しいしくみについて確認する場合は、上記のリンクの資料をご覧ください。</script></html>お疲れさまでした。このコードが何をしているか詳しく知る必要はありません。渡すことを示しています。最善の利用法ではありません。一緒にライブラリを使用して、本当に素晴らしいものを作る方法を説明するのには役立ちます。さまざまなAPI呼び出しの組み合わせここで、告白をしなくてはいけません。言語として定義されたものだけです。複数の言語を組み合わせたリポジトリでは、コードのバイト数が最も多い言語がプライマリ言語と見なされます。表したものを取得してみましょう。使用されているコード言語のサイズを視覚化する方法としては、単純なカウントよりもツリーマップの方が適しています。次のようなオブジェクトの配列を構築する必要があります。octokit_client.languages("#{github_user.login}/#{repo_name}")endそこから、見つかった各言語を言語のリストに次々に追加していきます。endendそれから、コンテンツをD3が理解できる構造にフォーマットします。ツリーマップの魅力について詳しくは、このシンプルなチュートリアルをご確認ください。)仕上げに、このJSON情報を同じERBテンプレートに渡します。リポジトリの言語を含む美しい長方形が示されます。大きさは言語の割合に比例していて、一目でわかりやすくなっています。つの引数で、ツリーマップの高さと幅の調整が必要になる場合があります。