“use strict”（厳格モード）を使うべきか？｜もっこりJavaScript｜ANALOGIC（アナロジック）
変数の使用の単純化 withの使用の禁止 strictモードではwith文が使えなくなります。代替の手段としては、オブジェクトに短い名前の変数を割り当てて、その変数を用いて対応するプロパティにアクセスすることができます。 eval内で宣言された変数のスコープ 非strictモードでは、eval("var x ;")の様に、eval関数内で定義された変数のスコープは、evalが含まれるスコープ（関数、またはグローバルスコープ）まで広がりますが、strictモードでは、eval内で定義された変数を周囲のスコープに広げません。 単純名の削除の禁止 strict モードでは delete name を構文エラーにします evalおよびargumentsの単純化 strictモードでは「eval」「arguments」という名前がキーワードとして扱われるため、これらのキーワードに対して言語構文でのバ
HTMLの取得した値の出力方法 - HTML勉強メモ
2017 - 03 - 18 HTMLの取得した値の出力方法 HTML JavaScript HTMLの取得した値の出力方法について if文で条件分岐させた場合の出力方法 まとめ HTMLの取得した値の出力方法について HTMLで JavaScript から受け取った値の出力を行うことができる。 HTMLで値の出力を行うには、「document.write();」を使う。 if文等で条件を分岐させた後のテキスト文の出力にも使うことができる。 使用例 <script type="text/javascript"> document.write("表示する文"); </script> 表示例 HTMLでそのまま書いた文 HTML文 JavaScript で書いた文 スポンサーリンク if文で条件分岐させた場合の出力方法 別記事で作成したおみくじを「document.write()」で
3 Array Hacks
Arrays are everywhere in JavaScript and with the new spread operators introduced in ECMAScript 6, you can do awesome things with them. In this post I will show you 3 useful tricks you can use when programming. 1. Iterating through an empty array JavaScript arrays are sparse in nature in that there are a lot of holes in them. Try creating an array using the Array’s constructor and you will see what
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 の
日本人にしか読めない難読化ツールつくってみた - KAYAC Engineers' Blog
はじめに ※ この記事は Tech KAYAC Advent Calendar 2015 10日目の記事になります 初めまして。フロントエンドエンジニアの@butchi_yです。 いやー、SUSHI食べたいですよねー。 たまらなくて今日のランチはお寿司にしました。 つくったもの のっけから成果物をどうぞ。 Sushify オンライン寿司難読化ツールです。 (function(win) { var hoge = 5; var piyo = 3; var fuga = 8; console.log(hoge, piyo, fuga); })(window); こんなコードが !function(鮨){var 鮭=5,鯛=3,鯖=8;console.log(鮭,鯛,鯖)}(window); こんな風に変換されます。 このように、変数等の名前に漢字（しかも日本人のソウルフードである寿司ネタ）を用い
Dwitter - javascript demos in 140 characters
Please log in (or register) to post a dweet (copy-paste the code somewhere safe to save it meanwhile) u(t) is called 60 times per second. t: Elapsed time in seconds. S: Shorthand for Math.sin. C: Shorthand for Math.cos. T: Shorthand for Math.tan. R: Function that generates rgba-strings, usage ex.: R(255, 255, 255, 0.5) c: A 1920x1080 canvas. x: A 2D context for that canvas.
javascriptプログラマのレベル10 : tech.kayac.com - KAYAC engineers' blog
週末料理をしていて足を切ってしまいました。agoです。 以前Perlは書いていたんですが、その頃以下の記事を読んで非常に感銘を受けました。 Perlプログラマのレベル10 - Perlプログラミング救命病棟より - naoyaのはてなダイアリー 当時あまりコミュニティとのつきあいがなかったので、「自分のスキルの絶対位置」、「次のレベルへ行くために必要なもの」を知ることで非常に安心感を感じた記憶があります。 いま確認したところ、「JavaScriptプログラマのレベル10」はないようなので書いてみました。 Perlプログラマ Schemeプログラマ Rubyプログラマ （本家に直接リンクできるURLが無かったため、参照ページへリンクしています） haskellプログラマ 堕落したCプログラマ HTML知識レベル プログラマレベル 企業法務 JavaScriptの業務スキルレベル 判別表 （５
「JavaScript」を「ジャバスク」と略す人達 - Adventure
- はじめに - 世の中には少数派ではあるが「JavaScript」を「ジャバスク」と略す人達が居る。 今回記事を書くきっかけになったのはこちら 会社の同期が社内LTで「JavaScript」を「ジャバスク」と略したところ、一悶着あった後「ジャバスクの人」として認知された話は後世にも語り継いでいきたい。— ばんくし (@vaaaaanquish) 2017年2月12日 こちらをツイートした所、ジャバスクに関する知見が少し集まったので記事として残しておこうというもの。 - ジャバスクとは - ジャバスクとは、プログラミング言語であるJavaScriptの略称である。 JavaScriptは一般的に「ジェーエス」と略されるか、「ジャバスクリプト」と呼ばれる事が多いと思われる。 しかし、一部「ジャバスク」と呼ぶ層が居る。 その事実は「HTML5プロフェッショナル認定試験公式サイト」における「HT
this, call(), apply(), bind() - 30歳からのプログラミング
JavaScriptの言語仕様を勉強していくことにした。 いい技術書に巡り合ったこともあり、それなりに理解できるようにはなったが、まだまだ身についてはいない。 あくまでも、技術書の説明を読めば理解できる、というレベルに過ぎない。 これでは実際のコーディングに役立てることは出来ないし、開発中に詰まる度に、調べ直さなきゃいけない。 「読めば分かる」と「理解している」は、かなり距離がある。この距離を埋めていく。 ES5に準拠した内容を学んでいく。 本当はES2015(ES6)を学んだほうがいいのかもしれないが、ES6を体系的にまとめた入門書はまだ見当たらない。 それに、ES2015についての様々な情報は、ES5の内容を理解していることを前提にしているものが多い。 基礎を疎かにしないためにも、背伸びせずES5から学ぶことにした。 そのほうが、スムーズにES2015に移行でき、結果的に早いと思う。歯
JavaScriptでSHAハッシュを作りたくなったときに読み返すためのメモランダム
あるよね…… ひっさびっさにTechネタ書いてみようかなと思い立ったので。小ネタですが。 コの業界でお仕事していると、たまーに「あー、○○で××したいなぁ」って思うことは希によくありますよね。 その代表例といえば…… （」・ω・）」JavaScriptで！（／・ω・）／SHAハッシュ1)このエントリではSHA-1/2/3あたりのハッシュ関数またはその関数を用いて生成されたハッシュ値……的な意味でこの表記を使います(`･ω･´)bを生成したい！ って奴だと思います。2)たぶん代表例ではないと思います そもそもSHAハッシュってなんなのさ(´・ω・｀)？ そもそもの話を自分用のメモがてら書いておきましょう。3)もしも誰かに聞かれたら、黙ってこのURLを示せば仕事できない系エンジニアなのバレずに済むかもしれないですし(￣ー￣)ﾆﾔﾘ 「SHAハッシュ」の「SHA」は、「Secure Hash A
javascriptのライブラリを一覧にしてまとめてみた
自分用にまとめていたけどせっかくなので公開。 なるべくフロントエンドで完結してライセンスも使いやすいものを選択したつもり。 全部で100個超。 １番目のURLが本家 or GitHubのページ、2番目のURLが比較的わかりやすいと思った日本語の解説ページになっています。 Node.jsのライブラリもまとめたので合わせて見るといい感じ accounting.js金額のフォーマットを行う カンマ区切りや小数点n桁までなど https://josscrowcroft.github.io/accounting.js/ ace.jsテキストエディタ ハイライト・文字列畳み込み・ショートカットキー 組み込むのが簡単で機能もひと通り揃ってる https://ace.c9.io http://qiita.com/naga3/items/1bc268243f2e8a6514e5 AlertifyJSダイアロ
JavaScript初級者のためのコーディングガイド - Qiita
JavaScriptは大変難しい言語です。Rubyの難易度を2、Cの難易度を5、C++の難易度を8にすると、JavaScriptの難易度は12ぐらいあると思います。このコーディングガイドはそんなJavaScriptの深みに嵌まらないようにするためのJavaScriptの書き方を規定したものです。初級者1のための物ですので、わかってやっている人に好きにやってください。 このコーディングガイドは絶対に従わなければならないものではありません。私は一切強制はしませんし、初級者が従わなければならないという義務もありません。採用するしないはみなさんの自由です。 禁止編 JavaScriptには安易に使用してはいけない機能があります。下記の機能は、**それぞれの機能を使っても良い、または、使うべきであるという理由を説明できない限り、**使用してはいけません。 ==、!= ==と!=を使用してはいけません
JS知識ほぼ0からTypeScript入門してる - たにしきんぐダム
この記事は CAMPHOR- Advent Calendar 2016 23日目の記事です。 JS知識ほぼ0は言い過ぎかもしれないが、いわゆるモダンJSというものには縁遠く、つい最近まで jQuery をブラウザからぽちぽちダウンロードして適当に ajax とか使う人生を送ってまいりました。(当然フレームワークとか使ったことない) まさしくこの記事みたいな状況 kikuchi1201.hateblo.jp 最近 TypeScript を書く機会があって、開発環境は用意されてるのでなんとなく書けるけど、エコシステムとかいろいろ全くわかってなくてこのまま旧石器時代然としたJavaScriptを書いていてはまずい気がすると思って勉強することにしました。 目標は TypeScript を使ってこんなんを作る、テストも書こうね(こんなのに何をテストするんだ) この記事では主に環境構築~DOM操作のテ
JavaScript で window 配下に紐づく全オブジェクトを再帰的に列挙する - clock-up-blog
JavaScript Advent Calendar 2016 14日目の記事です。 任意サイトにおいて window 配下に紐づいている全オブジェクト (つまりグローバル変数と、それにぶらさがっている全変数) を再帰的に列挙してみようと思います。 これはウェブサイトの内部構造（のとっかかり）を外部の人間が解析したいときに役立つであろうテクニックです。 スクリプト Chrome Developer Tools Console にて以下を実行します。 (function(){ var f = document.body.appendChild(document.createElement('iframe')); f.style.display = 'none'; window.console = f.contentWindow.console; })(); (function(){ var
JavaScript初級者が中級者に昇格するための道(ぱらのいあ編) - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? みっしょんずこんぷりーてぃーどぅ、ゆーぶびーんぷろもーてぃどぅ。 こんぴゅーたー様「おめでとう、市民1。君は数あるミッションを乗り越え、RedからOrangeに昇格2しました。」 市民「ありがとうございます。これからもJavaScriptをもっと学んで、上を目指したいと思います。」 こんぴゅーたー様「素晴らしい。それでは、今日はGreenに昇格するためのコツを教えてあげましょう。」 市民「本当ですか？それにYellowを飛び越えて、いきなりGreenでいいのですか？」 こんぴゅーたー様「もちろんです。Green昇格の道はOrange以上
katatema.js - ✘╹◡╹✘
次のようなコードを書いて、 import React from "react" export default () => <div>Hello!</div> 次のようなコマンドを叩くと、 katatema build 次のようなファイルが生成されるという、katatema というツールをつくった。 <!DOCTYPE html> <html> <head> </head> <body> <div>Hello!</div> </body> 最先端の消耗 前に キーボードショートカットをカスタマイズするブラウザ拡張 - ✘╹◡╹✘ で、こういうことを書いた。 id:moznion へ、寒い日が続きますがお元気ですか。ともあれChrome拡張を1つこさえれば、大の大人が寄ってたかってモダンと言い合う類のものが一通り学べるだろうと思います。 最近のJavaScriptの周辺環境は大変で、何をやるに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptのプログラミングに特化した子ども向け超小型PC「IchigoLatte」販売開始 
【翻訳】 2016年にJavaScriptを学んでどう感じたか - Endo Tech Blog
年齢を自動計算するJavaScriptのプログラムを作りました。ブログなどに使ってみてください。 | ゴトーのブログ
JavaScriptの即時関数とは何か。意味やメリット、引数の使い方についてまとめてみた。 | ゴトーのブログ
