npm install で躓いたこと - Qiita
※備忘録的に投稿しております。 下記を参考にServerless Framework をnpmでインストールしようとしたところ、タイムアウトで失敗。。。 Serverless Framework による AWS Lambda 関数の管理1 $ npm install -g serverless 「プロキシを正しく設定してくれ」と怒られた。 企業のWebプロキシではねられている模様。 調べてみたところ、下記コマンドでプロキシの設定をするとエラーが解消され、無事にインストールすることができた。 npmのconfigファイルで、httpとhttpsの設定が必要。 $ npm config set proxy http://proxy.company.com:8080 $ npm config set https-proxy http://proxy.company.com:8080 インストール
Azure WebAppsにNuxt.js+Expressの環境をデプロイするために頑張ったメモ - Qiita
前置き 先日 @n0bisuke さんが Qiita に書いた記事「Azure Web AppsにNuxt.js+Expressの環境をDockerでデプロイしたときのメモ」に、 けっこうハマって@horihiroさんに色々質問して助けてもらいました。 と書いていただきましたが、実際は一緒にハマってた上、中が Windows の方の Web Apps と勘違いして、見当違いな調査をしてたりしました。 # n0bisuke さんが動かしたかったのは、Web Apps for Containers （前述の記事）、または App Service on Linux でした。 ただ、見当違いながら、Windows の方の Web Apps (以下、Web Apps)の方も調べた結果、いろいろ分かったのでメモとして残しておきます。 なぜ Web Apps で nuxt-community/expre
今から始めるReact入門 〜 flux編 - Qiita
目次 今から始めるReact入門 〜 React の基本 今から始めるReact入門 〜 React Router 編 今から始めるReact入門 〜 flux編 ←★ここ 今から始めるReact入門 〜 Redux 編: immutability とは 今から始めるReact入門 〜 Redux 編: Redux 単体で状態管理をしっかり理解する 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する 今から始めるReact入門 〜 Mobx 編 はじめに この記事は"今から始めるReact入門" 記事の続編です。最初から読む場合は以下の記事からスタートしてください。 今から始めるReact入門 〜 React の基本 flux とは Flux とはユーザインタフェースを構築するためのアプリケーションアーキテクチャです。 React は状態管理についての
脱webpack : ejs編 - Qiita
はじめに 現在フロントエンド開発環境のうち、一部のwebpack依存処理をnode.jsスクリプトに置き換えています。 本記事はその結果のうち、ejsをnode.jsスクリプトで変換する方法を共有するためのものです。 ejsとは ejsは、html内にjavascriptの構文を埋め込めるjavascriptテンプレートエンジンです。 htmlの一部分を外部ファイル化してincludeできる 外部変数を読み込んで複数のhtmlを生成できる 配列を利用してDOMの繰り返しを生成できる などの利点があります。構文についてはこちらの記事に詳しく情報が載っています。 テンプレートエンジンEJSで使える便利な構文まとめ なぜejsを選ぶのか 同種のjavascriptテンプレートエンジンとしてhamlやPugなどがあります。これらのテンプレートエンジンはejsよりもさらに踏み込んで、htmlタグ自体
TypeScript メモ - Qiita
import * as React from 'react'; import { View } from './view'; // Propsの型定義 interface IProps { name: string; } interface IState { count: number; } export class Profile extends React.Component<IProps, IState> { constructor(props) { super(props); this.state = { count: 0, }; } handleClick() { const text_element = document.getElementsByClassName("modal")[0]; if (text_element.className === "modal on")
TypeScript メモ 2 - Qiita
{ "compileOnSave": false, "compilerOptions": { "target": "es5", "module": "es2015", "jsx": "react", "moduleResolution": "node", "allowSyntheticDefaultImports": true, "noUnusedLocals": true, "noUnusedParameters": true, "removeComments": false, "preserveConstEnums": true, "sourceMap": true, "skipLibCheck": true, "baseUrl": ".", "lib": ["dom", "es2018"] } } { "compilerOptions": { "module": "commonjs"
TypeScript メモ 3 便利グッズ - Qiita
input HTMLInputElement = <HTMLInputElement> inputに const samplae: NodeListOf<Element> = app!.querySelectorAll(""); listに interface HTMLElementEvent<T extends HTMLElement> extends Event { path: T;//ジェネリック } addEventListener('click', (e: HTMLElementEvent<HTMLInputElement>) => {}); addEventListener時にも const target = items_arr.filter((item) => { return item; }); 便利 mapでも利用はもちろんできる
もっとみる機能の実装メモ - 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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angularで検索可能なセレクトボックスを設置する - Qiita
Setup node.js express server on IIS - Qiita
Node.jsのインストール - Qiita
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文を抜けた後の処理で使うには？
