"レガシー"と言われないためのJavaScript再入門
追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現
Deno入門 ~インストールからデプロイまで~
What is Deno? Deno は、V8 JavaScriptエンジン及びRustプログラミング言語に基づいた、JavaScript及びTypeScriptのランタイム環境 Node.jsの作者によって作られているとのこと。 Node.jsの反省点を活かして改善を入れているらしいです。 また、単一実行ファイルとしてビルドできるため、Denoの環境が無くても実行ができるのが特徴。 個人的には最初からTypeScriptをサポートしている点がNode.jsより強いと思いました。 Installation macOS/Linuxを基準として記載します。 curl -fsSL https://deno.land/x/install/install.sh | sh # 以下を自身のシェルの設定に入れる ex.) .zshrc or .bashrc export DENO_INSTALL="$H
酔っ払ってもコードが書きたい！JavaScriptを書き散らかしてPrettierに介護してもらう方法 - pixiv inside
こんにちは、一般ノーマルエンジニアのgeta6です。社内ではpixiv SketchというサービスでJavaScriptを書く仕事をしています。今日はPrettierの話をします。 JavaScriptを書くのが大好きな皆さま各位におかれましては、きっと酒のつまみにコードを書くこともあるでしょう。しかし酔っ払いながらコードを書くと、往々にして上記のような書き散らかしをしてしまうことがあります。 このコードは動きます。動きますが、思わず目を背けたくなる汚さです。この世に存在することが許されるべきか疑うレベルです。ESLint先生も思わずブチギレです。当然ですね。 CIにLintを仕込んでいた場合は当然通りませんし、gitのprecommit hookにLintを仕込んでいた場合はgit commitすら許されません。堅牢なシステムは酔っ払いにコードをコミットする権利すら与えてくれないのです。
イマドキのJavaScriptの書き方2018
PySpa統合思念体です。これからJavaScriptを覚えるなら、「この書き方はもう覚えなくていい」（よりよい代替がある）というものを集めてみました。 ES6以降の難しさは、旧来の書き方にプラスが増えただけではなく、大量の「旧来の書き方は間違いを誘発しやすいから非推奨」というものを作り出した点にあります。5年前、10年前の本やウェブがあまり役に立たちません。なお、書き方が複数あるものは、好き嫌いは当然あると思いますが、あえて過激に1つに絞っているところもあります。なお、これはこれから新規に学ぶ人が、過去のドキュメントやコードを見た時に古い情報を選別するためのまとめです。残念ながら、今時の書き方のみで構成された書籍などが存在しないからです。 たぶん明示的に書いていても読み飛ばす人はいると思いますが、すでに書いている人向けではありません。これから書くコードをこのスタイルにしていくのは別にいい
PHP って JavaScript に変換できるの？できるわけないだろ！ babel-preset-php ってのが今日リリースされた？これまさか・・・。ファーーーーーーーーーーーwwwwwwwwwwww - Qiita
PHP って JavaScript に変換できるの？できるわけないだろ！ babel-preset-php ってのが今日リリースされた？これまさか・・・。ファーーーーーーーーーーーwwwwwwwwwwwwPHPJavaScriptbabel PHP (7) を Javascript (ES7) に変換するための Babel プリセット babel-preset-php が本日 (2017-7-12) リリースされたみたいです 正直、「は？凄すぎだろ (小並感) 」という言葉しか出てきませんww とりあえず面白そうなので試してみます！ 使い方 公式の通りですが、プロジェクトを作成し babel-cli と babel-preset-php をインストールします。
Google Chrome搭載のJavaScript実行エンジン「V8」でインタプリタ「Ignition」とコンパイラ「TurboFan」がデフォルトで有効に
by Aditya Srinivasan GoogleのJavaScript実行エンジンの最新版「V8 5.9」で、これまで3年半にわたって開発が続けられてきたインタプリタ「Ignition」とコンパイラ「TurboFan」がデフォルトで有効になります。従来はFull-CodegenとCrankshaftの組み合わせが利用されてきましたが、この変更によってGoogle Chromeは全体的な性能向上が見込まれています。 V8 JavaScript Engine: Launching Ignition and TurboFan https://v8project.blogspot.jp/2017/05/launching-ignition-and-turbofan.html Google ChromeにはGoogle製のJavaScript実行エンジン「V8」が利用されてきました。Crank
iPhoneゲームをブラウザで遊べるTombo Platformをリリースしました
僕の勤め先である、Tombo, Inc.からTombo Platformというものをリリースしました。 iPhoneのアプリをJavaScriptに変換して、ブラウザ上で実行できるミドルウェア、"Apples to Oranges" (A2O)によって変換されたゲームを遊べるプラットフォームです。 WebゲームをiPhoneアプリにするんじゃないんです。iPhoneアプリをWebブラウザで動かしているんです。 僕らが目指しているのは、App StoreやGoogle PlayのようなプラットフォームをWeb上でつくることです。ただ、コンテンツがないとプラットフォームが成り立たない。というわけで、起業当初は自分たちでゲームを作ろうか、という話もしていました。 しかし、僕らはゲーム作りが得意なフレンズではなく、ミドルウェア作りが得意なフレンズです。というわけで、「iPhoneのゲーム変換しても
ES2015(ES6)な時代だからこそ、ES5を改めて調べたJavaScript初級者のメモ - Qiita
はじめに ECMAScript2015(第6版、通称ES6)が承認され、Babelも登場し、世はまさにES2015時代。なのだけど、JavaScript初級者としてはES5自体をちゃんと把握していなかったりするので、今さらながら調べてみることにした。 間違っている所があれば、ご指摘いただけると大変助かります。 ECMAScript5で追加されたもの ECMAScript5 compatibility tableにて、ES5で追加された機能がどのブラウザに対応しているかが分かる。また、es5-shimというライブラリが、古いブラウザでES5の一部の機能が実装可能になる。 基本的には、IE9以上／iOS7以上、それ以外はモダンなブラウザであれば大抵対応している。 use strict スクリプトの先頭、もしくは関数内の先頭に記載することでstrict modeで実行される。自分が書いているもの
2015年までにWebのフロントエンドが辿ってきた道 - Qiita
背景 僕が本格的にWebのエンジニアになったのは2014年頃からで、早いものでもう丸2年ほど経ってしまうことになります。 Webに転向してからは主にフロントエンドエンジニアとして勤務してきました。 よく言われることですが、最近のフロントエンドの趨勢は本当に早いです。 最初はキャッチアップに苦労したことを覚えています。 しかし段々と新しい何かを覚えることは苦でなくなり、今はこの流れに身を置くことが楽しいと思えるようになってきました。 激動の趨勢の中で、Webのフロントエンドエンジニアが口にするパラダイムは日ごとに変化しています。 この記事は元々社内向けに書いたものです。 色々なバックグラウンドを持つエンジニアと一緒にフロントの設計を考える場面で、共通言語を持つきっかけになればいいなー、という思いから書いたものですが、いい機会なので外向けに修正して公開してみます。 Webのフロントエンドを新し
JavaScript でオセロを実装する(原始モンテカルロAI編) | Webシステム開発／教育ソリューションのタイムインターメディア
以前、オセロの対戦AIの作成しましたが、そこでは実装を簡略化する為に盤面の価値を 盤面の価値 = 自分の石の数 – 相手の石の数 という単純な方法で決めていました。 でも、これには問題があります。 同じ石でも配置場所によって価値は異なるはずです(例: 角は最強)。それが考慮されていません。ゲーム終盤になってくると石の数が重要になってきます。でも序盤から石の数を重視するのは方向性としておかしいです。 という訳で、 序盤から中盤では石の配置場所を重視する終盤では石の数を重視する 形で盤面の価値を算出すれば、結構良さそうなAIになりそうです。 しかし、今度は 「序盤」「中盤」「終盤」をどのように区別するのか?石の配置場所の強弱はどう決めるのか?同じ配置場所でも周囲の状況次第で強弱が異なるのでは? という問題が出てきます。これは作るのが面倒臭そうです。 どうにかしてお手軽かつそこそこ強そうなAIを
今日から始めるCoffeeScript - KAYAC engineers' blog
こんにちは。毎年花粉症になりかけている飯塚です。 最近のNode.jsの普及などによってサーバサイドJavaScript界隈が盛り上がっています。 そんなホットなJavaScriptをラクにかつエレガントに書くためのCoffeeScriptという言語をチュートリアル風に紹介します。 何かしらのライブラリを自分で書く程度にJavaScriptで開発している人は絶対に使ったほうがいいと思います。 JavaScriptを知っていれば1-2時間程度で十分駆使できるようになります。 （2011/6/28：@m_satyr様にご指摘頂いた箇所を修正しました。） 目次 CoffeeScriptとは？ インストール Hello World 構文 関数 変数展開 Objectの生成 ループ 存在チェック ヒアドキュメント thisのバインド クラス 無名関数 {var} Tips ?の使い分け 存在チェック
morris.jsとPHPでグラフを簡単に表示する方法 | SONICMOOV LAB
こんにちは、ムックです。 今回は、php、morris.jsを使ってSQLの結果を簡単にグラフ表示してみたいと思います。 背景：統計データをグラフに表示したい とあるソーシャルゲームの統計データをグラフ表示させたい。 例えば、各ガチャ回転数 実装方法 具体的な実装方法は以下の3つになります。 1.SQLの作成 2.結果をJSONに変換 3.morris.jsを使って任意のグラフを作成 １．SQLの作成 今回は単純に以下の様なログテーブルがあるとします。 [sourcecode lang="sql"] mysql> show create table log_gacha\G *************************** 1. row *************************** Table: log_gacha Create Table: CREATE TABLE `lo
ライブドアみたいにスクロールしたらサイドバーの広告を固定する - ぼくはまちちゃん！
こんにちはこんにちは！！ 夏ですね！ 真夏ですね！！ ところで最近、ライブドアの一部の人気ブログで、サイドバーの挙動に「んん？」って思ったことありませんか！ …百聞は一見にしかずってことで、実際の例をみてみましょう！ ※PC版のみです ハムスター速報 (左のサイドバーを見ながら、下にスクロールしてください) 痛いニュース(ﾉ∀`) (右のサイドバーを見ながら、下にスクロールしてください) ある程度スクロールすると、サイドバーの広告がぴたっと固定されますね！ これって流行りなんでしょうか…！ そんなわけで、もしかしたら同じことをやりたい人が他にもいるのかも？と思って、 コピペで使えるJavaScriptにしてみました！ ↓ 動作サンプルです！ スクロールしたらサイドバーの広告を固定するスクリプトの動作サンプル ↓ コードはこれです！ 適当にコピペしてブログに貼り付けてね！ <script t
yebo blog: JavaScriptによるSmalltalkの実装
2011/08/22 JavaScriptによるSmalltalkの実装 JavaScriptでSmalltalkを実装してしまった人がいる[hackernews]。Jtalkは、JavaScriptランタイム上で動作するSmalltalkの処理系で、クラスブラウザやワークスペース(Smalltalkの式を実行できる)などのIDEも含んでいるためブラウザ上でWebアプリケーションのクライアントサイドを開発することができるというもの。他にもClamatoという実装もあるが、ClamatoはSmalltalkとは異なる独自の方言だが、JtalkはPharo Smalltalk互換とのこと。そして、Jtalk自身で記述されたコンパイラで効率的なJavaScriptコードを生成できる。 メールで送信 BlogThis! Twitter で共有する Facebook で共有する Google バズで
Android で Rhino を使って JavaScript インタープリタを動かしてみる - 日記帳
Android は iPhone と違ってインタープリタや言語処理系が禁止されていないはずなので試しに動かしてみました． Java ベースの言語処理系なら動くはずです． 以下にサンプルの apk とソースコードを置いておきます． http://cefiro.homelinux.org/memo/2010-08-26/ 動かしてみるとこんな感じ．EditText にコードを書いて Run ボタンで実行．p() は表示用関数． Android での Rhino の使い方は Java の場合と特に変わりません．適当に js.jar をクラスパスに入れて普通にコンパイルするだけ． スクリプトを実行するところは以下のような感じになります． private void runJavaScript(String script) { Context context = Context.enter(); co
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SlackでのJavaScriptからTypeScriptへの移行
https://qiita.com/hp0me/items/1c8d099bacbb5e068081
ペパボのフロントエンドスタンダード に関する記事一覧 - ペパボテックブログ
10年以上Java屋してたおっさんが 今年からフロントエンジニアやっている話
「スマートフォン版GREE HTML5+JavaScript & Android」講演資料公開いたしました | GREE Engineering
