[B! JavaScript] t-tanakaのブックマーク

WebAssemblyでOpenJDKのJavaランタイムを実装、JarファイルをそのままWebブラウザで実行できる「CheerpJ 3.0」正式リリース

WebAssemblyでOpenJDKのJavaランタイムを実装、JarファイルをそのままWebブラウザで実行できる﹁CheerpJ 3.0﹂正式リリース Webブラウザ上で実行可能なWebAssembly製JavaVM前バージョンのCheerpJは、Javaのバイトコードを事前コンパイルによりJavaScriptコードに変換することで、Webブラウザ上でJavaアプリケーションを実行可能にするコンパイラを中心とするツール群でした。今回の新バージョン﹁CheerpJ 3.0﹂では、WebAssemblyによってOpenJDKのJavaランタイムを完全に実装したと説明されています。これにより、JITコンパイラなどを含むJavaVMの機能をWebブラウザ上で実行できるようになりました。 Javaアプリケーションのソースコードは不要で、ビルド済みのJarファイルをそのままWebブラウザで実行

t-tanaka 2024/02/07

リンク

Elevator Saga - the elevator programming game

Made by Magnus Wolffelt and contributors Version 1.6.5 Source code on GitHub Run tests

t-tanaka 2017/11/25

リンク

攻撃者視点で見る Service Worker / PWA Study SW

