The ultimate PHP Security Checklist
Product { this.openCategory = category; const productMenu = document.querySelector('.product-menu'); window.DD_RUM.onReady(function() { if (productMenu.classList.contains('show')) { window.DD_RUM.addAction(`Product Category ${category} Hover`) } }) }, 160); }, clearCategory() { clearTimeout(this.timeoutID); } }" x-init=" const menu = document.querySelector('.product-menu'); var observer = new Muta
A new npm is coming
No, I'm not talking about npm v7! 🙀 A new package manager is under development and it's not written in JavaScript. The Orogene team is working on «a next-generation platform and package manager for Node.js-compatible and frontend JavaScript projects!» Who is behind this? Just 3 cool devs with Kat Matchán included! And what do we know about Kat? Well, they were working for npm some time ago, and w
7 Important Tips for Writing Better CSS
One of the biggest issues in programming is dealing with maintenance. In a real-world scenario, we don't always start developing projects from scratch. Mostly, we are assigned (or take) a project that has already been written maybe a couple of years before or even longer. To work efficiently on that project, first we need to understand the source code. This is the point when we immediately realize
TheoremJS
Tons of functions TheoremJS is packed up with tons of useful mathematical functions. It is composed of functions in most mathematical fields such as algebra, number theory, statistics, etc... It was designed to fit your need, whatever you are trying to do. Fast With TheoremJS, you won't feel the need of running the code on a server, you can run it right on the browser, or on a NodeJS notebook (Jup
【2018年版】Macにyarnを入れてfirebase開発をする - Qiita
0. はじめに yarnって何？ npmと互換性のあるパッケージマネージャーです。 パッケージマネージャーとはnode.jsのライブラリやパッケージを管理することができるツールです。 使用することで使いたいライブラリの導入や削除が楽になったり、パッケージ同士の依存関係を管理することができます。 yarnはnpmと互換性があるため既存のpackege.jsonがそのまま使えるというのはとても良い点です。 【yarn公式サイト】 この記事を書こうと思った経緯 「yarnが良い」と噂話に飛びついた私みたいな人は気軽にbrewでインストールコマンド叩いて死んじゃうと思ったので、この記事を書くことにしました この記事を読むのに向いている人 ・yarnって何？の人 ・firebaseで開発させろやの人 ・npm使ってて、yarnに乗り換えようかと考えてる人 ・既にmacのローカルでnode.jsの開発
Pixi.jsでCanvasをカンタンに触ってみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですよ、はやちですよ٩( ᐛ )و 今回は、Canvasの操作を高速に描画できるPixi.jsを触ってみました。 導入から実装まで、ご紹介したいと思います( ˇωˇ)☝ 導入方法 npmはこちらからインストールしてお使いください！ npm install pixi.js 実装方法 image画像を操作する 画像を使用してCanvasに描画とアニメーションさせる方法をご紹介します( ˘ω˘)☝ はじめに表示するCanvasを用意します。 Canvasはサイズと背景色も設定できます( ˇωˇ)☝ let app = new PIXI.Application(800, 600, {backgroundColor : 0xDAE8F4}); document.body.appendChild(app.view); いつも使っている画像を用意します( ˇωˇ)☝ let hayachi = P
今すぐWebサイトの多言語対応が簡単にできる・JavaScriptの翻訳ライブラリ「Glottologist.js」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、Webサイトやアプリなどを簡単に多言語対応できるJavaScriptライブリをご紹介します！ HTML要素に「属性」を追加するだけで簡単に翻訳できるので、既存のWebサイトなどに適応しやすいという特徴があります。 グローバルなサイト作りにご興味のある方は、ぜひ参考にしてみてください！ 【 Glottologist 】 ■「Glottologist」の使い方 それでは、まず最初に「Glottologist」を使えるようにするための準備から始めましょう！ 必要になるのはライブラリの「JavaScriptファイル」1つです。 npmでインストールする場合は次のとおり！ npm i glottologist --save また、ライブラリを「scriptタグ」で読み込む場合は次のように記述しましょう。 <script src="https://
最新版で学ぶwebpack 5入門 - スタイルシート(CSS/Sass)を取り込む方法 - ICS MEDIA
ウェブのフロントエンドエンジニア開発で人気を集めるモジュールバンドラーのwebpack（ウェブパック）。webpackにはJavaScriptファイルのバンドルだけではなく、スタイルシート（CSSやSass）のバンドルもできます。ICS MEDIAの記事「最新版で学ぶwebpack入門」では、webpackの基本的な使い方を解説しましたが、この記事ではスタイルシートに焦点をあてて解説します。 ※webpackを利用するには事前にNode.jsをインストールしておいてください。この記事では2021年5月現在最新のNode.js v14、npm 7と、webpack 5をもとに解説しています。 この記事で説明していること CSSをバンドルする利点 CSSのバンドル方法 Sassのバンドル方法 Sass内の画像もバンドルする方法 容量の閾値で画像のバンドルを制御する方法 PostCSS(Auto
docker-composeで開発したnginx+node.jsのアプリケーションをDocker Hubで配布する方法 - Qiita
要約 配布方法 Dockerfileをdocker-composeでビルドして, nginx由来とnode.js由来の２つのimageを作り, Docker Hubにプッシュする. docker-composeでビルドするときに, buildの中でcontextを使うと便利. アプリケーションを作るdocker-compose.yamlの例 https://github.com/Toyoharu-Nishikawa/jsnote/tree/docker git clone -b docker https://github.com/Toyoharu-Nishikawa/jsnote.git docker-compose up -d 利用方法 利用者がアプリケーションを使うときは, docker-compose.yamlでDocker Hubに登録したimageをpullして使う. アプリケー
How to Write Beautiful Sass — SitePoint
The following is a short extract from our book, Jump Start Sass, written by Hugo Giraudel and Miriam Suzanne. It’s the ultimate beginner’s guide to Sass. SitePoint Premium members get access with their membership, or you can buy a copy in stores worldwide. Clean, beautiful code should be a goal in every project. If other developers need to make a change, they should be able to read what is there a
Sassの教科書 改訂2版が刊行！大幅にパワーアップして、新機能や実務に役立つテクニックがいっぱい！
Sassの教科書が大幅に内容を強化し、改訂2版として刊行されました！ 当ブログのビジターも多くの人が愛用したと思いますが、改定前のを持っている人も、もちろん持っていない人もSassをもっと使いこなしたい人にかなりオススメの一冊です。 Sassのインストールは初心者に分かるように優しく、よく使う基本的なテクニックは丁寧に、さらに高度なテクニックは詳しく、基本から実践までこの一冊で完璧に身につけることができます。 本書はSassが大好物な著者陣によって執筆された、愛に溢れた教科書です。さまざまなプロジェクトで培われたSassのノウハウが、惜しげもなく記されています。 Sassを使う人はもちろん、Sassってなんか敷居が高いと感じている人にも、明日から実務で使えるテクニックがしっかり学べます。
Getting Started with Redux — SitePoint
A typical web application is usually composed of several UI components that share data. Often, multiple components are tasked with the responsibility of displaying different properties of the same object. This object represents state which can change at any time. Keeping state consistent among multiple components can be a nightmare, especially if there are multiple channels being used to update th
React Router v6: A Beginner's Guide — SitePoint
React Router is the de facto standard routing library for React. When you need to navigate through a React application with multiple views, you’ll need a router to manage the URLs. React Router takes care of that, keeping your application UI and the URL in sync. This tutorial introduces you to React Router v6 and a whole lot of things you can do with it. Table of Contents Introduction Overview Set
webpack.config の黒魔術をとく - Qiita
はじめに Node.js向けに書かれたJavaScriptのプログラムをブラウザ上で動作させるには require() によるモジュールの参照を解決した単一のJavaScriptファイルに変換する必要があります1。 少し前まではこの作業には Browserify が使われることが多かったようですが、現在は「画像もCSSも何でも1つにします」が売りの webpack 一色になっている感じです。ですが、この webpack、とってもわかりにくいのです。設定ファイル webpack.config.js を見たときに私は TeX や sendmail の悪夢を思い出しました2。この黒魔術3を読み解いてみましょう。 webpack の仕事 画像とかCSSとかのことはおいておくと、webpackの仕事は以下の3つになります。 複数の.jsファイルの依存関係を解決し、1つにバンドルする これが本来業務で
JavaScript Is Eating The World
Incase you haven't heard the news, JavaScript and NodeJS are single handedly eating the world of software. NodeJS is an Open Source server-side JavaScript environment based on the V8 JS engine found in Google Chrome. Once only thought of as "hipster" technology, NodeJS is quickly becoming one of the most commonly used environments for building web applications and is beginning to find its way int
「アイソモーフィックJavaScript」を読んだ - massa142's blog
アイソモーフィックJavaScript 作者: Jason Strimpel,Maxime Najim,牧野聡出版社/メーカー: オライリージャパン発売日: 2017/07/04メディア: 単行本（ソフトカバー）この商品を含むブログを見る アイソモーフィックJavaScript(Isomorphic JavaScript)とは、クライアントとサーバで同じJSコードを共有して実行できるようにしようという概念。*1 この本ではリクエスト/レスポンスの古典的なWebアプリケーションから始まって、AJAX・SPAそしてIsomorphicとWebアプリケーションアーキテクチャの歴史を追って説明してくれている。それも単に歴史を辿るのではなく、当時なにが問題とされて、それをどう解決しようとしたかという背景がわかりやすく解説されているのが特に良かった。 ただ最後の方でReactやAngularJS、An
Kubernetesを用いてGoogle Container Engineでコンテナクラスタをデプロイする〜入門編〜 - Qiita
はじめに Google Cloud Next'17 in Tokyoでのセッション動画リストがようやく公開されました。 Google Container Engine（GKE）上でコンテナクラスタを本番運用する事例は日本でまだまだ少ないということもあり、公開されたセッション動画は非常に有用な情報源となっています。 このエントリでは、Kubernetesを用いてGKE上でコンテナクラスタを構築し、ローカルで開発したアプリケーションをデプロイする手順をまとめます。 Kubernetesとは KubernetesはDockerコンテナのオーケストレーションおよび管理を行うためのツールです。元々はGoogleが内部でコンテナ運用するために作られたBorgというツールがありましたが、昨今のコンテナブームに後押しされてKubernetesとしてオープンソース化されています。 複数のDockerコンテナ
エラートラッキングツールfaultlineのNodejs用モジュールnode-faultline-protoを作ってみた - Qiita
今回作成したのは、Nodejsのエラートラッキングにfaultlineを使うためのnpmモジュール。 GitHub sinofseven/node-faultline-proto インストール var faultlineJs = require('node-faultline-proto'); var faultline = faultlineJs.createClient({ project: 'faultline-js', apiKey: 'xxxxXXXXXxXxXXxxXXXXXXXxxxxXXXXXX', endpoint: 'https://xxxxxxxxx.execute-api.ap-northeast-1.amazonaws.com/v0', notifications: [ { type: 'slack', endpoint: 'https://hooks.slack
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - nextapps-de/flexsearch: Next-Generation full text search library for Browser and Node.js
AWS Lambdaのユニットテストのベストプラクティス(Node.js) - Qiita
