[B! javascript] aki202のブックマーク

タスクランナーを使わずに webpack だけでフロントエンド開発する方法 – Web Application Security Memo

注意‥この記事では Babel 5 を使っています。 Babel 6 を使用する場合は、このままだと動作しません。対応方法は、Quickguide: how to update Babel 5.x -> 6.x — Medium 等を参照して下さい。 Grunt や Gulp などのタスクランナーを使わず、webpack だけでフロントエンドを開発する方法を調べてみました。以下、実際に簡単なウェブアプリケーションを作ってみます。環境 webpack 1.12.0 ESLint v1.2.1 OS X 10.10.5 前提条件 JavaScriptは ECMAScript 6 で書けるようにします。但し、今回の記事内では ECMAScript 5の文法のみ使用しています。 CSSファイルは webpackで処理することにより、JavaScript のコードで表現されるようになります。こ

aki202 2017/04/04

リンク

モダンJavaScript開発環境 on Rails - クックパッド開発者ブログ

投稿推進部の外村︵@hokaccha︶です。クックパッドブログの開発でRails上にECMAScript6などのモダンなJavaScript開発環境を導入した経験を元にノウハウを紹介したいと思います。 RailsはSprocketsというgemでJavaScriptやCSSをコンパイルする仕組みが提供されています。Sprocketsによるasset管理の仕組みは非常によくできており、AltJSのトランスパイルやファイルの結合、minifyなど、assetのコンパイルに必要な機能を一通り備えています。しかし、JavaScriptにおけるモジュールの依存関係の解決や、ライブラリの管理などについてはモダンなJavaScript開発と乖離してきているのが現状です。そこで、Railsでも以下のようなことを実現できることを目標に環境を作りました。 ECMAScript6のシンタックスを使うモジュ

aki202 2017/03/20

リンク

Modern JavaScript概観、そしてElectronへ | さにあらず

この一か月分の学習成果を整理したリポジトリを作ったので、その成果についてまとめておく。作ったサンプルプロジェクトだけを手軽に欲しければ、このリポジトリを clone してほしい。taichi/js-boilerplatemaster ブランチには、ミニマムな JavaScript 開発環境がサンプルコード付きで入っているfrontend ブランチには、React/Redux/webpackなウェブアプリケーション用の開発環境が入っているデフォルトブランチにしてある electron ブランチには、frontend ブランチの内容に加えてElectronでアプリケーションを開発するための環境が入っているはじめに#最近の JavaScript について#僕は仕事として JavaScript を書いている訳ではないけども、この半年くらいの間にちょっとしたツールならいくつか作った。どちらも便利

aki202 2017/01/24

javascript

リンク

最近の行儀のよい JavaScript の書き方 - Qiita

JavaScriptは移り変わりの早い言語です。もう1年以上経っていますし、記事のメンテもちゃんとできていないので、消し線を入れることにしました。参考程度のために記事は一応残しますが、より新しい情報を読まれることをお勧めいたします。はじめに --- 最近では JavaScript の実行環境はブラウザに限りません。︵node.js, Web Workers︶また、旧来のような <script> 経由でのロードもとうに古くなっています。今はCommonJS スタイルで、requireを用いたモジュールのロードを行なうことがより良いとされています。ですから、次のようなことは改める必要があります。 - var YourModule = {}; などとして、外部から YourModule.hoge(); などと呼び出す書き方 - this === window だと思うこと今回は、

aki202 2015/01/11

javascript

リンク

Webフロントエンドに従事するお前らはいい加減高頻度イベントとレイアウトとスタイリングの付き合い方を考えろ - Qiita

もうなんかこの際マジで言わせていただくんですけど、知ってるか知らないか分かりませんが世の中にはすごい頻度で呼ばれうるDOMイベントって言うのがいくつかあるわけですよ例えば scroll mousemove, touchmove devicemotion 辺りですよ。で、高頻度で呼ばれるって言うことは必然的に処理量が増えるって分かりますよね？？？？？while(1) {}じゃないとはいえUIスレッドに十分影響を与えうる頻度で呼ばれる訳です。分かりますよね？？？？？？？？そうなると当然そのイベント内で重い処理を行えば人間が認識できるレベルでのレスポンス遅延が起きるっていうのはご理解できますよね？重い処理っていうのはまぁ想像出来るとは思うんですが例えばよくあるのが DOMのレイアウトプロパティへのアクセス offsetTop、offsetLeft、offsetWidth、offsetHe

aki202 2014/10/25

リンク

JavaScriptフロントエンド開発の昨今

フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発

aki202 2013/10/11

javascript

リンク

JavaScript製の顔認識ライブラリがすごい | DECONCEPTER

JavaScript製顔認識ライブラリを紹介します。試してみたところ想像以上に精度が高かったので驚きました。横顔や傾けた顔の認識は難しようですが、正面の精度がすごい。 auduno/clmtrackr デモは画像の顔認識トラッキング︵Tracking in image︶ビデオの顔認識トラッキング︵Tracking in video︶認識顔に別の顔を乗せてマスキング︵Face masking︶認識した顔のデフォルメ︵Face deformation︶の4つがあります。デフォルメとマスキングが特に面白いのでお試しあれ。ちなみにおっぱいを顔として認識してもらおうとしたら怒られました。