PWA Study( https://web-study.connpass.com/event/65267/ ) で発表した資料です。

t-tanaka 2017/09/15

リンク

Angular 2/4が狭量で遅すぎる理由 | POSTD

(注‥2017/08/30、いただいたフィードバックを元に翻訳を修正いたしました。) TL;DR — AngularJSのアイデアは、2012年には妥当と言えましたが、2017年においてはそうとは言えなくなっています。JSのエコシステムは、成熟度、柔軟性、および生産性の面で、あっという間にAngularの前を通り過ぎてしまいました。現在では、webpackやフロントエンドのNPM、成熟したツールとライブラリのエコシステムを背景として、大型チームを有する企業であっても、 ReactやVueなどの軽量なJSライブラリを使用することで、大規模で柔軟性のあるSPAを、適切な設計で維持することが容易になっています。加えて、Angular 2/4の問題が散見された3年の開発期間や議論の余地があるアーキテクチャの決定方針が、多くの企業にこの新しいフレームワークの採用を躊躇させているようです。 201

t-tanaka 2017/08/30

JavaScript

リンク

JavaプログラマのJS忘備録[ES5] - Qiita

はじめに現在JavaScriptを学習中のJavaプログラマです。既存の知識ベースを元にJavaScriptを体系的に学習しました。そこで学習した事のうち、Javaとの差分を記録しました。今後も知識が増えるたびに随時追記していきます。本記事のECMAScriptのバージョンについて ECMAScriptはEcma internationalが仕様を策定するJavaScriptの標準です。このECMAScriptに則ることでその仕様に準拠する環境での動作が保証されます。 Babelといったトランスパイラの導入も含め、ES6の構文についての記事も別に書こうと考えています。今回は、ES5までのJavaScriptについてまとめています。 ECMAScript5のstrict mode コードの先頭行に以下のディレクティブを書くと、strict modeとなります。サポートされてい

t-tanaka 2017/08/02

JavaScriptで一番困るのが標準APIやライブラリやツールキットのDocuementをどこで見ればいいのか，ということ。Javaの「なんでもかんでもJavadoc」「とりあえずJavadocさえ見れば大丈夫」という文化になれていると，ね。

JavaScript

リンク

JavaScript における文字コードと「文字数」の数え方 | blog.jxck.io

Intro textarea などに入力された文字数を、JSで数えたい場合がある。ここで .length を数えるだけではダメな理由は、文字コードやJSの内部表現の話を理解する必要がある。多言語や絵文字対応なども踏まえた上で、どう処理するべきなのか。それ自体は枯れた話題ではあるが、近年 ECMAScript に追加された機能などを交えて解説する。なお、文字コードの仕組みを詳解すること自体が目的では無いため、 BOM, UCS-2, Endian, 歴史的経緯など、この手の話題につき物な話の一部は省くこととする。1文字とは何か Unicode は全ての文字にIDを振ることを目的としている。例えば 😭 (loudly crying face) なら 0x1F62D だ。1つの文字に1つのIDが割り当てられているのだから、文字の数を数える場合は、このID

t-tanaka 2017/03/03

「が」が一文字になったり二文字になったり問題もあったりして，もうね。

リンク

既存のx86/ARM CPUほぼ全てに通用するJavaScript攻撃が発見される～アドレス空間配置のランダム化を突破

t-tanaka 2017/02/17

なるほどっ！わからんっ！／ASLRを無効化といってもなあ。ASLRはBuffer/Stack OverFlowを突かれたときの対策だと思うのだが，そもそもJavaScriptでどうやってBOF/SOFを起こすんだ？ ●JavaScript ●security

リンク

Java の上の JavaScript エンジン Nashorn の基本 - A Memorandum

Nashorn とは Java から Nashorn を使う Java オブジェクトを渡す JavaScript の関数を Java から呼び出す JavaScript のオブジェクトを Java から呼び出す JavaScript 内で Java クラスを利用する JavaScript と Java の型文字列数値配列リストとマップラムダ Java クラス・パッケージのインポート JavaScript で Java インターフェースを実装する JavaScript 関数を Java インターフェースの実装として利用するスクリプトを事前コンパイルする Nashorn で REPL する jjs でシェルコマンドを使う nashorn をシェルスクリプトとして使う例えばまとめ Nashorn とは Java7 までは JavaScript スクリプティングエンジンとして Ri

t-tanaka 2017/02/06

リンク

ECMAScript6にシンボルができた理由

ECMAScript6 (ES6, ES2015) で導入された新機能の大半は、読めば便利さが想像くらいはできるけど、自分にとってしばらく訳がわからなかった新機能が﹁シンボル﹂︵MDNのリファレンス︶。これまで文字列だけで上手くやってきたJavaScriptに、急になぜこんなものが導入されたの？　イマイチ分からなかったので、調べたことのまとめ。シンボルの簡単なおさらい知ってる人は読み飛ばし推奨。詳しく見たい人は、こことかの他のページを参照。 ES6で導入された、 Symbol() で作成できる特殊な値。 Symbol() は、 typeof すると 'number' でも 'string' でも 'object' でもなくて 'symbol' となる、まったく新しいタイプのプリミティブ値を生成する。一旦作ったシンボルは、それ自身とのみ等しくなる、ユニークなIDとして機能する。 ===

t-tanaka 2016/11/28

JavaScript

リンク

ゼロから始めるJavaScript生活 - Qiita

︵訳者注: これは、JavaScript Stack from Scratchを翻訳し、まとめて読めるように1ファイルにしたものです。元の翻訳と各種ファイルについては、日本語訳forkリポジトリを参照してください。また、原文が活発に更新されているため、訳文も追従して更新されます。ご了承ください。︶モダンJavaScriptスタックチュートリアル、ゼロから始めるJavaScript生活へようこそ。 ⚠️️ このチュートリアルのメジャーアップデート版を3月初旬に公開する予定です。ご期待下さい!より詳しく(英語). これはJavaScriptスタックを使い始めるための最短最速のガイドです。このガイドは一般的なプログラミングの知識とJavaScriptの基礎を前提としています。これら全てのツールを一緒につなぎ合わせることにフォーカスしており、各ツールについて可能な限りシンプルな例を提供します。

t-tanaka 2016/11/03

JavaScript

リンク

phiary

phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python はじめに「webpack インストールしといてー」, 「gulp 導入して watch しながら開発してー」, 「React だから ES6 でコード書いてー」最近こんな会話が当たり前のように現場で飛び交っています. フロントエンドの開発者には HTML, CSS に特化している人 (coder, markup engineer) JavaScript は得意だけど CSS はちょっと弱い人 (javascripter) HTML, CSS, JavaScript 全てを統べる者 (frontend

t-tanaka 2016/06/01

また新しいのが出てきた。

JavaScript

リンク

MacでNode.jsのバージョン管理 - Qiita

当たり前の人にとっては当たり前の内容です。ほとんど自身の備考録みたいなものとして残します。そもそもなぜバージョン管理が必要か？ Nodeのバージョンアップデートが激しい早く新しい機能を使いたいのと，安定した機能を使い続けたい，が半々仕事とプライベートで使い分けたい SWのシステム要件でサポートされるバージョンが違ったりするチーム開発時と，個人で使い分けなければならない(2番目と似たようなもん) 使用するツール環境: Mac OS X 10.10.5 homebrew nodebrew homebrew Macで使用する様々なツールのパッケージ管理ツール例えば， Cordova Docker Git etc. インストールコマンド: brew i Docker インストールされるディレクトリ: /usr/local/Cellar nodebrew Macで使用するNode.js

t-tanaka 2016/05/20

リンク

あのライブラリは何故誕生したの?のまとめ - Qiita

はじめに最近、フロントエンドのライブラリ乱立問題について盛り上がってました。自分はnobkzさんの以下の文に全てがまとまっていると思います。僕の最初の違和感は、﹁技術的な流行り﹂に乗ることに何の価値があるのだろうか?ということである。もちろん、最新のツールやフレームワークはより何かが良くなってるかもしれない。しかし、それをあなたのプロジェクトで採用するには何の価値があるだろうか?﹁最近のフロントエンドへの違和感 - nobkzのブログ﹂より裏を返せば、新しいライブラリの内容、特に﹁どのような問題を解決するためにこのライブラリが生まれたのか﹂という思想を把握しておくことは重要だと言えます。つまりは、 "How?(ライブラリの使い方)" よりも "Why?(なぜそのライブラリが必要なのか)" を学んでおこうということです。この記事ではどのような既存の問題・要求をどう解決して

t-tanaka 2016/04/13

JavaScript

リンク

JavaScriptの文化とleftpadの話とpadStartについて - from scratch

無駄にラノベみたいに長いタイトル書いちゃったんですが、まぁやっぱり一言くらいは残しておくかと思ったので書きます。長いのでまとめだけでも見てもらえると良いかもしれません。 leftpadの話はかなり大事になっていて、Node.js界隈を中心としてその他のOSSをやっている全体的に話が波及しています。幾つかの記事を読みました。今回はJSの文化と歴史についてちょっとずつ書いていこうかなと思います。本の虫: npmからkikとその他諸々が消されたまとめ江添さんの話はすごくよくまとまっていて、ネタも含めた上で一番面白い話になっていました、ここで言われている下記の疑問に答えていこうと思います。もっと憂うべきパッケージがある。isArrayだ。このパッケージは一日88万回もダウンロードされていて、2016年2月だけの一ヶ月間に1800万回もダウンロードされていて、72個ものNPMパッケージが依存し

t-tanaka 2016/03/28

互換性への配慮は理解できる。個人的な疑問は「なぜisArrayだけで独立したパッケージになっているか」で，「なぜオブジェクトの種類を判別するis～をまとめたパッケージ」になっていないか，ということだ。

JavaScript

リンク

最短で中級者になれる！JavaScriptを入門から学べる最強のサービス・ツール10選 | iPhoneの神様

機種変更では、このような失敗をする方がとても多いです。有料オプションを契約させられ料金が高くなった。。待ち時間や契約時間が長くて、半日かかってしまった。。キャンペーンや割引がきちんと適用されていなかった。。スマホを乗り換えるときには、 → おとくケータイで乗り換えをするとキャッシュバックがもらえます。スマホの機種変更するときは、 →ソフトバンクはこちら →ドコモはこちら →auはこちらキャリア公式オンラインショップがおすすめです。学割や限定キャンペーンなどがもっとももおとくな時期です。最も人気の言語、JavaScript Redmonkの調査によると、人気言語のランキング第一位はJavaScript (2015年6月発表のデータ,Redmonkより引用) これはGitHubとスタック・オーバーフローというサービスのコミュニティを分析した結果で、見にくいですが1位がJavaS

t-tanaka 2015/11/19

リンク

どうしてこうなった？ Node.jsとio.jsの分裂と統合の行方。これからどう進化していくのか？

7 principles for rich web apps And how next.js achieves these principles

t-tanaka 2015/11/10

リンク

Node.js v5.0 がリリースされました。 - from scratch

Node.js v5.0 がリリースされました！！今回はどちらかと言うと機能面というより、 Node.js v5.0 の位置づけを中心に解説したいと思います。機能面も一応載せますが、学園祭前で時間があまり作れないので、さくっと終わらせます。機能面での変更 ES2015の文法追加 Spread operator が追加 Spread operator が追加されました。これまで配列をJavaScriptの関数に引数に展開して渡す場合、以下のように記述する必要がありました。 function f(x, y, z) { console.log(x); console.log(y); console.log(z); } var args = [0, 1, 2]; f.apply(null, args); この書き方はあまり直感的じゃなく、また new 演算子と併用できないという問題があった

t-tanaka 2015/11/07

リンク

CodeIQについてのお知らせ

2018年4月25日をもちまして、﹃CodeIQ﹄のプログラミング腕試しサービス、年収確約スカウトサービスは、 IT エンジニアのための年収確約スカウトサービス﹃moffers by CodeIQ﹄https://moffers.jp/ へ一本化いたしました。これまで多くのIT エンジニアの方に﹃CodeIQ﹄をご利用いただきまして、改めて心より深く御礼申し上げます。また、エンジニアのためのWebマガジン﹁CodeIQ MAGAZINE﹂は、リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。今後は﹃moffers by CodeIQ﹄にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、引き続きご愛顧のほど何卒よろしくお願い申し上げます。また、Cod

t-tanaka 2015/10/14

リンク

Node.js — Node v4.0.0 (Current)

The collaborators of the Node.js project and the members of the Node.js Foundation are proud to offer v4.0.0 for general release. This release represents countless hours of hard work encapsulated in both the Node.js project and the io.js project that are now combined in a single codebase. The Node.js project is now operated by a team of 44 collaborators, 15 of which form its Technical Steering Com

t-tanaka 2015/09/09

リンク

(0, eval)('this')とは何なのか - Qiita

この(0,eval)('this')はいったい何なのか。調べた。調べた結果これはindirect eval callを使用した、どのスコープでも必ずグローバルオブジェクトのthisを取得するためのテクニックであった。 ES5ではevalを直接呼び出すと、引数のコードはそのスコープで実行されるが、間接的にevalを呼び出すと、引数のコードは必ずグローバルスコープとなるそうだ。なので引数のthisは必ずグローバルオブジェクトとなる。ブラウザではwindowとなり、Nodeではglobalになるのだ。実際どうするかだが、eval関数を変数に代入し、その変数で実行すればよい。 // Nodeで実行 var obj = new (function(){ this.direct = eval('this'); var ev = eval;// 変数に代入 this.indirect = ev('t

t-tanaka 2015/07/02

evalですら変数に代入できるのか…。

JavaScript

リンク

はてなブックマーク

タグ

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

JavaScriptに関するt-tanakaのブックマーク (94)

お知らせ

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

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

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

公式Twitter

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

はてなブックマーク

公式Twitter

はてなのサービス