もっとみる機能の実装メモ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? function view_img() { const more_view = document.getElementsByClassName("js-more--view_target")[0]; const more_number = more_view.querySelectorAll(".js-more_number"); const more_target = more_view.getElementsByTagName("li"); const more_target__arr = Array.prototype.slice
Vue.js+TypeScriptで開発するときの参考記事まとめ - Qiita
概要 Vue.js+TypeScriptで開発する際によく参考にしている記事をまとめています。 自分用なので、自分記事が若干多めです。随時更新 この記事良かったよーとか、教えていただけると助かります。 環境構築 Vue CLIのプロジェクト管理UIがいい感じだった https://qiita.com/kai_kou/items/8fcabc7a8445c1be8a30 DockerでVue.js+TypeScript開発環境を構築する https://qiita.com/kai_kou/items/d581a9f8f3ee8605aed1 Vue.js + SCSS + Bootstrap + MaterialDesign + TypeScript開発環境をつくってみた https://qiita.com/kai_kou/items/a404c73c8bb23f25c510 Vuexによる
cypressでintegrationフォルダ以外を対象にしたい時 - Qiita
Angularのテストランナーをkarma→cypressに乗り換えたときに デフォルトのspec探索パスが'/cypress/integration/**.spec.ts'になっているのを変更したい TL;DR package.jsonのscriptsを変更する cypress.jsonの設定を追加する 対象読者 cypressを使う人です デフォルト設定 cypressをインストールしてすぐだと、cypressフォルダが生成され、 cypress/integration/配下にあるspecファイルだけがテストの実行対象になっているはずです。 cypress ├── fixtures │ └── example.json ├── integration │ └── test.spec.ts ├── plugins │ ├── cy-ts-preprocessor.js │
Reactで一人TDD修行 - Qiita
Reactで一人TDD修行したので紹介 TDDとは TDD(Test Driven Development:テスト駆動開発)は、実装を進めるより先にテストコードを書くことです。はじめにテストを書き、そのテストを実行し失敗させます。その後、目的部分のコードを書き、テストを成功する形にします。次にテストが通るままでリファクタリングを行っていきます。 TDDでは、この失敗(Red) -> 成功(Greed) -> リファクタリング(Refactor)を繰り返して、少しずつ作っていきます(一気に複数の機能は実装しない)。 Red TDDのスタート地点の状態。テストが、失敗に終わる・コンパイルエラー(プロダクトコードが無い初期状態に限る)になる状態。書いたテストに対して、想定通りにエラーになることを確認。このとき、プロダクトコードがなくてもテストのみに注力。 Greed Redで失敗しているテストを
Node.jsでセキュアな乱数を生成したい！（0.0 ~ 1.0） - Qiita
やりたいこと 0.0~1.0の間で小数の乱数をセキュアに生成したいです 以下のMDNによるとMath.random()はセキュアじゃないです。 Math.random() の提供する乱数は、暗号に使用可能な安全性を備えていません。セキュリティに関連する目的では使用しないで下さい。代わりにWeb Crypto API（より正確にはwindow.crypto.getRandomValues()メソッド）を使用して下さい。 なので、Math.random()のセキュア版を作りたいです。 セキュアな乱数生成 以下のsecureRandom()がセキュアなMath.random()のつもりです。 // cryptoをインポート const crypto = require('crypto'); // crypto.randomBytes()で生成するときのバイト数 const nBytes = 4;
「小説家になろう」の年間pt検索を無限スクロールできるサイトを作った - Qiita
何を作った？ 小説家になろうでの小説検索が不便なので、 1日ちょっとでGitHub Pagesを使って「小説家になろう」の年間ランキングを無限スクロール表示するサイトを作りました。(雑なのでバグがあったら教えてください) ×ボタンで一度見た小説を非表示にすることで効率的に検索できます！ https://o-posting.github.io/syosetu-infinite-yearly-ranking/ データは事前にスクレイピングしてsyosetu_data.jsに入れてあり、htmlを開くたびにデータを送受信するわけではありません。ランキングに載るのはほぼすべての15万字以上の小説です。文字数が少ないほど小説数が爆発的に増えるため、比較的大きな小説のみを集めました。 スクレイピングは（一応）サーバへの影響を考慮して、5秒に検索1回のペースで行いました。 細かい使い方 Google C
npmのバージョン管理の話 - Qiita
注意点 tj/n などのnodeバージョン管理ツールと一緒に使う場合、 このような問題にぶち当たる可能性があります。その点だけ留意しておいてください。 npmのバージョン npm installとかした時に新しいnpmのバージョンあるで！ってコマンドラインに出た経験がある方も少なくないのではないでしょうか。今回はnpmのバージョンを管理する話です。 結論 $ npm info npm versions --json: インストールできるnpmのバージョン一覧をjson形式で $ npm install --global npm@<version>: 任意ののnpmをインストール ex. $ npm install --global npm@3.10.8 npmって そういえば、npmってパッケージ管理ツールですよね… そういえば、npmってバージョン指定でライブラリインストールできますよね
今から始めるReact入門 〜 React の基本 - Qiita
目次 今から始めるReact入門 〜 React の基本 ←★ここ 今から始めるReact入門 〜 React Router 編 今から始めるReact入門 〜 flux編 今から始めるReact入門 〜 Redux 編: immutability とは 今から始めるReact入門 〜 Redux 編: Redux 単体で状態管理をしっかり理解する 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する 今から始めるReact入門 〜 Mobx 編 React をはじめるにあたって 普段バックエンドを触っている人間として、フロントエンド側の知識も触れておこうということで個人的なReact の勉強記を残しておきたいと思います。 すでにReact の記事は多く出回っていますが、ここでは最近のReact 及びReact Router, Redux, その他Red
DynamoDBの全データ削除について - Qiita
書くこと DynamoDBは仕様上、全てのデータを削除するAPIが提供されていません。 そのため全てのデータを削除したい場合 データを個々に削除する。 テーブルを削除し、再作成する。 TTL属性を使用して、DynamoDBに削除をお願いする。 要件に応じて、この中から選択する形になると思います。 このうち今回は、テーブルを削除し、再作成するについて記載したいと思います。 Node.jsで書かれたものが見つからなかったので、実装してみました。 実装 動作環境： Lambda（Node.js 8.10） git: URL const AWS = require('aws-sdk'); const Dynamo = new AWS.DynamoDB(); exports.handler = async (event) => { const params = { TableName: "Music
nodejs8 on Google App Engineにアクセス制御を導入する - Qiita
nodejs8 runtimeのGoogle App Engineなんですが、 python27などのruntimeと違って、app.yamlへのhandlerへのadimn……によるアクセス制御が対応していないので実は設定できません。 なら、nodejs8のruntieを使用した時にGoogle App Engineでどうやって認証をするのか？というと、 Identity-Aware Proxyを使ってアクセス制御を設定してあげる感じになります！ Google App Engineは適当なサービスが動いているという前提で、Identity-Aware Proxyの設定の仕方を！ IAPの有効 といっても設定は簡単です。 GAEをデプロイ済みであれば下の画面のように表示されるので、IAPを有効にしてあげます！ 情報パネルからアクセス可能ユーザの追加！ 「IAP-Secured Web Ap
node.js でc++ライブラリを動かすまで - Qiita
# ifdef __cplusplus extern "C" { # endif int my_func1(int x){ cout << "here is my_func1 in C++\n"; return x * 2; } } # ifdef __cplusplus extern "C" { # endif void my_func2(const char* x1){ cout << "here is my_func2 in C++\n"; string x1_conv = string(x1); string x2 = "+ C++(str2)"; string x3 = x1_conv + x2; cout << x3 << "\n"; } } # ifdef __cplusplus extern "C" { # endif char* my_func3(const char*
IBM Cloud Visual RecognitionとLINE Messaging APIを使って画像認識LINE BOTを作る - Qiita
概要 IBM Cloud Visual RecognitionとLINE Messaging APIを使って画像認識LINE BOTを作ります。 こちらのリポジトリにコードと使い方があります。 またこちらから友達登録してもらえると使えるので、是非画像を送ってみてください。 イメージ 使うもの IBM Cloud Visual Recognition LINE Messaging API Heroku codenvy（開発環境がある方はなしで可能） BOTの流れ LINE BOTにメッセージがくる ↓ LINE Messaging APIのWebhook URLが呼ばれる（以下Herokuのnodeアプリ内での動き） ↓ Herokuにデプロイされたアプリが画像データを取得するためにLINE Messaging APIにリクエストを投げる ↓ LINE Messaging APIから画像のバ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ExtendScriptを使ってPhotoshop用のスクリプトを組むときに使った（調べた）こと色々 - Qiita
[非公式] Ionic v3でAngular 6を使う方法（追記あり） - Qiita![[非公式] Ionic v3でAngular 6を使う方法（追記あり） - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/e654b958b280472e6481f0a301ecb3df7dfc8db1/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%25252Fadvent-calendar-ogp-background-7940cd1c8db80a7ec40711d90f43539e.jpg%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMTAwNDYwJTJGcHJvZmlsZS1pbWFnZXMlMkYxNTE5NzExNTk4P2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZmbT1wbmczMiZzPTZmZDc5Y2U0ZTA1MzlmOTJjZTRhNDRmMTkxNGI5OWUw%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Dcfa418165994091822e011948daa0b4a%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU5JTlEJTlFJUU1JTg1JUFDJUU1JUJDJThGJTVEJTIwSW9uaWMlMjB2MyVFMyU4MSVBN0FuZ3VsYXIlMjA2JUUzJTgyJTkyJUU0JUJEJUJGJUUzJTgxJTg2JUU2JTk2JUI5JUU2JUIzJTk1JUVGJUJDJTg4JUU4JUJGJUJEJUU4JUE4JTk4JUUzJTgxJTgyJUUzJTgyJThBJUVGJUJDJTg5JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMzQTNDM0MmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9NTdmMTJlMGRkMDUzMWRmMzNjMDA1NTljMDIyNjBiY2I%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDByZGxhYm8mdHh0LWNvbG9yPSUyMzNBM0MzQyZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz0zODM2MjI1MDhjNTVjYjZlNWVkOGMzYWNmYThiZDhjYw%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3Df0afe77a22e36cfbfe43971da5da98ee)
LIVE}}}@~FrEE@@~ Patriots vs Texans Live Stream
if文中の非同期処理で取得した値をif文を抜けた後の処理で使うには？
bot Twitterで指定メンションに対する自動リプライ - Qiita
Node.js でつくる Node.js ミニコンパイラ - Extra01 : WebAssembly 化 - Qiita
D3 でヘキサゴン - Qiita
Node.js ファイルの読み込み - Qiita
