Awesome-XXから、githubのスターを取る方法(おまけ) - Qiita
概要 Awesome-XXから、githubのリンクをたどって、スター数を取る方法を書いておきます。 Tips Nodeのライブラリに、cheerioというライブラリがあります。 XMLやHTMLのパースに、大変便利です。 そのライブラリの友達に、cheerio-httpcliというものがあって、URLからhtmlを取ってこれるので、この2つを使ってごにょごにょすれば、30分もあればスクリプトが出来上がりです。 手順 たとえば、https://github.com/avelino/awesome-go にアクセスし、ページのソースを出して保存します。 github.comで始まるaタグを取得して、そのURLをcheerio-httpcliでパースします。 githubのスターは、「social-count js-social-count」というCSSクラス名で書かれているため、それを取得し
Create Nuxt Appとnuxt-community/express-templateで作成したときの違いメモ - Qiita
選んだ選択肢は以下の内容 ? Project name: myapp ? Project description: My geometric Nuxt.js project ? Use a custom server framework: express ? Use a custom UI framework: none ? Choose rendering mode: Universal ? Use axios module: yes ? Use eslint: yes ? Use prettier: node 今回はこんな感じです。 GlobalなCSSのデフォルトの場所 nuxt-community/express-templateだとbodyやhtmlタグ全体のCSS設定はassets/css/main.cssに記載してあったのですが/layouts/default.vueの中のs
Google Home に東急バスの到着時間を教えてもらう
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに 最近、引っ越ししてバスに乗ることが多くなったんだけど、そこで気付いたのは、バスって電車と違って渋滞とか天候とかの外的要因に影響されやすく時刻表通りに来ないということ。なので、時刻表通りにバス停にいても待ちぼうけを食らうことが多い。そんな中、普段じぶんが使っている東急バスには、東急バスナビ という、バスのリアルタイムの位置情報をもとに、バス停にあと何分でバスが到着するかを知ることができる Web ページベースのサービスがある。ただ、出掛けようとしている時にスマホでアプリを開いて確認するという作業は、時間もかかるし結構面倒なのであ
Electronのデバッグ時にDebugとReleseに分ける（Visual Studio Code） - Qiita
"configurations": [ { "name": "Debug", "type": "node", "request": "launch", "cwd": "${workspaceRoot}", "program": "${workspaceRoot}/src/main.js", "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron", "runtimeArgs": [ "--enable-logging" ], "args": [ "." ], "windows": { "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/electron.cmd" }, "console":"integratedTerminal", "env": { "N
puppeteerを使用してwebページの項目をjsonとして取得してみる - Qiita
const puppeteer = require('puppeteer'); const runPuppeteer = async (pageUrl, querySelector) => { const browser = await puppeteer.launch({ args: ['--no-sandbox'] }); const page = await browser.newPage(); await page.goto(pageUrl); const list = await page.$$(querySelector); // mapにするとエラーになるので気をつける const listTexts = []; for (let i = 0; i < list.length; i++) { const textContentProp = await list[i].getP
[TypeScript] Mapped Types が持つ隠された力とは…… - Qiita
Mapped Types とは TypeScript 2.1のkeyofとかMapped typesがアツい - Qiita TypeScriptのIndex typesと Mapped typesを使ってJavaScriptライブラリをIDEで補完する - Qiita 詳しいことは他の方々が記事にされているので割愛します。 簡単に言えば、リテラル型の和集合から取りうるリテラルをプロパティとして持つオブジェクトの型を作る 機能です。 Mapped Types の隠された力 隠し機能というわけではないのですが、「Mapped Types は Union Type でない純粋なリテラル型に対しても機能する」というのは地味に盲点ではないでしょうか。以下の関数定義を見てみましょう。 T extends string なので、Mapped Types の例でありがちな 'x' | 'y' | 'z'
![[TypeScript] Mapped Types が持つ隠された力とは…… - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbc1f0f7d57c0fbd7dc87d81bc07542c36a83eff/height=288;version=1;width=512/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png)
SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode - Qiita
SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict modeJavaScriptNode.jsWebnpmnvm /Users/xxx/.nvm/versions/node/v4.6.0/lib/node_modules/npm/bin/npm-cli.js:85 let notifier = require('update-notifier')({pkg}) ^^^ SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode at exports.runInThisContext (vm
Microsoft Teams Scraping - Qiita
Microsoft Teams Scraping 更新履歴 2019/02/13 Application Registration Portalが，AzurePortalと統合されたことにより画面イメージが変更になったことと，トークンの更新にoffline_readが必要なので更新． 2019/02/25 いいね・被いいねの関係性や，メッセージの投稿に対する返答の関係性のデータを抽出できるようにしました． 目的 Microsoft Teams上でやりとりされているメッセージを全て取得します． 個人的なチャットは2018/10/06現在取得できません． 取得できる範囲は，AD認証したユーザーが所属している全チームのメッセージです． 結論 全コード GitHub 使い方 ADアプリ登録 Registragion Portalにアクセス，ログイン． 下記の通りに登録する． 名前：任意 リダイレク
Lighthouseを自動化する 〜その１〜 - Qiita
Lighthouse大事 LighthouseはGoogleが出しているWebサイトのパフォーマンス測定ツール。 今後はMFIが進んでいくこともあり、Lighthouseの数値を日頃からチェックしておくことは大事。 Webサイトに改修を加えた結果、スコアが落ちてSEOの評価が下がってしまったら目も当てられない。 Lighthouseは面倒 Lighthouseの実行はChrome拡張機能やChromeのデベロッパーツールから実行することができる。 けど、毎回対象のページをブラウザで開いてツールを実行するのは結構面倒。 あと、スコアの共有も面倒。 なので今回は、以下の3つの処理をJavaScript上から自動で行う。 スプレッドシートから対象のURLを取得（今回） Lighthouseのスコアを取得 Slackへの通知まで スプレッドシートからURLを取得 スプレッドシートを準備 Light
Lighthouseを自動化する 〜その２〜 - Qiita
Lighthouse大事 LighthouseはGoogleが出しているWebサイトのパフォーマンス測定ツール。 今後はMFIが進んでいくこともあり、Lighthouseの数値を日頃からチェックしておくことは大事。 Webサイトに改修を加えた結果、スコアが落ちてSEOの評価が下がってしまったら目も当てられない。 Lighthouseは面倒 Lighthouseの実行はChrome拡張機能やChromeのデベロッパーツールから実行することができる。 けど、毎回対象のページをブラウザで開いてツールを実行するのは結構面倒。 あと、スコアの共有も面倒。 なので今回は、以下の3つの処理をJavaScript上から自動で行う。 スプレッドシートから対象のURLを取得 Lighthouseのスコアを取得（今回） Slackへの通知まで Lighthouseのスコアを取得 Lighthouse CLIのイ
Lighthouseを自動化する 〜その３〜 - Qiita
Lighthouse大事 LighthouseはGoogleが出しているWebサイトのパフォーマンス測定ツール。 今後はMFIが進んでいくこともあり、Lighthouseの数値を日頃からチェックしておくことは大事。 Webサイトに改修を加えた結果、スコアが落ちてSEOの評価が下がってしまったら目も当てられない。 Lighthouseは面倒 Lighthouseの実行はChrome拡張機能やChromeのデベロッパーツールから実行することができる。 けど、毎回対象のページをブラウザで開いてツールを実行するのは結構面倒。 あと、スコアの共有も面倒。 なので今回は、以下の3つの処理をJavaScript上から自動で行う。 スプレッドシートから対象のURLを取得 Lighthouseのスコアを取得 Slackへの通知まで（今回） SlackへLighthouseスコアを通知 Slack Webho
Reekohサービスプラグイン(Node.js)を作ってみる - Qiita
Reekohとは Reekohとは、IoTデータをNode-REDのようにハードウェアデバイス/APIをオンラインサービスに接続したり、独自のダッシュボードを構築することができるクラウドサービスです。 ただ、フリーサービスではないので、Reekoh社及び代理店からの提供されるエンタープライズ向けツールです。 Node-REDのNodeのようにReekohプラットフォームはPluginをパイプします。このPluginを自ら開発することも可能です。 はじめてのReekoh Plugin開発 Reekohは、プラグインを作成してプラットフォームの機能を操作するためのオープンソースのフレームワーク/ APIを提供しています。(Node.js環境は事前に設定しておいてください） Reekohパッケージのインストール 下記コマンドラインにより、Reekohパッケージをインストールします。
Node.jsでYoutube動画をDLして保存するytdl-coreを使ったみたメモ - Qiita
const fs = require('fs'); const ytdl = require('ytdl-core'); const readline = require('readline'); //表示用途 const BASE_PATH = `https://www.youtube.com/watch?v=`; const youtubeId = `9CHiwJhx3qw`; //DLするYoutube動画のID（urlのv=の後ろの部分11桁） const url = BASE_PATH+youtubeId; const video = ytdl(url,{filter: (format) => format.container === 'mp4' }); let starttime; video.pipe(fs.createWriteStream(`${youtubeId}.mp
Windows10でWSLを利用したLinuxの開発環境構築 - Qiita
VMはメモリを固定して利用するため、一度に複数起動するのは難しいです。 情報はlinux用が多いです。Windowsネイティブは.exeとかパスが\とか何かと読み替えないといけません。 速度的にはどれもほぼ同じで特に問題はありません。 Windowsネイティブは環境が破壊されます。下手するとWindowsが起動できなくなる可能性もあります。 Windows Subsystem for Linuxの有効化 突然ですが、検索ボックス使ってますか？ ここです。 入力するといろいろ検索してくれます。 通常EdgeでBingの検索結果が表示されるだけなので、使えないって思っている人が多いと思うのですが、PCの内部の検索する場合はここから行うと速い場合が多いです。 というわけでここに「windowsの機能」ぐらいまで入力してください。 そうすると、「Windowsの機能の有効化または無効化」と出てくる
[初心者] Node.jsでHello Worldする - Qiita
Node.jsとは？ 「Javascriptで動作するサーバー環境」 WebサーバーというとApacheやIISなどのHTTPサーバー上でPHPやASPなどを動作させる環境を思い浮かべるが、Node.jsはそれとは異なる Node.jsではサーバーを作るところから実装が始まる 特徴 非同期I/O、ノンブロッキングI/Oモデルを採用している シングルスレッド Googleの「V8」という優秀なJavascriptエンジンで動作する Hello Worldする (Node.jsがインストールされていることを前提としています) とりあえずコードを写経する var http = require('http'); // ① var server = http.createSever(function(req, res) { // ② res.writeHead(200, {'Content-Type
![[初心者] Node.jsでHello Worldする - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/593199dbbbaf41eb6cc664c668d7065823498af9/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjIyNDUzJTJGcHJvZmlsZS1pbWFnZXMlMkYxNTM0NTQ4MTMzP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPWM1YjY1OThlNmQxYjkwNzU4YmI3ZWFhNDFhMjA3NzBh%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D86a9d5d8c5318258d4c08e79326e49d9%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JTVEJTIwTm9kZS5qcyVFMyU4MSVBN0hlbGxvJTIwV29ybGQlRTMlODElOTklRTMlODIlOEImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz1jZmY5NDU3ZmYyMjgxOGQ2MzA0NjU2OTlhMmJmOWU4NQ%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBob2dlXzU1NTUmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0xOTRmZTI1YWM5MDgzMzAzYjM4ZTc0MTNkZTFiMDA2NQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Db0382b0aef4b8314bd7006bd33b80e08)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UglifyJSの代わりに、terserを使ってwebpackする - Qiita
Electronの環境構築とVisual Studio Codeでデバッグする方法 - Qiita
EC2 + Express + Nginxでアプリ公開 - Qiita
Node-REDからpython-broadlinkでRM mini3をコントロール【失敗】[on Onion Omega2+] - Qiita![Node-REDからpython-broadlinkでRM mini3をコントロール【失敗】[on Onion Omega2+] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f9d9c5238415f825037c1df236daf3d20bc916d/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTAwNzEyJTJGcHJvZmlsZS1pbWFnZXMlMkYxNDg0MzgyMjE5P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPWJjNmIzN2ZkOGM2ZDdkMGJjYzc0MjNhNzNjYTlkMTQ5%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D56fd162dd9dfe2abcea000671c876d36%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9Tm9kZS1SRUQlRTMlODElOEIlRTMlODIlODlweXRob24tYnJvYWRsaW5rJUUzJTgxJUE3Uk0lMjBtaW5pMyVFMyU4MiU5MiVFMyU4MiVCMyVFMyU4MyVCMyVFMyU4MyU4OCVFMyU4MyVBRCVFMyU4MyVCQyVFMyU4MyVBQiVFMyU4MCU5MCVFNSVBNCVCMSVFNiU5NSU5NyVFMyU4MCU5MSU1Qm9uJTIwT25pb24lMjBPbWVnYTIlMkIlNUQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz0zNTAzMzZiYTEzMDExOWEyZDhiNmViZjM5YjRkY2U5Zg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzcGlkZXJ4X2pwJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9M2RiZmNlYTdhMTg4NjQ4MjRkMmJkZGIzZjEzMmFjMzE%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Deea6570e6fa1b323fce9d4d785b88355)
[初心者向け] [Node.js] fsモジュールを使ってhtmlファイルを返す - Qiita![[初心者向け] [Node.js] fsモジュールを使ってhtmlファイルを返す - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/bfe3a86ad9219c62bb2d71d3dc1be4e5fe5b6e92/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMjIyNDUzJTJGcHJvZmlsZS1pbWFnZXMlMkYxNTM0NTQ4MTMzP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPWM1YjY1OThlNmQxYjkwNzU4YmI3ZWFhNDFhMjA3NzBh%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253D86a9d5d8c5318258d4c08e79326e49d9%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU1JTg4JTlEJUU1JUJGJTgzJUU4JTgwJTg1JUU1JTkwJTkxJUUzJTgxJTkxJTVEJTIwJTVCTm9kZS5qcyU1RCUyMGZzJUUzJTgzJUEyJUUzJTgyJUI4JUUzJTgzJUE1JUUzJTgzJUJDJUUzJTgzJUFCJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2aHRtbCVFMyU4MyU5NSVFMyU4MiVBMSVFMyU4MiVBNCVFMyU4MyVBQiVFMyU4MiU5MiVFOCVCRiU5NCVFMyU4MSU5OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTk5MjQyNTdkMGQyZWQxODNjZDYyZmVhOGFiMTY5NzNj%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBob2dlXzU1NTUmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0xOTRmZTI1YWM5MDgzMzAzYjM4ZTc0MTNkZTFiMDA2NQ%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Dbb741db13b4a97388cc7df8b39d67ad0)
