JavaScriptの概念たち (前編) - Qiita
この記事は JavaScript Advent Calendar 2018 4日目の記事です。 昨日は@sasurai_usagi3さんで「CoffeeScriptからJavaScriptに移行する」でした。栄枯盛衰を感じます。「CoffeeScript」でググろうとしたらGoogleさんが「CoffeeScript オワコン」とサジェストしてきて悲しい気持ちになりました。 明日は@todays-mitsuiさんで「Ramda とか？について」です。 はじめに 今回はGithubの33個のJavaScriptの概念という記事がかなり良記事だったので、その記事に乗っていたサイトたちを元にそれぞれの章の解説を書いてみました。 これらの概念を知らなくてもJavaScriptを書くことは多分出来ると思いますが、知っておくと何かと便利かと思います。 元サイトたちは参考文献に載せておくのでさらに詳しく
JavaScript Visualizer - JavaScriptの実行内容を可視化 MOONGIFT
プログラミングコードはコンピュータ上で実行されるので、実行を開始して終わるまでが一瞬です。そのため、どう動いているのかを確認するのは困難で、初学者にとっては魔法のように感じてしまうでしょう。 そこで使ってみたいのがJavaScript Visualizerです。JavaScriptをステップ実行してその内容を把握できます。 JavaScript Visualizerの使い方 実行中です。 実行速度が指定でき、左側に書いたコードを実行してくれます。 thisの内容など変数も確認できます。 JavaScript Visualizerを使うことでJavaScriptのコードがどう実行されているのかが分かりやすくなります。処理の順番が分かればデバッグもしやすくなるでしょう。プログラミング初級者にもお勧めなソフトウェアです。 JavaScript VisualizerはJavaScript製のソフト
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 をインストールします。
2017年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
って海の向こうの人が言ってました。 私はjQueryさえあれば概ね生きていけるので全然知らないけど、 あなたは全部知ってるフロントエンドエンジニアなんだね。すごーい！ 以下はFront-End Developer Handbook 2017の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール Dash 150以上のライブラリのAPIリファレンスを検索できる。有料、Mac専用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。 有料、Windows専用。 Zeal 200以上略 無料のオフラインドキュメント。 SEOツール Keyword Tool 検索ワードを入れると関連キーワードを教えてくれる。 Google Webmasters Search C
debugger.html - Web技術で作られたデバッガー MOONGIFT
MozillaはPDFビューワーをpdf.jsにするなど、特殊な技術をなるべく使わずにWeb標準でWebの世界を体感できるようにする熱があります。 そんなMozillaが開発しているのが既存のデバッガーを置き換えるdebugger.htmlです。 debugger.htmlの使い方 デバッガーはWebブラウザからアクセスできます。 ブレークポイントも利用できます。node製のアプリケーションで使っています。 ステップ実行で深く追いかけることもできます。 コールスタックの確認も可能です。 まだデバッガーとして必要な機能すべてがあるわけではありませんが、将来的に既存の開発者ツールを置き換えるものになっていくのではないでしょうか。Firefoxだけでなく、Chromeのリモートデバッグもサポートされているので標準的に使えるデバッグツールになっていくかも知れません。 debugger.htmlはH
DataCamp Light - 自分のサイトで使えるインタラクティブな学習プラットフォーム MOONGIFT
プログラミングはコンピュータさえあればすぐにはじめられます。しかし、環境のセットアップであったり、チュートリアルなどもない状態では最初の一歩を踏み出すのがとても大変です。 そこで使ってみたいのがDataCamp Lightです。自分のWebサイトをインタラクティブな学習プラットフォームにできるソフトウェアです。 DataCamp Lightの使い方 DataCamp Lightはサイト上に埋め込んで使います。 今のところPythonまたはRに対応しているようです。実行すると右側に結果が表示されます。 期待した記述がされているかどうかのチェックもできます。 間違っている場合はどう書くべきかを指導してくれます。 DataCamp Lightを使えばWeb上でプログラミング言語を自己学習できるプラットフォームが作れるでしょう。書籍などを読むだけでない、より自分で書いて結果を実感できる学習環境にな
JavaScriptが動くハードウェア「Tessel」 | ソフトアンテナ
「Tessel」はJavaScriptが動くマイコンボード。現在開発中のようですが、以下のような簡単なJavaScriptコードでランプを点灯させることができるみたいです。 $ npm install hardware -g $ tessel shell > var tessel = require('tessel') > tessel.led(1).blink() > tessel.led(2).blink() サイト中の「Run」ボタンをクリックすると実際にボードの右上のLEDが点灯する様子が確認できるので是非動かしてみてください。埋め込みプログラミングがWeb/Mobileアプリ開発のように簡単になる!という謳い文句も納得の簡潔さですね。 その他特徴としては、 JavaScriptでプログラミング可能。 NPMを使ってNode.jsを100%サポート。 USB / WiFiを使ってデ
正規表現をわかりやすく視覚化してくれる『REGEXPER』 | 100SHIKI
おっと、これは便利かも。 REGEXPERを使えば、JavaScriptの正規表現をわかりやすく表現してくれる。 一見、難解な正規表現だが、これを通しても見ると「なるほど、この文字とこの文字にはされまれていて、この間は何の文字でも良いのだな」といったことがわかるようになる。 他の人のコードを読んでいて「？」となったときに試してみてもいいかもですな。
なんてこった…JavaScriptをJVMで動かしてしまうコンパイラ·Mug MOONGIFT
MugはJavaScriptのコードをコンパイルしてJavaの中間コードにしてしまうソフトウェアです。 ここ最近、プログラミング言語同士の壁が徐々に破壊されている気がします。あるプログラミング言語上で別なプログラミング言語を動くようにしたり、置き換えてしまったりするような類です。今回はその一つ、JavaScriptをJavaVM上で動かすという、かなり無茶な気がしなくもない、そんなソフトウェアMugを紹介します。 元コードです。 コンパイルしました。 実行しました。確かに出力されています。 デモ2です。確かにJavaScriptです。 こちらもJVM上で実行されています。 MugはシンプルかつスタティックなJVMのためのJavaScriptコンパイラーです。書き方に多少の特徴はありますが、コードはあくまでもJavaScriptです。それをコンパイラを使ってclassファイルにします。その結
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
IDEA * IDEA
IDEA * IDEA