JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 - ICS MEDIA
JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 JavaScriptの仕様であるECMAScriptは年次で仕様が更新されています。ECMAScript 2020（ES2020）は2020年6月にリリースとなりました。現行のすべてのブラウザでES2020の機能は利用できますが、フロントエンドエンジニアにとって使いこなしたい記法ばかりです。 本記事ではES2020に焦点をあて、JavaScriptの新しい記述方法のメリットと使いどころを解説します。 オプショナルチェーン Optional Chaining（オプショナルチェーンやオプショナルチェーニングと呼ばれています）とは、?.構文を用いてnullやundefinedになりうる値へ安全にアクセスできる仕組みです。 利用シーン nullやunde
これからは今まで以上に、jQueryが必要なくなるかもしれない
3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。 2017年も半年が過ぎ、その状況はさらに変わり始めています。 (Now More Than Ever) You Might Not Need jQuery 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 現在のブラウザ事情 jQueryに替わる、JavaScriptの選択肢 マイクロライブラリの台頭 IE9への対応はポリフィルで NodeListの反復 jQueryは遅いのか？ jQueryについて私が嫌いなもの $なしでは生きていけない？ 現在のブラウザ事情 jQueryが2006年にリリースされてから、DOMとブラウザのAPIは飛躍的に向上しています。2013年に「You Might Not Ne
Rubyばっか書いてる人のためのJavaScriptのオブジェクト指向世界入門
まずRubyでのオブジェクト指向と言語要素に慣れている場合はJavaScriptのオブジェクト指向でかなり違和感を覚えるような気がします。 JSは全てがオブジェクト (プロトタイプベース:後述) なんかRubyの言ってることと似ているが伝えたい意図が全く違う JSのオブジェクトの構造はRubyでいうハッシュのようなもの JSの中身空っぽ最小オブジェクト var obj = {} 以下みたいな感じで、key値からvalueが参照される。ハッシュじゃんこれ。 var obj = { key: value } JSの関数は「第1級オブジェクト」。だいたい「値」ってことと同意。function() { ... }は別にその他の数字とか文字列とかと扱いに変わりはないないっすよという話。 var f = function() { ... } この「関数＝値」を前提にすると、JSのオブジェクトでメソッド
Rails5.1に向けてフロントエンド周りで起こっている革命まとめ - Qiita
こんにちは Rails5.1に向けて、DHHのjqueryを依存から外す発言を発端にフロントエンド周りが急激に発展しているので、簡単にですがまとめてみました。 各issue, PRの詳細には踏み込みませんが、知見に溢れているので読んでみるの推奨です。 間違い、足りないものがあったら編集リクエストお願いします。 jQuery依存を無くす話が出る rails(issue): Drop jQuery as a dependency jquery-ujsはjqueryに依存しないようにする jquery-ujs: Drop jQuery as a dependency "jquery"-ujsじゃなくなったので名前変更 rails-ujs誕生 実際にRailsからjquery依存がなくなる rails: Drop jQuery as a dependency jsライブラリを入れる方法がnpmパッ
無償のVisual Studio CodeがCordovaに対応。HTML5/JavaScriptでのモバイルアプリケーション開発が可能に
マイクロソフトが昨年11月にオープンソースで公開した無償のコードエディタ「Visual Studio Code」を、HTML5/JavaScript用のモバイルアプリケーション開発フレームワーク「Cordova」に対応させる「Cordova Tools Extension」が公開されました。 開発したのはマイクロソフト自身で、Visual Studio Codeを利用してCordovaアプリケーションのプログラミング、ビルド、デバッグが可能になります。 また、Ionic、Onsen、PhoneGap、SAP FioriなどのCordovaに対応したJavaScriptライブラリにも対応。IntelliSenseにも対応。 Visual Studio CodeはWindowsだけでなくMacOS、Linuxにも対応しているため、これらのOS上でCordovaを使ったモバイルアプリケーションの
Electron入門サイト〜開発経験者が解説する導入手順と魅力 - ICS MEDIA
Electron (エレクトロン)はウェブの技術でデスクトップアプリケーションを開発できる人気のフレームワーク。HTML5とCSS3とJavaScriptで開発できるため、ウェブ開発者であれば手軽に導入できます。それもクロスプラットフォームなので、ワンソースでWindowsとmacOS向けのソフトウェアが作れることが利点です。 GitHub社の「Atom」やMicrosoft社の「Visual Studio Code」もこのElectronを使って開発されているなど、大手企業が採用していることでも人気の高さがうかがえます。この入門サイトでは、開発環境のセットアップからサンプル・アプリケーションの作り方を解説します。 Electron入門編 最新版で学ぶElectron入門 - ウェブ技術でPCアプリを開発しよう Electronの導入手順を解説。ゼロからアプリケーションのビルドまでの手順を
さよなら CoffeeScript - mizchi's blog
prototype.js が jQuery に置き換えられた時、開発者が気づいたのは、自分に本当に必要だったのはprototypeのメソッド拡張などではなく、クエリエンジンだったということ。 coffeescriptが当初、熱狂的に支持された背景はなんだっただろう。今思えば、それはアロー記法とクラス構文だったと思う。 javascriptの関数型への憧れ、prototypeベースの限界 javascript は断じて関数型言語ではないが、他の言語と同じぐらい関数型言語に憧れていたのも、また事実だろう。しかしビルトイン関数が高階関数を要求するデザインにしては function というキーワードはながすぎたし、その function が暗黙に作り出す this スコープの複雑な振る舞いも開発者の悩みの種だった。「あらゆる関数スコープで状態を持つことが"できすぎる"」という割れ窓だった。 ES5
Make: Japan | ウェブベースの回路シミュレーター
回路がどのような仕組みになっているかを説明したいとき、紙と鉛筆では表現しきれないことがよくある。回路がどのように「見えるか」ではなく、電圧や電流が各部品の中でどのように流れていくかを見せたいのだ。あの複雑なSPICEシミュレーションでコツコツ作るのも避けたい。そこで、もっと簡単に回路をモデリングできるツールが登場する。Paul FalstadのCircuit Simulator Appletだ。 ほんの数分で複雑な回路を組むことができ、仮想オシロスコープのプローブポイントも自由に置けて、わかりやすいダイアグラムで電圧や電流の流れを見せてくれる。同じことができるアプリは他にもあるが（SPICE、Qucs、TINAなど）、これはブラウザー上のJavascriptで動作するため、とても簡単に使える。 部品や配線の配置は、Drawメニューをクリックして部品を選び、あとはドラッグするだけだ。部品の値
EspruinoではじめるWeb開発者のWoT
IoT/WoTという言葉があちこちから聞かれるようになって久しいですが、最近は言葉だけではなくなってきた気がします。新しいマイコンボードや、XXセンサーのデータをクラウドに溜めて○○する商品などが続々と発売され、IoT/WoTのバックエンド専用のサービスまで登場してきています。 これから出てくるサービスやツールは、画面の中からの情報だけでなく、画面の外からの情報を使うことができそうです。逆に画面の外に影響を及ぼすようなことも可能になるかもしれません。解決できる課題の幅がグンと広がってきそうな予感がします。 加えて、先日の村岡さんの記事でも紹介されていたように、JavaScript等のWeb技術で開発できるマイコンボードも続々と登場し、IoT/WoTはWeb開発者にとっても身近なものになりつつあります。 今回はその中でもシンプルで扱いやすい、Espruino Boardを使い、JavaScr
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！Yoshinori Kobayashi
Google Compute Engine、サーバサイドからクライアントまでJavaScriptで開発できる「MEANスタック」のワンクリックデプロイ機能をサポート
Google Compute Engine、サーバサイドからクライアントまでJavaScriptで開発できる「MEANスタック」のワンクリックデプロイ機能をサポート WebアプリケーションのサーバサイドからクライアントまでJavaScriptで開発できる「MEANスタック」が海外では少しずつ話題になってきています。MEANスタックとは、次のソフトウェアの頭文字をとったものです。 MongoDB：NoSQLデータベース Express：Node.js対応のフレームワーク AngularJS：Webアプリケーションのクライアント用JavaScriptフレームワーク Node.js：サーバサイドJavaScriptエンジン オープンソースであるLinux、MySQL、Apache、PHP/Perlの組み合わせが「LAMPスタック」と一般に呼ばれるように、JavaScriptを軸にした上記の4つの
Railsが時代に合わなくなってきた - Qiita
追記 RailsでJS辛い問題に関しての結論：http://qiita.com/kaiinui@github/items/dad6180f1910c6a4bfd5 -- 近年、(1) Web/App両対応が増えてきたこと、(2) WebでもJSを多用するようになったこと、の二つがあり、以下の点でRailsが微妙になっている。 ViewのJavascriptがRailsから独立している API層のサポートが微妙 最初に書いておきますが、特に決定的な解決策もなく、辛いから今後解消されてほしいよね、な話です。 ViewのJavascriptがRailsから独立している Railsはとても堅牢。 モデル、コントローラ、ルーティングと、変にいじらない限りはほとんどテストが要らない。 必要なのは、モデルに新たにpublicメソッドを付けたときくらいだろう。 実際、バックエンドはそうそうバグが出ない。
[.com/.net] ドメインオークション | ドメイン取るならお名前.com
ドメインオークションとは？ ドメイン名の取得権利をオークション形式で ご購入いただくサービスです。 対象TLD.com.net.org.biz.info.mobi オークション対象はすべて中古ドメイン 中古ドメインで集客効率アップ 中古ドメインは過去に運用されていたWebサイトの「検索エンジン評価」「被リンク」「残存トラフィック」などを引き継いでいます。そのため、すでに中古ドメインが持っているパワーを活用することによって、集客効率の引き上げが期待できます。 SEO対策 高ドメインオーソリティの中古ドメインは、被リンクSEO対策用のサテライトサイト・ECサイト・ブログなどに活用されています。 アフィリエイトサイト 中古ドメインは、高収益アフィリエイターのアフィリエイトサイト構築によく活用されています。 新規サービス・商品サイト 新規で取得できなかったサービス名・商品名にピッタリのドメイン名も
![[.com/.net] ドメインオークション | ドメイン取るならお名前.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a3027b8376f75e4b93fe81568fc242d36165a91/height=288;version=1;width=512/https%3A%2F%2Fwww.onamae.com%2Fbackorder%2Fimages%2Fogimage.jpg)
JavaScript 徹底入門のための資料＆書籍まとめ - 酒と泪とRubyとRailsと
JavaScriptはブラウザから簡単に使えるし、jQuery Pluginも簡単に追加できるので、つい基礎をおろそかにしたまま使っていて、ちょっと凝ったことをしようとした時にいつもハマっていました。ということで今回は、独習JavaScriptの第二版を購入して読み進めつつ、ネットのお勧めのドキュメントを見て、補足しながら勉強していったのでそのメモです。 (03/09 21:50) JavaScriptの習熟度を上げるための勉強フローを追加 🍄 [動画] ドットインストールJavaScript入門 JavaScriptを本当に使ったことがない初学者の方にお勧めしたいのがドットインストールの動画。説明が環境構築からスタートしてくれるので、つまずことなく最初の一歩を踏み出すことができます。 😸 [Web] JavaScript基礎文法最速マスタ 『JavaScript基礎文法最速マスター』
Monacaで作るHTML5/JavaScriptでのハイブリットモバイルアプリ（その1）
本連載では、業務アプリケーション開発を行う熱血若手エンジニアのために、面倒な作業が楽になる便利なツールをご紹介します。「定時になったらスマートに帰社してアフター5を存分に楽しみたい！」や「設計書やレビューの準備に煩わされるのは嫌だ、コーディングに集中したい！」などを実現してくれる便利なツールやソフトウエアを、サンプルコードを交えて説明します。 はじめに 普段、設計書をもとに業務アプリケーションを開発したり、単体テストや連結テストに追われて忙しい日々を過ごしたりしていると、たまには気分転換で、なにかおもしろいモバイルアプリを手軽に作りたいなということはありませんか？ しかし、いざ時間の取れる週末にアプリを作ろうと思ってみたものの、自宅のパソコンに開発環境を用意したり、開発に必要なライブラリなどをダウンロードしたり設定したりしていると、それだけであっという間に時間が過ぎてしまいます。また、An
simple_formとTwitter bootstrapで作る俺流鉄板Railsアプリ（その３） | Oh My Enter!
前回はsimple_formを使ったカスタムインプットの作成方法を紹介しました。今回はそのカスタム・インプットとbootstrapの『Typeahead』を組み合わせた便利なインプットを作成したいと思います。 Typeaheadとは Typeaheadとは、Twitter Bootstrapが提供するJavascriptのひとつで、オートコンプリート付きのテキストフィールドを簡単に作成することができるjQueryプラグインです。 個人的には、BootstrapのJavascriptの中で、一番使える機能だと思っています。bootstrap-rails.gemを導入していれば、この便利な機能があなたのRailsアプリですぐに使用できます。さっそく使ってみましょう。 どこに適用するかというと・・・Bookを登録する際に『Author』という項目を入力しますね。 同一の著者が複数の本を執筆するの
WebブラウザベースのIDE「Eclipse Orion 5.0」が登場 | OSDN Magazine
Eclipse Orion開発チームは3月3日、Webブラウザ上で動作する統合開発環境（IDE）「Orion 5.0」をリリースした。外観が一新されたほか、Cloud Foundry APIサポートなど多数の新機能が加わっている。 Orionはシンタックスハイライト付きのコードエディタやファイルマネージャ、Git/FTP/SFTPクライアントなどの機能を備えたIDE。JavaScriptで実装されており、Eclipse Foundationの下オープンソースで開発されている。ライセンスはEclipse Public Licence（EPL）。また、自分のサーバーにOrionをインストールすることなしにOrionを利用できるクラウド型サービス「OrionHub」も提供されている。 Orion 3.0ではルック＆フィールが新しくなった。変更点の例としては、メニューバーにコンテキストメニューの要
ASCIIcasts - “Episode 279 - Asset Pipelineを理解する”
279: Asset Pipelineを理解する (view original Railscast) Other translations: Other formats: Written by Naomi Fujimoto Asset PipelineはRails 3.1のもっとも大きな新機能ですが、同時にもっとも混乱しやすい機能でもあります。今回のエピソードでは、このAsset PipelineがどのようにRailsアプリケーションのアセットを管理するかを見ることによって、少しその神秘性を取り除いていきたいと思います。もしAsset Pipelineについてまったく知識がない場合は、Rails GuideのAsset Pipelineのページが多くの機能を説明しているので、まずそこから始めるのがいいでしょう。 Rails 3.1アプリケーションを書いたことがある方なら、http://
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
HTML5ハイブリッド アプリ開発の実践〜開発現場ですぐに活かせるコツを伝授〜
