JavaScript界隈の基本的な用語を歴史とともにさらにまとめてみた - Heppoko Binbo Yarou no Newbie Nikki
2018/12/23 リンク切れしていたものを削除 & リンクを追加 https://qiita.com/sinsengumi/items/e20342d13cbdd7ac2304 を読んで、すこしだけもやもや感がぬぐえなかったので、適当に自分が思ってる「今のJavaScriptはこんなかんじ」というのを書いた。 EcmaScript だいじなこと EcmaScriptとは、プログラミング言語ではない。 EcmaScriptとは、Ecmaインターナショナルが決めているJavaScriptの言語仕様のこと。 Ecmaとは、European Computer Manufacturers Association の略で、要は世界のコンピュータ関連の仕様を決めてる闇の組織みたいなところ。 （→History of Ecma） なんでEcmaScriptとかいうものがあるのか？ 大昔、JavaScr
フロントエンド開発に役立つ話題のコード整形ツール「Prettier」とは - ICS MEDIA
Prettierとは、Node.js上で動作するコードフォーマッターです。本記事ではPrettierの利点と使い方を紹介します。 コードフォーマッターの必要性 複数人で開発を行っている場合、各々が自由にコードを書いてしまうと、さまざまな書き方が混在し統一性のない読みづらいコードとなってしまいます。統一されていないコードは、可読性が低くメンテナンス性が悪くなり、ミスが発生する原因となることもあります。 コードフォーマッターを利用すると、自動的に決められたコードスタイルに整形してくれるため、開発者はコードスタイルを意識することなくコーディングに集中でき、可読性の高いコードを作成できます。 Prettierを導入する利点 コードフォーマッターは、WebStormやVisual Studio Codeなどのウェブ制作のエディターにも付属していますが、これらはユーザー環境に依存します。つまり、開発者
Sassの教科書 改訂2版が刊行！大幅にパワーアップして、新機能や実務に役立つテクニックがいっぱい！
Sassの教科書が大幅に内容を強化し、改訂2版として刊行されました！ 当ブログのビジターも多くの人が愛用したと思いますが、改定前のを持っている人も、もちろん持っていない人もSassをもっと使いこなしたい人にかなりオススメの一冊です。 Sassのインストールは初心者に分かるように優しく、よく使う基本的なテクニックは丁寧に、さらに高度なテクニックは詳しく、基本から実践までこの一冊で完璧に身につけることができます。 本書はSassが大好物な著者陣によって執筆された、愛に溢れた教科書です。さまざまなプロジェクトで培われたSassのノウハウが、惜しげもなく記されています。 Sassを使う人はもちろん、Sassってなんか敷居が高いと感じている人にも、明日から実務で使えるテクニックがしっかり学べます。
ECMAScript 2017、2018 の時代の開発環境 - Qiita
概要 ECMAScript 2017、2018 で導入が予定されている機能および開発ツールについて調べました。 ES モジュール 主要ブラウザー、モジュールバンドラー (Webpack、Rollup) でサポートされています。Node.js は v8.5 で実験的な機能として利用できます (--experimental-modules)。古いバージョンの Node.js のサポートのために @std/esm が公開されています。 ES モジュールを利用するメリットは従来よりも読み込む必要のあるコードを減らすことができることです。必要なクラスや関数だけをインポートできます。RxJS の場合、どれだけ変わるのかはこちらの記事をご参照ください。 import {Observable} from 'rxjs/Observable'; import 'rxjs/add/observable/inte
「アイソモーフィックJavaScript」を読んだ - massa142's blog
アイソモーフィックJavaScript 作者: Jason Strimpel,Maxime Najim,牧野聡出版社/メーカー: オライリージャパン発売日: 2017/07/04メディア: 単行本（ソフトカバー）この商品を含むブログを見る アイソモーフィックJavaScript(Isomorphic JavaScript)とは、クライアントとサーバで同じJSコードを共有して実行できるようにしようという概念。*1 この本ではリクエスト/レスポンスの古典的なWebアプリケーションから始まって、AJAX・SPAそしてIsomorphicとWebアプリケーションアーキテクチャの歴史を追って説明してくれている。それも単に歴史を辿るのではなく、当時なにが問題とされて、それをどう解決しようとしたかという背景がわかりやすく解説されているのが特に良かった。 ただ最後の方でReactやAngularJS、An
フロントエンド実装中に使えるモックサーバを爆速で準備する - Qiita
で完了 なければ nodeのバージョンをnで管理する などを読みつつnodeとnpmをインストールしてください 準備するもの コンソール db.json ブラウザ（動作確認用） やること db.json ファイルを作成する bashの touch コマンドやWindowsなら右クリックからなどでお好きなようにファイルを作ってください db.json にリソースを登録する ここでモックサーバから返して欲しいデータリストを列挙します 最上位の階層の key がエンドポイントになります { "users": [ {"id": 1, "name": "hoge"}, {"id": 2, "name": "fuga"} ], "tweets": [ {"id": 1, "contents": "あー眠い", "user-id": 1}, {"id": 2, "contents": "ファビュラス！"
秀丸マクロを生成する秀スクリプトという言語処理系を作った
エグゼクティブサマリ 秀スクリプトという小さな言語処理系を開発した。秀スクリプトは、TypeScriptを大幅に縮小した文法を持ち、コンパイラによって秀丸マクロに変換され、秀丸上で実行される。秀スクリプトコンパイラは秀スクリプト自身により記述される。 秀スクリプトの主な特徴は下記のとおり。 TypeScriptに似た文法を持ち、コンパイラも秀スクリプトで記述されている 秀丸マクロを生成し、秀丸上で実行される TypeScript同様、変数に型がある 数値（整数）型と文字列型、これらの配列をサポート if、while、do … whileの制御構造 関数のサポート はじめに Windows上で使用するエディタとして長年秀丸を愛用しています。最近はVisual Studio Codeなども人気で、僕もインストールして使ってみたりはするのですが、長年手に馴染んだツールというのは、中々乗り換えが難
Nodeベースの次世代CMS「KeystoneJS」はWordPressの代わりになるか？
CMSの定番といえばWordPressですが、開発者にとってより柔軟で使いやすいCMSを探しているなら、Node.jsベースのKeystoneJSがおすすめです。KeystoneJSの特徴と使い方、WordPressとの比較をまとめました。 KeystoneJSはコンテンツ管理システム（CMS）で、データーベースと連動するサーバーアプリケーションを構築するためのフレームワークです。Node.jsのExpressフレームワークをベースに作られ、データストレージにMongoDBを使用します。データ駆動型Webサイトを、PHPプラットホーム、またはWordPressのような大規模なシステムを使わずに作りたいWeb開発者向けの代替CMSです。 WordPressは専門知識を持たないユーザーでもセットアップできるように作られていますが、KeystoneJSは専門知識を持ったユーザーがWebサイトを開
Facebook Messenger Platformを公式サンプルではじめる方法 - Qiita
facebookのドキュメントに記載されているクイックスタートを使ってMessenger Botを作ります。 用意すべきもの Node.jsが動くサーバー(herokuなど, SSLに対応できることが必須) facebookアカウント 手順 アクセストークンの取得順序などが前後してる場合があります. 適当に進めてみてください. Facebookページを作る. Facebook Developersに登録. 適当にアプリを作る. アプリにMessengerを追加. GitHubからサンプルをダウンロード default.jsonの全ての項目を埋める. (validationTokenは適当に決める) index.htmlのappIdなどを埋める. サーバーにデプロイ アプリのダッシュボードに戻りwebhookを設定. URLはサーバーのURL + /webhookとなる. Validatio
Windows7でNode.jsのインストールから、Babel CLIを使いES6→ES5に変換するまで - Qiita
Windows7でNode.jsのインストールから、Babel CLIを使いES6→ES5に変換するまでJavaScriptNode.jswindows7npmbabel 経緯 最近のJavaScript(ES6)を勉強したい 最近の案件でクロージャとか使って必死こいてモジュール化してたけど、 classとか使えるなら使いたい。。。 特に自身がJavaをバックエンドで使うので親近感も。 書き始めたはいいがブラウザの対応が… しかしやはりそこはJavaScript、ブラウザの対応がばらばらというのは昔からよくあることで…。 Chromeでは特に何もしなくても動くけどもIEがぁぁぁぁという状況に陥りました。 ついでだから流行りのweb開発のツールなんかも色々試してみよう と、Node.jsを入れたはいいが…色々入れようとしたらWin7環境じゃエラー出まくり！ 赤色黄色のカラフルなログを見ても結
郵便番号で住所情報を返却するAPIをNode.jsで簡単構築 - Qiita
CREATE TABLE zipinfotbl ( allLocalCode varchar(128) ,oldZipCode varchar(128) ,zipCode varchar(128) ,prefectureKana varchar(128) ,townKana varchar(128) ,localKana varchar(128) ,prefectureName varchar(128) ,townName varchar(128) ,localName varchar(128) ,IsMultiLocalOneZipCode varchar(1) ,IncludeSmallChar varchar(1) ,IncludeChome varchar(1) ,IsZipDuplication varchar(1) ,IsUpdate varchar(1) ,ChangeKbn
node.jsを使って天気をchibi:bitに表示する - Qiita
International Nodebot Day 2017 in Tokyo のイベントに参加してきました。Node.jsでハードウェアを動かそうというイベントです。自分は、chibi:bitを動かしてみました。 この記事のアウトライン chibi:bitについて chibi:bitにBLE連携用ファームウェアを書き込む node.jsのライブラリ bbc-microbit をインストール openWeatherMap APIにアカウント登録し、APIキーを取得 気象情報をchibi:bitのLEDに表示 アウトプット 東京の現在の気温を表示します。 動作環境 macOS Sierra 10.12.6 node.js v7.2.1 chibi:bit基板 (下記) chibi:bitについて イギリスの子供向け学習用ボードであるBBS micro:bitの互換機です。web上でブロックを
フロントエンド開発の基本知識（2017年夏） - Qiita
10年ぶりくらいに Web 開発に再デビューしなくてはならなくなった筆者が見た、現代のフロントエンド開発の基本知識についてまとめます。フレームワークを使ったシングルページアプリケーション開発が対象です。若干の不正確には目をつむってズバリ言い切るスタイルで書いていきます。 Node.js 現代のフロントエンド開発には Node.js を使います。フロントエンド開発を強力にサポートするいくつものツールが Node.js で実装されているからです。 Web 開発で言語処理系というと、Ruby on Rails のような Web アプリケーションフレームワークを思い浮かべるかもしれません。もちろん Node.js にもそのようなフレームワークはいくつも存在しますが、フロントエンド開発で使うツールはそれとは全然関係ありません。 これらのツールを使うことによって解決するのは、以下のような要望です :
Node.jsとnpmをアップデートする方法
いつも忘れてしまうので書き留めておきます。macOS Monterey（12.4）で確認をして内容を更新しました。この記事で紹介しているツール「n」もv8.2.0になりました！ Node.jsのアップデート n という便利なバージョン管理ツールがあるので、これを使ってバージョンを確認してアップデートします。nの詳しい使い方はこちらの記事 あたりをご参照いただくと良いと思います。n を使う際の注意点もしっかり説明されています。 nのインストール $ npm install -g n Node.jsのバージョンの確認 1行目の「–stable」でStable（推奨版）のバージョン、2行目の「–latest」で最新版のバージョンが確認できます。 $ n --stable $ n --latest Latestのインストール $ n latest latestは最新の機能を搭載した最新版へのアップ
Browsersyncを利用してお手軽ブラウザ確認環境をつくろう - メドピア開発者ブログ
皆様はじめまして。メドピアエンジニアの中村です。 好きなブラウザは Vivaldi です。 本記事ではWeb開発効率化の為のひとつの手段として、Browsersyncの利用方法と幾つかの機能をご紹介します。 Browsersyncとは Browsersyncはファイル変更を監視し、自動でブラウザリロードを行ってくれるツールです。 Browsersync - Time-saving synchronised browser testing 同種のツールとしてLiveReloadが有名ですが、 ブラウザ側でExtentionや拡張が不要 複数ブラウザで操作の同期もできる その他の機能も豊富 などのメリットから、最近はBrowsersyncの方が人気のようです。 さっそくBrowsersyncを試してみよう まずはBrowsersyncをインストールしてみましょう。 nodeのパッケージマネージ
node.js で「サラリーマンの朝」をプログラムしてみる
先日の「node.js と thread hog の話」には、たくさんのコメントをいただいたが、やはり「イベント駆動型」のプログラミングには抵抗がある人も多いようだ。そこで、JavaScript の無名関数を使ったイベント駆動型のプログラミングの可読性が悪くないことを示すために、「朝７時に目覚まし時計をかけて眠りにつき、朝ご飯を食べ終わったら会社に行く」という典型的な「サラリーマンの朝」をイベント駆動型のJavaScriptで記述してみた。 注目して欲しいのは、素早く出来る「着替える」「顔を洗う」などの動作は割り込み不可な動作なので、通常のプログラミングと同じようにシーケンシャルに実行するが、時間のかかる「朝ご飯を食べる」「駅まで歩く」などの動作は割り込み可能な状態で実行し、"complete" のイベントを受けてから次の動作に移る点だ。 ちなみに、目覚まし時計は 「スヌーズボタン」付きな
第1回 Node.jsとは | gihyo.jp
はじめに 本連載では、注目を集めるNode.jsを使って、Webアプリケーションを様々なクラウド環境で動かすことを最終目的にしています。Node.jsに触れたことがないJavaやPHPなど普段サーバサイドで開発されている方を主な対象として、まずNode.jsの概要から紹介していきます。 Node.jsとは Node.jsとは、ブラウザGoogle Chrome用に開発されたJavaScriptエンジンV8がサーバ上でプログラムを実行できるように、ファイルやネットワークI/Oなど多くの機能を追加したものです。軽量で効率よく多くのリクエストを処理するネットワークアプリケーションの構築ができるプラットフォームになっています。いわゆるサーバサイドJavaScriptの代名詞として注目を集めています。 Node.jsでは“軽量で効率良く”というのを実現するために次の2つのモデルを採用しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
nodistでNode.jsのバージョン管理 - Qiita
Managing Dates and Times in JavaScript Using date-fns — SitePoint
TechCrunch
