選択された範囲のグラフを表示する （d3.js v5 brush） - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
express + knex で作った API のテストを mocha + chai で書いた - Qiita
const request = require("supertest")(require("../../app")) const expect = require("chai").expect const assert = require("chai").assert const security = require("../security") describe("Authorization", () => { it("should return 200", async () => { return request .put(`/auth_test`) .set( "Authorization", await security.generateJWT() ) .expect(200) }) }) よかったところ 柔軟な仕様 API でも Repository でも直接叩くこともできるので
📦 Parcel v1.10.0 がリリースされました 🎉 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 9/26（火）にParcel v1.10.0がリリースされました。 Parcel v1.10.0 is out! 🚀 🐠 @babeljs 7 support 🌊 Automatic @flowtype 🌳 @elmlang out of the box 👔 Inline script and style extraction 🏷 HTML bundle loader 🔗 JSON LD 🗺 Load existing source maps 💪 Many bug fixes and improvements! 📝
Node.jsからWeb Appsの環境変数へのアクセスと接続文字列へのアクセス - Qiita
WebAppsだと環境変数をアプリケーション設定の箇所に書くことができます。接続文字列という変数設定もできるのでこれらについてメモ 環境変数 通常のNode.jsでの環境変数アクセスはprocess.env.HOGEといった形でアクセスしますね。 WebAppsだとアプケーション設定の箇所にこんな感じで設定しておくことができます。 ↓のキャプチャでHOSTの値を使いたい場合はprocess.env.HOST MySQLの設定だとこんな感じ。 const config = { host: process.env.DB_HOST, user: process.env.DB_USER, password: process.env.DB_PASS, database: process.env.DB_NAME, port: 3306, ssl: true };
node.jsでgoogle画像検索APIを使って、テスト用の画像を取得してみる - Qiita
ちょっとディープラーニングしたいな〜と。 ……そう思ったんですが、教師データを集めるのがめんどくさいという事実が。 なので、Node.jsとgoogle画像検索を使用して必要な画像データを集めてみました。 制作物 個人的にはダウンロード処理が上手く作れたんじゃないかと思います Promise.allを使うと一つ遅い処理があると後続が詰まってしまうので、そこに気をつけてみたり。 カスタム検索の作成 まずはGoogleアカウントにログインして、ここにアクセスしましょう。 Addから新しく検索エンジンを追加しましょう！ 言語は日本語にして、以下のように入力して作成します。 サイトは後で削除するので実はなんでもいいです。 カスタム検索の設定 作成まで出来たので、次は設定を。 検索エンジンIDは後ほど使用するので、メモしておきましょう。 設定から画像検索をONにします。 検索するサイトを削除し、ウェ
CloudFunctionsをServerless Framework & TypeScriptで試してみる - Qiita
やったこと Serverless Frameworkを使って CloudFunctionを動かしてみました。 試した内容は下記の通りです。 TypeScriptで書けるようにしてみる serverless.ymlの設定で環境変数を利用する 日本のリージョンにDeployする 実際に利用したコード https://github.com/selmertsx/study/tree/master/serverless/cloudfunction-sls-sample 前提 上記チュートリアルを実行して、nodejsのコードをdeploy & invokeできるようにしてある前提で話を進めます。 TypeScriptで書けるようにする https://github.com/prisma/serverless-plugin-typescript このpluginを利用します。 手順は簡単で、下記の手順
Vue.jsで簡単に文字数カウンターを実装する - Qiita
Vue.jsで文字数カウンターの実装をする 背景 テキスト（文字数）カウンターを実装する必要があった 工数はあまりかけられない Vue.jsの組み込みは任意で入れて良い条件 実装 Vue.jsバージョン Vueは<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script> を使いました フォーム設定 フォームは<input v-model.trim="message" maxlength="20">と<textarea v-model.trim="message" maxlength="50"></textarea> の２点 最大文字数はブラウザの制御で持たせるためmaxlengthで制御しました trimを使うことで、冒頭と末尾のスペースが入力時点でトリミングされます。冒頭に半角ス
始めよう React（基礎編）！ Part 2 - 環境構築 - Qiita
本編はReactの開発にあたり、ローカル環境の準備について書いていきます。 Node.jsとIDEがあれば開発できますので、 プログラミングを勉強する際に詰まりやすい環境構築上割と楽な方と思います。 個人ではJAVA、PHPを使ったことがあり、JavaScriptの方は断然にらくです！ Node.jsとは 簡単に説明すると、サーバー側で動くJavaScprit言語です。 詳しくは下記のURL参照してください。 Nodejs Node.jsインストール Node.jsインストールする方法は下記の２パターンがあります。 ①Homebrewを使う（面倒ですが、推奨） HomebrewはMac用のパッケージマネージャで、バージョン管理上でかなり便利になります。 こちら参考して頂いてインストールする https://qiita.com/kyosuke5_20/items/c5f68fc9d89b84
nodejsをAndroidモバイル端末にインストールして、他のモバイル端末とアドホック通信する - Qiita
東京ゲームショウ2018のインディーズゲームブースにてイセキクライマーというゲームの解説のお手伝いをさせていただきました。 ただゲームの解説するのもアレだと思ったので、青森出身という事を活かして津軽弁で解説するか、普通に標準語で解説するかをお客さんに選ばせてみようと思い、下記のようなガジェットを作って持っていきました。 ※イセキクライマーをプレイしていただいた大多数の方々にとっては、こんなもんあったっけ？となると思います。理由は後述いたします。 ただの板に手書きで書かれたようなボタンを触ると、板を見れる位置にいない対面の僕がどのボタンをタップしたのか分かる、という物です。 僕がお手伝いしたイセキクライマーが、一見デジタルに見えないコントローラーだったので、こういうガジェットも似合うんじゃないかな、と思い用意してみました。 仕組み 中身はAndroidタブレットで、タップしたボタンに対応した
仕事でAngular使うことになったので整理する - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Angularとは？ Wikipediaより。 AngularJS（アンギュラージェイエス）、または Angular は、Googleと個人や企業のコミュニティによって開発されている、完全にJavaScriptで書かれたオープンソースのフロントエンドWebアプリケーションフレームワークである。 (中略） AngularJSはシングルページアプリケーション (SPA) の開発が可能なフレームワークで、一つのフレームワーク内で全ての機能が完結するフルスタックフレームワークであることが特徴として挙げられる。 AngularJS - Wikip
[Angular] ngComponentOutlet を使ってモーダルダイアログを実装する - Qiita
$ ng version _ _ ____ _ ___ / \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _| / △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | | / ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | | /_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___| |___/ Angular CLI: 11.0.5 Node: 12.18.3 OS: darwin x64 Angular: 11.0.5 ... animations, cli, common, compiler, compiler-cli, core, forms ... platform-browser, platform-b
![[Angular] ngComponentOutlet を使ってモーダルダイアログを実装する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/388b5bd108262f5f97af8684e08eba9a973e9f2d/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%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTkzMzQyJTJGcHJvZmlsZS1pbWFnZXMlMkYxNTAwODg4MTU5P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTdkM2Q3MzZlZDRkOWEyOThkYmM1YzQ3NmYzNmI1MzFh%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Df6ef6496ea559ea2ba01a9233a5c9b84%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCQW5ndWxhciU1RCUyMG5nQ29tcG9uZW50T3V0bGV0JTIwJUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgzJUEyJUUzJTgzJUJDJUUzJTgzJTgwJUUzJTgzJUFCJUUzJTgzJTgwJUUzJTgyJUE0JUUzJTgyJUEyJUUzJTgzJUFEJUUzJTgyJUIwJUUzJTgyJTkyJUU1JUFFJTlGJUU4JUEzJTg1JUUzJTgxJTk5JUUzJTgyJThCJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9MDhmNDU0Nzc5ZjUyYWUxNjUxODdhOGNkNGUwZDk1Y2I%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBrc2gtZnRociZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTNmMDNkNmIxNjdmOWNjYjdjYTFiYzcxMjgwODFjOGE4%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D4232ec7d689ccd4d449839c922943d88)
Ionic3でpush通知ができる構成について - Qiita
きっかけ 私のローカルでプッシュ通知が出来てるビルドが作れて、他の開発環境でビルドするとデバッグすらできないという事態が発生。 行きつくところ、phonegap-plugin-push（プッシュ通知のためのプラグイン）のバージョンの問題だった。 前提 基本の構成は以下の通り。 ionic3系のプロジェクト cordovaもそれに付随したバージョン Androidのビルドしかしてない（ああ、browserもあるけどここでは関係ない） LoopbackというものでAPIサーバを作っている プッシュ通知はFirebaseのMessagingを使用 LoopbackのPushの使い方をベースにプッシュ通知を実装している。 https://github.com/strongloop/loopback-component-push https://github.com/strongloop/loopb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
prettierのインデント幅の設定 - Qiita
ES Module(importとかexportとか)をCommonJS(requireとかmodule.exportsとか)へbabel(transpile)するだけのやつ - Qiita
ES Module(importとかexportとか)をCommonJS(requireとかmodule.exportsとか)へbabel(transpile)しながらwebpack(bundle)する - Qiita
node.jsとgit-http-backendを使ってGitリポジトリをHTTPで公開する - Qiita
[Vue] 親子間のデータバインディングを Vuetify の実例を元に理解しようと試みた - Qiita
TypeScriptのMethod Decoratorを解説する。 - Qiita
最速でわかったつもりになるReact / Vue.js / Angularの違い - Qiita
[Vue] Plus ボタン押されるたびにタブみたいにコンポーネントを増殖させる - Qiita