[B! qiita][html] [3ページ] nabinnoのブックマーク

nabinno id:nabinno

qiitaとhtmlに関するnabinnoのブックマーク (1,726)

git-secretsで.env.sampleが叱られる場合の対処 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nabinno 2018/10/29
qiita

node.js

javascript

html
リンク
GoogleHomeとIFTTTとFirebaseとラズパイとnode.jsでyoutubeの音を流す - Qiita
'use strict'; const firebase = require("firebase"); const config = { apiKey: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', authDomain: 'xxxxxxxxxxxxxxx.firebaseapp.com', databaseURL: 'https://xxxxxxxxxxxxxxxx.firebaseio.com', projectId: 'xxxxxxxxxxxxxxxxxxxxx', storageBucket: 'xxxxxxxxxxxxx.appspot.com', messagingSenderId: 'xxxxxxxxxxx' }; firebase.initializeApp(config); const Youtube = require('youtube-n
nabinno 2018/10/29
qiita

node.js

javascript

html
リンク
TypeScript+VSCode拡張機能開発入門 - Qiita
AtomやSublimeTextを使っていましたが，最近VSCodeの良さに気づき始めて完全に虜になりましたw なので，TypeScriptの勉強も兼ねてVSCodeの拡張機能でも作ってみようと思いました環境 windows10 Pro(Macは試してませんが，多分同じような感じになるはず・・・) 環境構築 Node.jsのインストール TypeScriptをインストールするために，Node.jsがいるのでまずはこれをインストールします Node.jsのインストーラは公式サイトから入手できるます投稿時点では推奨版と最新版がありますが，推奨版の8.12.0をダウンロードしてインストールしますインストールが成功したか確認するには，コマンドラインで以下を入力します
nabinno 2018/10/28
qiita

typescript

javascript

html
リンク
TypeScriptを用いて、DAZ Scriptでクラスを利用する - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nabinno 2018/10/28
qiita

typescript

javascript

html
リンク
Hyperapp V2 - Qiita
Hyperapp V2がリリースされました。 2019/03/27 追記：alpha.10に合わせて全面的に書き換えました。（おそらく次のアップデートでイベント名が小文字になる予定です。） 2019/09/14 追記：v2.0.1に合わせて書き換え。 2020/07/15 追記：v2.0.5がリリースされました。ESモジュール化、JSXの直接的なサポート・Payload Creatorが削除、Lazyがmemoにリネームされています。（本記事に未反映） Hyperappとは VDOMを搭載した超絶小さい（ソースが読める）JavaScriptフレームワークです。（2KBぐらい）詳しくはこちら Hyperapp V2 リファレンス V2のREADME https://github.com/jorgebucaran/hyperapp/blob/master/README.md V2マイルストー
nabinno 2018/10/28
qiita

typescript

javascript

html
リンク
Reactコンポーネントの継承 - Qiita
nabinno 2018/10/28
qiita

typescript

javascript

html
リンク
Angularのngrxを使って状態管理を行う（理論編） - Qiita
この記事はAngular+Firebaseでチャットアプリを作るのエントリーです。前記事：Angular+Firebase ユーザー設計とデータの保護次記事：Angularのngrxを使って状態管理を行う（実装編：初期設定～エフェクト設定）この記事で行うこと前回の記事ではユーザー設計とデータの保護を扱いました。ここからAngularの@ngrxというライブラリを使って、状態管理の理論、実装を３回にわけて行っていきます。本記事ではまず、状態管理の理論について学習します。なぜngrxを使う必要があるのか ngrxの流れを見る Effectで非同期のデータを扱う @ngrxとは @ngrxはReduxというライブラリに影響を受けて作成されたAngularの公式ライブラリです。Actions、Dispatcher、Reducer、State、ViewというReduxのデータフロー構成
nabinno 2018/10/28
qiita

angular

javascript

html
リンク
npm不要どころかHTML1つだけでVueとVuetifyが試せるテンプレート - Qiita
<!DOCTYPE html> <html> <head> <link href="https://fonts.google apis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/vuetify@2.x/dist/vuetify.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1, m
nabinno 2018/10/28
qiita

vue.js

javascript

html
リンク
Laravel 5 アセットのコンパイル(Laravel Mix) 構築でのエラー解消（訂正） - Qiita
nabinno 2018/10/28
qiita

webpack

module-loader

javascript

html
リンク
expressとReactでSSRする際に、DOCTYPEを記述する方法 - Qiita
import * as React from 'react' import App from '../containers/App' interface Props {} const Html: React.SFC<Props> = (props: Props) => { return ( <html> <head> <title>App</title> </head> <body> <div id="app"> <App /> </div> <script src="/client.bundle.js" /> </body> </html> ) } export default Html import * as path from 'path' import * as express from 'express' import { Request, Response } from 'ex
nabinno 2018/10/28
qiita

node.js

javascript

html
リンク
【初心者でも分かる！】JavaScriptの関数とスコープの基礎 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nabinno 2018/10/28
qiita

node.js

javascript

html
リンク
ESLint v5.8.0 - Qiita
前 v5.7.0 | 次 v5.9.0 ESLint v5.8.0 released:https://t.co/xJQtySuzeP — ESLint (@geteslint) October 26, 2018 ESLint 5.8.0 がリリースされました。小さな機能追加とバグ修正が行われました。質問やバグ報告等ありましたら、お気軽にこちらまでお寄せください。 🏢 日本語 Issue 管理リポジトリ 👫 日本語サポートチャット 🏢 本家リポジトリ 👫 本家サポートチャット 🚀 本体への機能追加 #11010: Linter.version property Linterコンストラクタにversionプロパティが追加されました。ESLint のバージョン文字列 (例: "5.8.0") を保持します。従来は Linter からバージョン情報を取得するには new Lin
nabinno 2018/10/28
qiita

node.js

javascript

html
リンク
Node.jsのどのバージョンでES2015以降の各仕様が使えるか - Qiita
はじめに僕はブラウザ向けのJavaScriptを書くときは必ずBabelでトランスパイルしてるので、特に互換性は考えずJSの最新機能を使ってます。でもCLIツールをNode.jsで書いたりする場合はランタイムが固定なので、Babeることなく「このバージョン以降のNode.jsでそのまんま動くように」なるべく書きたいのです。 The TC39 Processの性質上、「ES2018はNode v.XX以降でサポート」みたいな感じではなく、個別のProposalごとに実装されるタイミングが違います。 MDNの「ブラウザ実装状況」にはNode.jsも含まれていて、機能別に調べれば分かるんですが、「Node.jsのこのバージョンではどこまでの機能使えるんだっけ？」という確認をしたいケースが多かったので、一覧にまとめてみました！一覧にまとまっているサイトを紹介します。 Node.js ES20
nabinno 2018/10/28
qiita

node.js

javascript

html
リンク
これさえあればWEBアプリが簡単に作れる！Nuxt・Express・Vuetifyを使ったログイン画面の実装テンプレ - Qiita
目的 nuxt.jsを使うことでWEBアプリが簡単に作れるようになりました。加えてVuetifyやExpressを使うことで、高度なWEBアプリが開発できます。今回はそれらを使ったログイン画面の実装テンプレートを紹介します。実装に向けて https://github.com/nuxt-community 基本このGithubを参考にしました。 Expressやauth-moduleのテンプレートはありますが、まるっと統合したものが欲しかったので、これらを応用して作成しました。使用したフレームワーク・ライブラリ nuxt Express（API） vuetify（デザイン） axios（API通信）ドキュメント Nuxt auth-module Vuetify Express GitHubレポジトリソース解説フォルダ構成 ./api # Express ./api/index
nabinno 2018/10/27
qiita

express.js

node.js

javascript

html
リンク
AmazonLinux (Docker)にNode.js & npmをインストールする。 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nabinno 2018/10/27
qiita

node.js

javascript

html
リンク
PuppeteerとJasmineを使ったE2Eテストの自動化 - Qiita
やりたいこと Puppeteerでクローリングした内容を元にJasmineで簡易に実装したE2Eテストを自動化したい。背景よくある管理画面として、所属によってアクセス可能な画面が分かれていたり（例：社内向けの画面、広告主向けの画面、代理店向けの画面など）、また担当者に与えられる権限によっては画面の表示（例：偉い人には「承認」ボタンを表示など）が異なっていたりします。そのため、VIEW側で「こうゆう条件の場合はこうゆう表示をする」などの出し分けが複雑になりがちです。例えば、社内、代理店、広告主で共通して使うElement（CakePHPで開発している場合、Elementは各VIEWの共通するコードをまとめる時に使います。）などにおいて、if文でフラグをチェックして表示を出し分けたりしている場合、そこのコードを変更した際に、社内、代理店、広告主のそれぞれの画面にログインして想定する動作
nabinno 2018/10/27
qiita

node.js

javascript

html
リンク
PuppeteerとResemble.jsを使ったスクショ比較によるピクセル差分テスト - Qiita
やりたいこと Puppeteerによるクローリングでスクリーンショットを取得する。 Resem ble.jsを使って時系列による二地点の画像比較を行う。 Resem ble.jsは二つの画像の比較を行った上で、差分部分のピクセルに色を付けた比較画像を出力してくれるので、差分ピクセルが一定比率を超えた場合に、Jasmineによるテストが落ちるようにしたい。背景「１ピクセルを笑うものは、１ピクセルに泣く。」 Webメディアを運営している会社などでは、１ピクセル程デザインがずれただけで収益が大きく変動すると言うのもよく聞く話ですね。そこまでシビアな環境にいなくても、例えば、cssをちょこっといじりたい時に、他の画面のどこのデザインに跳ねてるのかが分からず、不安になったりしますよね。そのcssが長い年月をかけて肥大化していて、複雑怪奇に色々なところに当たっていたりするものだったりするとなおさらで
nabinno 2018/10/27
qiita

node.js

javascript

html
リンク
[Chromeヘッドレスブラウザ活用] セキュリティ解析ツール | Webアクセス先の可視化/調査GUI - Qiita
概要この記事では、私の作成したWebリソースのアクセス状況の可視化/分析ツール（beta版）を紹介します。私はこのツールをサイバーセキュリティの調査の用途を念頭に置いて、開発しました。その他、プライバシーポリシーの順守状況の調査など、顧客情報にまつわるコンプライアンス状況の調査にも利用を想定しています。このGUIツールは、あるページ（ランディングページなど）にアクセスした際に付随してアクセスが発生するインターネット上のリソースを「グラフ図」として可視化すると同時に、クリックしたリソースの詳細情報を調査確認する機能を備えています。 Adso | Web Access Analyzer 動作イメージ更改しているGithub上のデモ動画は、以下の通り。 Wikipediaの「横浜中華街」にアクサスした際、付随してアクセスが生じる画像やJavascriptなどの要求/応答関係をグラフとして
nabinno 2018/10/27
qiita

node.js

javascript

html
リンク
Box API を叩くその前に - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? APIリファレンス英語：https://developer.box.com/reference 日本語：https://ja.developer.box.com/reference 日本語はところどころ崩れてるので、英語版を参照したほうがいいです(2018/10現在) 認証方式ざっくり。 OAuth 2 と、OAuth 2 with JWT がある OAuth 2 と、OAuth 2 with JWT では、扱うユーザータイプが異なる OAuth 2 管理対象ユーザー[Managed Users ]、外部ユーザー[External
nabinno 2018/10/27
qiita

node.js

javascript

html
リンク
GitlabCI でLambda@Edge で動かすようのnode.js のテストを書く - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
nabinno 2018/10/27
qiita

node.js

javascript

html
リンク
前のページ 1 2 3 4 5 6 7 8 9 10 次のページ