【Java】JavaでPromiseを使った非同期処理を記述したい ～ JavaScriptのPromiseライクな文法の試行～ - Qiita
概要 Java言語で「JavaScriptのPromiseライクな文法で、非同期処理・並行処理を記述してみたい」と思いやってみました。 ソースは以下リポジトリにあります https://github.com/riversun/java-promise コード例 「非同期処理１が終わったら、その結果を使った非同期処理２が実行される」処理はJavaではどのように書けば良いでしょうか？ 解1:Java1.4時代の解：Threadクラスの機能でがんばる Threadを入れ子式に持つとか、joinで終了待ちとか。並列処理黎明期。 解2:Java5(1.5)時代の解：Callable/Futureで幸せになれたのかな・・・ Future/Callableで結果返せてうれしい、加えセマフォやラッチなど小道具そろったがそれなりに頑張る必要あり。 解3:Java8時代の解：CompletableFuture
脱jQueryのためにしたこと - ICS MEDIA
脱jQueryという主張をよく耳にします。 私の個人プロジェクト「Beautifl - Flash Gallery」のリニューアルでも、依存しまくっていたjQueryの採用をやめました。 サイトを立ち上げたのは8年前の2009年。最盛期のjQueryをふんだんに使って、インタラクションの充実したRIAの開発に挑戦していました（参照「wonderflのギャラリーサイトBeautiflを作りました」）。 この記事では、なぜjQueryをやめようと思ったのか、別の技術で得たものは何なのかを紹介します。 ▲リニューアルしたBeautiflは、jQueryをすべて抜きました ※この記事は「CSS Grid Layoutをガッツリ使った所感 - ICS MEDIA」に対する後編（JavaScript編）となります。 リニューアルにあたってJavaScriptで改善したかったこと リニューアルにあたって
JavaScript Promiseの本を書きました | Web Scratch
JavaScript Promiseの本という無料で読める電子書籍を書きました。 タイトルそのままで、JavaScriptのPromiseについて書いた書籍です。 書籍の目的 この書籍を読むことで学べる事として、次の3つを目標にして書きました。 Promiseについて学び、パターンやテストを扱えるようになる事 Promiseの向き不向きについて学び、何でもPromiseで解決するべきではないと知る事 ECMAScript6 Promiseの基本をよく学び、発展した形を自分で形成できるようになる事 Promiseは、次のECMAScriptの言語仕様として策定が進められていて既に多くのブラウザに実装されています。 Promiseについて扱う書籍ですが、この機能はjQuery.Deferred()やAngularJSの$qやBluebird等の類似の機能が既にあるため扱ったことがあるかもしれま
2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査
フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールについての調査結果を紹介します。 SassやLESS、BootstrapやFoundation、AutoprefixerやModernizr、BEMやCSS-in-JS、CSS GridやFlexbox、NPMやGulp、jQueryやReactやVue.js、WebpackやESLintなど、実際にどのように使用されているかが分かります。 5,000人を超える現役デベロッパーを対象に調査が行われ、まさに現場の現在の状況がよく分かります。 The Front-End Tooling Survey 2018 by Ashley Nolan 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 Q1. フロントエンドの経験年数 Q2. CSSの知
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
ひらがなをカタカナに一括変換する方法 - JavaScript TIPSふぁくとりー
《2017年6月13日 12:00 PM 公開/更新》 ひらがなをカタカナに一括変換する方法 [計算・変換] JavaScriptを使えば平仮名(ひらがな)を片仮名(カタカナ)を相互に一括変換するのも簡単です。ユーザが入力したフリガナ文字列を「カタカナ」か「ひらがな」のどちらかに統一する必要があるなどの場合に便利です。「カタカナ」と「ひらがな」は文字コードの並び順が同じなので、単純に足し引きするだけで相互に変換できます。JavaScriptで正規表現を使えば、文字列中に含まれる「ひらがな」や「カタカナ」だけを対象にして簡単に揃えられます。 平仮名(ひらがな)と片仮名(カタカナ)を相互に一括変換できると便利 平仮名(ひらがな)と片仮名(カタカナ)は、0x60を足し引きすれば相互変換できる 正規表現を使って、平仮名(ひらがな)を片仮名(カタカナ)に一括変換する方法 正規表現を使って、片仮名(カ
何が間違っている? JavaScript のトラブルシューティング - ウェブ開発の学習 | MDN
JavaScript で発生しうるエラーの種類を理解する。 エラーのデバッグに console.log() を使用する。 ブラウザーの開発者ツール JavaScript コンソールを使用する基本的な経験をする。 JavaScript のエラーメッセージとその意味について、基本的な知識を身につける。 コードに誤りがある場合、一般的に以下の 2 つのうち、どちらかの誤りであることがよくあります。 構文エラー: コードの記述ミスで、実際にプログラムがすべて実行されなかったり、途中で動作が止まってしまったりします。通常、エラーメッセージもいくつか提示されます。正しいツールに慣れ、エラーメッセージが意味していることを理解している限り、これらは通常修正しても問題ありません。 論理エラー: 書き方は正しくても、コードが意図した通りに動ないエラーです。つまりプログラムは動くのですが、間違った結果を返します
HTMLとJavaScriptだけでBLE通信できるのか？ - Qiita
はい、出来ます。 ブラウザからBLE通信できるWeb Bluetooth APIを使うことで簡単に出来ちゃいます。 XcodeやAndroid Studio、Visual Studioといった開発環境は一切不要でChromeとテキストエディタのみでいけます。Webアプリなので、スマホアプリ作成時の面倒な作業も不要だし、ユーザー側もインストールなしで使えます。 ソースコードはこれだけ bluejelly.jsというライブラリを利用することで、記述はたったこれだけです。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>BlueJelly</title> <script type="text/javascript" src="bluejelly.js"></script> </head> <body> <div id="te
なぜ仮想DOMという概念が俺達の魂を震えさせるのか - Qiita
追記: 情報が色々と古くなったため、2020年に書き直した版へのリンクを張っておきます。 この記事は VirtualDOM Advent Calendar 2014 - Qiita の初日です。 初日ということで、基調講演風に、Virtual DOMとはなにか、なぜ僕はこんな興奮しているのか！という話から。 Virtual DOMとはなにか 既存の概念で当てはめると、JavaScriptのMVC, MVW(Whatever)フレームワークのViewに位置します。が、その程度では終わりません。仮想DOMとは世界を革命する力であり、このjQueryのDOM操作で汚れきったフロントエンドを救う救世主なのです。 現時点で自分が知っている限りは、以下の実装を指します。 facebook/react 最も使われてるFacebookの実装 Matt-Esch/virtual-dom Altenative
Web制作者がgtag.jsで知っておきたいGoogleアナリティクスの今
Googleアナリティクスの新規プロパティ作成時に発行されるトラッキングコードが、gtag.js に変わりました。 こんにちは、Googleアナリティクス大好きカグア！です。gtag.js というのは2017年9月25日現在ベータ版として提供されていますトラッキングコードです。次期バージョンと見られ、現在英語版ヘルプまでは公式に情報公開されています。 本記事では、現時点でわかっていることと、今後いろいろと出てきます情報を読む上での前提知識レベルの内容を提供することを目的としています。詳しくは公式ヘルプや自己責任にてご実行下さい。 ＞＞人気の「Googleタグマネージャ: 本」最新一覧はこちら。 Amazonで詳しく見る 追記：2017年10月5日 ビーコン送信の確認方法を追記。 追記：2017年9月29日 確認したところ、analytics.js の表記と、ベータの表記はなくなっていました
ECMAScript 2017、2018 の時代の開発環境 - Qiita
概要 ECMAScript 2017、2018 で導入が予定されている機能および開発ツールについて調べました。 ES モジュール 主要ブラウザー、モジュールバンドラー (Webpack、Rollup) でサポートされています。Node.js は v8.5 で実験的な機能として利用できます (--experimental-modules)。古いバージョンの Node.js のサポートのために @std/esm が公開されています。 ES モジュールを利用するメリットは従来よりも読み込む必要のあるコードを減らすことができることです。必要なクラスや関数だけをインポートできます。RxJS の場合、どれだけ変わるのかはこちらの記事をご参照ください。
「アイソモーフィック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
【週末まとめ読み】仕事を効率化！便利なWordPressプラグイン6選
今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、仕事を効率化する便利なWordPressプラグイン6選、Flexboxでサクッと作る！いまどきのメガメニューのマークアップ、2分で写真を木版画風SVGに変換する方法など、話題の記事を中心に8本をセレクト。平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては？ 【今週の一番人気】忙しすぎる個人企業家の仕事を効率化！便利なWordPressプラグイン6選 ライブチャット、マーケティング、メーリングリスト、Webサイトの構築まで、1人でビジネスを回す多忙な個人起業家のためのWordPressプラグインを紹介します。 【お役立ちネタ】Flexboxでサクッと作る！いまどきのメガメニューのマークアップ Webサイトを効率よくレイアウトできるFlexbox。メガメニューの実装を例に、具体的な活用方法
javascript3分クッキング「不変オブジェクト」 - Qiita
定義 不変オブジェクトとは精製後に状態が変更されないオブジェクトのことである。 広義には、状態を変更しないオブジェクトを不変オブジェクトと呼ぶ。 狭義には、変更しようにも変更できないオブジェクト、つまり変更禁止のために細工をしたオブジェクトを指します。 作り方 javascriptオブジェクトを不変オブジェクトにするには次のような手がある。 - プロパティ（状態）を隠し、変更操作を提供しない（jsにはプロパティを隠すために使える技法のひとつにクロージャがある） - ECMAScript第５版の関数を活用する - writable属性、configurable属性、セッター、ゲッターを活用する 関数で不変オブジェクト化 メソッド名 プロパティ追加 プロパティ削除 プロパティ値変更 確認メソッド
秀丸マクロを生成する秀スクリプトという言語処理系を作った
エグゼクティブサマリ 秀スクリプトという小さな言語処理系を開発した。秀スクリプトは、TypeScriptを大幅に縮小した文法を持ち、コンパイラによって秀丸マクロに変換され、秀丸上で実行される。秀スクリプトコンパイラは秀スクリプト自身により記述される。 秀スクリプトの主な特徴は下記のとおり。 TypeScriptに似た文法を持ち、コンパイラも秀スクリプトで記述されている 秀丸マクロを生成し、秀丸上で実行される TypeScript同様、変数に型がある 数値（整数）型と文字列型、これらの配列をサポート if、while、do … whileの制御構造 関数のサポート はじめに Windows上で使用するエディタとして長年秀丸を愛用しています。最近はVisual Studio Codeなども人気で、僕もインストールして使ってみたりはするのですが、長年手に馴染んだツールというのは、中々乗り換えが難
最新版TypeScript 3.0+Webpack 4の環境構築まとめ(React, Vue.js, Three.jsのサンプル付き) - ICS MEDIA
TypeScriptはMicrosoftが開発するプログラミング言語です。JavaScriptのスーパーセットという位置づけで、静的型付けなど強力な言語機能を備えています。TypeScriptは高度なウェブアプリケーションの開発で使われることが多く、ほとんどのフロントエンドエンジニアが使っているといっても過言ではありません。 ▲TypeScriptの公式サイト TypeScriptはコンパイラによってJavaScriptのコードが得られますが、TypeScriptのコンパイラにはECMAScript Modules（ES Modules = importやexport文のこと）をまとめる機能が提供されていません。そのため、ES ModulesのJSファイルをまとめるモジュールバンドラー（例：webpack、Rollup等）をTypeScriptと合わせて使うのが一般的です。 この記事では、
おれ的フロントエンド速習コース
どこからどこまで？何を指してる？と引っかかる人がいるかもしれないけどそこら辺はなんとなくお察しください。 3ヶ月前までJSとjQueryのみ毎回ノリで書いていた（もちろんカオスにならないように最大限工夫はしてるけど）流れが早いからモダン情報のキャッチアップはタイミングを見計らっているけど2017年中にはなんとかしたいやるなら一気にやりたい
Windows7でNode.jsのインストールから、Babel CLIを使いES6→ES5に変換するまで - Qiita
経緯 最近のJavaScript(ES6)を勉強したい 最近の案件でクロージャとか使って必死こいてモジュール化してたけど、 classとか使えるなら使いたい。。。 特に自身がJavaをバックエンドで使うので親近感も。 書き始めたはいいがブラウザの対応が… しかしやはりそこはJavaScript、ブラウザの対応がばらばらというのは昔からよくあることで…。 Chromeでは特に何もしなくても動くけどもIEがぁぁぁぁという状況に陥りました。 ついでだから流行りのweb開発のツールなんかも色々試してみよう と、Node.jsを入れたはいいが…色々入れようとしたらWin7環境じゃエラー出まくり！ 赤色黄色のカラフルなログを見ても結局原因があまりわからなかったり。。。 調べた結果C++コンパイラだとかPythonだとかが足りてないみたい。（Node.js用の設定も必要） 中々面倒そう、Linux環境作
javascriptのプロトタイプオブジェクトについて - Qiita
Javascriptのプロトタイプオブジェクトについて調べてみた。 ※ご指摘により、色々勘違いしていることがわかりました。 近々きちんと修正したいと思います。 プロトタイプとは？ まず、javascriptはプロトタイプベースオブジェクト指向言語です プロトタイプベースオブジェクト指向言語とは、どのオブジェクトもクラスという雛形に属しているクラスベースオブジェクト指向(javaとかrubyとか)とは異なり、オブジェクトは別のオブジェクトをベース（プロトタイプ）にして独自の特徴を追加していく方式の言語のことです。 プロトタイプとはこの方式の中のベースになるオブジェクトのことを言います。 まずオブジェクトを作っていきます(ES6)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS Nite LP54「Coder's High 2017」（2017年11月4日開催）