aki202 2013/09/27

javascript

リンク

JavaScriptアプリケーションのためのデザインパターン

Spring BootによるAPIバックエンド構築実践ガイド第2版何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

aki202 2013/09/19

リンク

コールバック……駆逐してやる…この世から…一匹…残らず!! - Qiita

このテキストは JavaScript のコールバック地獄に疲れたひとのためのコールバック駆逐術指南書です。対象読者は JavaScript道初段くらいの人です。このテキストを読むと、以下のそれぞれの手段における非同期処理制御の仕組み、利点および欠点がわかるようになるかもしれません。コールバック地獄 jQuery.Deferred async.js Concurrent.Thread generators co fibers Web Workers (※なぜか﹃進撃の巨人﹄の一部ネタバレが含まれるので注意してください) それは﹃何故人はコールバックするのか﹄という話でしょうか？非同期処理って面倒ですよね。JavaScriptではいわゆるコールバック地獄というやつにしばしば陥りがちです。たとえば、Ajax でふたつのファイル hoge.txt と piyo.txt を持ってきて、それら

aki202 2013/08/19

javascript

リンク

最近のJavaScript開発まとめ

9月/10月社内Tech勉強会レポート – NodeJS/Privacy Sandbox API/3rdPartyCookie/NodeJS/PromiseAll/cascae/

aki202 2013/07/17

javascript

リンク

フロントエンドJavaScriptにおける設計とテスト

今日話さないこと JavaScriptの基礎知識、jQueryの導入気持ちいいUIやUXがうんちゃら CanvasやWebGLを使ったリッチでイケてるゲームの作り方

aki202 2013/02/24

javascript

リンク

Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳 v0.1 documentation

この和訳について¶ この文章は Google JavaScript Style Guide を非公式に和訳したものです. 内容の正確性は保証しません. ライセンスは原文と同じく CC-By 3.0 とします. フィードバックは Issue への登録 , あるいは Kosei Moriyama (@cou929 または cou929 at gmail.com) へ直接お願いします. この和訳のリポジトリはこちらです.

aki202 2012/11/04

リンク

オブジェクト指向プログラム言語としてのJavaScript

このページでは、JavaScriptのオブジェクト指向言語としての側面を研究します。 JavaScriptは、HTMLの拡張という側面が注目されていますが、プログラム言語として見た場合にも、興味深い独自の特徴がたくさんあります。このページでは、これらJavaScriptの言語としての特性、特にオブジェクト指向言語としてJavaScript を見た場合の特徴について詳しく研究を試みます。 JavaScriptは、ほぼ完全なオブジェクト指向言語です。プログラマによるクラス定義、プロパティ定義、メソッド定義ができます。継承は、言語の基本機能としては用意されていませんが、基本機能の組み合わせにより実現できます。メソッドのバインディング(binding)はレイトバインディング︵late binding︶です。これは、JavaScriptが変数の型のない言語だからです。 JavaScriptに

aki202 2012/09/01

javascript

リンク

DeNA、HTML5開発支援フレームワーク「Arctic.js」をオープンソースとして公開 - [DeNA] 株式会社ディー・エヌ・エー

株式会社ディー・エヌ・エー︵本社‥東京都渋谷区、代表取締役社長‥守安功、以下DeNA︶は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク﹁Arctic.js﹂をオープンソースとして公開しました。﹁Arctic.js﹂は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript＊1フレームワークです。開発者は﹁Arctic.js﹂を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid＊2とiOS＊3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。＊4

aki202 2012/01/26

リンク

新しいことをしたいならチェックしておきたい、最近のJavaScriptライブラリ

「crocro.jscam」JavaScript... / 3D野郎は寄ってたかれ!WebGLでグリグリ遊べ... / jmpress.js | a jQuery pl...他...全6件

aki202 2012/01/22

リンク

Using Fzip lib under Adobe Air App

aki202 2011/05/31

リンク

Home | Nidhis

Look like you're lost the page you are looking for is not available, so please check your URL! 17/18 Gems Court ,Khader nawaz khan road, Nungambakkam, Chennai – 600034

aki202 2011/05/30

リンク

treesaverjs.com

This domain may be for sale!

aki202 2011/04/03

リンク

Titanium で iPhone開発を始めるときに気をつけておきたいこと７つ

こんにちは、亀本です。本当は今日はアシアルの日常を書く、という名目のブログ当番なんですが、どうせエンジニアの日常なんてコード書いてますよね。ということで、最近使ってみたTitaniumについて書いてみる事にしました。さて、最近ちまたでTitanium Mobileがあつい！という話が出ていて、入門記事もいろんなところで上がり始めていますね。Titaniumをご存じない方のために簡単に説明しておくと、JavaScriptを使ってiPhone/Androidアプリを作ってしまおう、という物です。果たしてどんなもんか！と、手元で作成中だったアプリをTitaniumを使って再実装してみたのですが、世間で言われるとおり所々で凝った事をしづらいものの、想像していたよりはずっと、リッチ・簡単・高速に作れる印象でした。早い、安い、うまいなんてぎゅうどｎ(ryその開発の際に、Objective

aki202 2011/03/10

リンク

はてなブックマーク

タグ

関連タグで絞り込む (23)

javascriptに関するaki202のブックマーク (28)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス