しぐれ煮ログしぐれ煮ログコンビニでバイトしてます。トップ記事一覧ログ一覧2019-05-12Qrunchのスクリーンショットを書き出すだけプログラミングはじめにDart言語を用いてWebページのスクリーンショットを書き出すだけの中身です。これはDartのバージョン2.3.0の内容です。"macos_x64"DartをインストールDart言語の環境がない人はインストールします。Node.jsのyarnみたいな、Pythonのpipみたいなものです。Dartプロジェクトをつくる気分でstagehandを紹介したいのでstagehandをインストールします。stagehandは雛形を生成する為のものでグローバルにインストールしてCLIとして使います。Dartグローバルにインストールするというのは、プロジェクトに関係なくどこでも使用できるようになるということです。addみたいなものです。プロジェクトのディレクトリをつくります。hello-puppeteerここではconsole-fullというテンプレートで初期化します。console-fullこれ以外のテンプレートが気になる人は以下を実行してください。実際にはflutter-web-previewやweb-angularなどがあります。-hみんなのPuppeteerをインストールするpubspeck.yamlでパッケージを追加します。^1.5.0の一行を追加します。コピペしたい人はこんな感じになります。^1.0.0ターミナルでpubコマンドを実行してパッケージをインストールします。installこれで必要なパッケージが揃いました。いうファイルをつくります。定義する関数getScreenshotはURLをスクリーンショットを返すFutureに変換します。親切にもコメントを追加してみました。次にbin/main.dartを修正します。先ほど定義したget_screenshotを使用します。File('screenshot.png').writeAsBytes(screenshot)の箇所では、ファイルを書き出しています。}以下のコマンドで実行してください。ように拡張子を省略することはできません。bin/main.dartスクリーンショットが書き出されます。リポジトリreiwa/hello_puppeteerさいごに「qrunch.net」と「qrunch.io」の関係性がよく分からない。