JavaScriptの最大8倍高速--ウェブアプリ開発を変える「WebAssembly」 - ZDNet Japan
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます ソフトウェアを一度記述すれば、あらゆるスマートフォンやコンピュータで実行できるとしたら、どうなるだろうか。 実現までの道のりがまだ長そうな夢ではあるが、ウェブブラウザを汎用コンピューティングプラットフォームに変えて、極めて要求の厳しいアプリも実行できるようにする取り組みが進行中だ。 「WebAssembly」は、そのビジョンの実現に寄与するバイナリ命令形式であり、ブラウザのソフトウェア実行速度を「JavaScript」使用時の通常速度よりも10％～800％高速化する。 WebAssemblyが可能にするパフォーマンス向上により、非常に負荷の高いデスクトップソフトウェアもいずれウェブブラウザで実行できるようになるかもしれない。WebAss
TypeScript のメリット – Front と Server の架け橋 | DevelopersIO
TypeScript のメリット - Front と Server の架け橋 webページに対しての要求が高度になり、JavaScript, HTML, CSS のコード量も増えてきました それに伴い 開発のしやすさ、保守のしやすさなどから Single Page Application (以下SPA)や TypeScript に人気が集まっています 用語 SPA React, Vue, Angular 等の ライブラリ, フレームワーク TypeScript AltJSの一種でJavaScriptにトランスパイル可能な言語 型があり安全な開発ができる Front と Server の架け橋 架け橋とは、APIを示しています それを、TypeScriptのinterfaceで強化する手法を説明していきます 例として ユーザ情報を取得する流れにしています 全体像 Server側 DBからus
ブラウザ1つで独自の機械学習モデルを無料で作成できる「Nanonets」を使ってみた！ -
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単にブラウザからオリジナルの機械学習モデルを作成・トレーニングすることができるサービスをご紹介します。 画像に写っているモノを特定したり、対象のオブジェクトを検出・抽出するなどさまざまな活用方法があり、トレーニングも数分で完成するので効率よくモデルを構築することができます。 また補足として、Airtableを活用した事例についても合わせて紹介しているので、ご興味ある方はぜひ参考にしてみてください！ なお、paizaラーニングでも機械学習を学べる「Python×AI・機械学習入門編」を公開していますので、合わせてチェックしてみてください。 Python×AI・機械学習入門編について詳しくはこちら 【 Nanonets 】 ■「Nanonets」の使い方 それでは、最初にNanonetsをどのように使っていけば良いのかを見ていきまし
モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視
モバイルアプリに最適化した軽量JavaScriptエンジン「Hermes」、Facebookがオープンソースで公開。低スペックのスマートフォンでの実行速度を重視 Webアプリとして構築されているモバイルアプリケーションは、現在では非常に複雑で大規模なものになりつつあります。 これは同時に、アプリケーションのロードや起動にかかる時間が増大することに直結しており、特に発展途上国などで広く使われている低スペックなスマートフォンにおいてはその影響が顕著です。 Facebookがこうした大規模するモバイル向けWebアプリケーションの課題を取り除くべく調査したところ、JavaScriptエンジンを改善する必要があることを認識し、Hermesを開発することにしたと説明しています。（追記：ただし後述のようにHermesは現時点ではWebアプリケーション用ではなくReact Nativeのオプションとなって
Slack、Webpackへの移行により起動速度を33%向上させメモリ使用率を50%低減させた「Slack for Mac/Win v4.0」をリリース。
SlackがWebpackへの移行により起動速度を33%向上させメモリ使用率を50%低減させた「Slack for Mac/Win v4.0」をリリースしています。詳細は以下から。 ワークチャットやコラボレーションサービスを提供しているSlack Technologies, Inc.は現地時間2019年07月22日、15日からロールアウトを開始していたデスクトップクライアント「Slack for Mac/Windows」のバージョン4.0の詳細を公式Blogにて公開しています。 新着情報 Webpack への移行により、Slack の動作速度が全体的に改善しました。 管理者が「plist」で自動更新機能を設定する際にコントロールできる範囲が増えました。管理者の方は、機会があれば試してみてください。 Mac 版 Slack – リリースノート – Slack Slack v4.0.0 Sla
Chrome との非互換性 - Mozilla | MDN
ブラウザー拡張機能始めましょう拡張機能とは何か？初めての拡張機能2 つめの拡張機能拡張機能の中身拡張機能の例次にどうするのか？概念JavaScript API 群コンテンツスクリプトBackground scriptsマッチパターンファイルの操作国際化Content Security PolicyネイティブメッセージングネイティブマニフェストUser actionsDifferences between API implementationsChrome との非互換性ユーザーインターフェイスツールバーボタンアドレスバーボタンサイドバーコンテキストメニュー項目オプションページ拡張機能ページ通知Address bar suggestions開発者ツールパネルBrowser stylesポップアップ逆引きリファレンスHTTP リクエストへの介入ウェブページを変更するInsert external
toio を Mac + Python で制御できるライブラリつくった - Qiita
はじめに 「あそんで学べる、ロボットトイ」toioは、 キューブを動かすためのBLEの通信仕様が公開されています コアキューブ技術仕様 公式では、javascriptライブラリがありますが、Python派のため Mac + Python 環境で使えるライブラリを作成しました ↓↓↓ 非公式 Python ライブラリ(https://github.com/mizumasa/toio.py.git) できること 複数のキューブをBLE接続し、モーターやLED、サウンドをコントロールできる 位置座標の読み取り、ボタン、衝突判定などの基本的な状態読み取りができる 全ての仕様ではありませんが、基本的な制御を網羅しています また、おまけの便利機能として toio.jsにも実装されている、特定の位置への移動コマンド 沢山キューブが発見されてしまった時に、キューブを見つけやすく、IDを振りなおせる機能 キ
低レイテンシと安定性を生むアーキテクチャ - SSPの現場に学ぶ、高可用性のつくり方 - エンジニアHub｜Webエンジニアのキャリアを考える！
低レイテンシと安定性を生むアーキテクチャ - SSPの現場に学ぶ、高可用性のつくり方 低レイテンシとは、広告配信の世界でユーザービリティ / 収益に直結する要素であることから、重要視されています。では、SSPの現場で実際に用いられるシステムはどのような構成になっているのでしょうか。fluct社の鈴木健太さんに、低レイテンシ、そして安定して稼働するシステムの基本を聞きました。 200msを目安にレスポンスを返す、低レスポンス設計 オンプレミスとAWSを組み合わせてコストとスケールのバランスを保つ データのコピーをサーバーに入れ、独立化する 悪くなったところを捨てるのが、低レイテンシ・システム安定化の秘訣 ログの集計はBigQueryで簡単に 悪くなったところは捨てて、全体を安定に動かす レイテンシ（latency）とは、リクエストに対して応答を返すまでの時間のことです。レイテンシをできるだけ
The missing ☑️: SwiftWebUI
Beginning of the month Apple announced SwiftUI at the WWDC 2019. A single “cross platform”, “declarative” framework used to build tvOS, macOS, watchOS and iOS UIs. SwiftWebUI is bringing that to the Web ✔️ Disclaimer: This is a toy project! Do not use for production. Use it to learn more about SwiftUI and its inner workings. SwiftWebUI So what exactly is SwiftWebUI? It allows you to write SwiftUI
Pushするだけ！GitHubのリポジトリを個人ブログに変えてくれる【GitPress】を使ってみた！ -
どうも、まさとらん（@0310lan）です！ 今回は、GitHubのリポジトリを誰でも簡単に個人ブログへと変換できる無料のWebサービスをご紹介します。 マークダウンで書いた記事のファイルをリポジトリにpushするだけで、あとは完全自動でブログ記事に変換されて公開されるのでお手軽です。 また、本記事ではブラウザだけで完結する方法も記載しているので、ご興味ある方はぜひ参考にしてみてください！ 【 GitPress 】 ■「GitPress」の使い方 それでは、実際にGitPressの基本的な使い方から見ていきましょう！ ブログを簡単に作成するため、まずはGitPressが公式に用意しているテンプレート(ボイラープレート)が公開されているのでこれをフォークしておきましょう。 【 GitPress公式テンプレート｜GitHub 】 画面右上にある【Fork】ボタンをクリックすると自分のGitHu
React 16.8 リリース - React Hooksによるロジックの再利用と構成が可能に
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
Go + WebAssembly に入門して Dockerfile の依存グラフを図にしてくれるサービスを作ったので、知見とハマりポイントを共有します。 - Qiita
こんにちはpo3rinです。 「Go + WebAssembly + BuildKit」 で Dockerfile の依存グラフを図にしてくれる誰得サイトを作ったので紹介します。その名も「Dockerfile Dependency graph」！！！ https://po3rin.github.io/dockerdot/ (PCブラウザだけ対応してます) 今回はこれをどのように作ったのかの共有とハマった点を紹介します。リポジトリはこちら！！ どのように作ったか 全体像はこちらになります。 内部では Dockerfile から LLB(プロセスの依存関係グラフを定義するために使用されるバイナリ中間言語)を取得して、それをdot言語(データ記述言語)に変換しています。今回はその処理を Go + WebAssembly で書いています。WebAssemblyの基本的な使い方に関してはこちらをご覧
GitHub - Lerc/notanos: Not really an oprating system, Just a pile of javascript pretending to be a Desktop Environment
This is just a pile of Javascript pretending to be a desktop environment, but hosted from your phone or Linux box? Weird huh. It's Alpha stuff so don't expect too much yet... It looks a bit like this. It does some cool things. ##Try it in an image on Dply. This will let you try out Notanos using an IP number and a self-signed certificate. This means you'll get security warning messages in the brow
フラットデザイン実現のためのJavaScriptフレームワーク
Webサイトデザインの新しい流行が「フラットデザイン」になりつつある。Windows 8やWindows Phoneですでにその兆候があったが、Appleが発表したiOS 7のデザインでその流れは確実になった。iOSはモバイルデバイスやタブレットデバイスで過半数を確保し、バージョンアップ率も高く同分野において支配的なポジションにある。iOSがフラットデザインへ変更することはデザインの流行に強い影響を与える可能性が高い。 フラットデザインをまとめたサイトや、フラットデザインを実現するためのJavaScriptフレームワークなどの情報がDailyJSの記事「jQuery Roundup: Go Flat!」に掲載された。フラットデザインを実現するための資料サイトとして参考になる。 jQuery Mobileを採用している場合、「jQuery Mobile Flat-UI Theme」が最初のと
品質高いJavaScriptアニメーションライブラリ·BonsaiJS MOONGIFT
BonsaiJSはFlashアニメーション並みの動作が可能なJavaScriptライブラリです。 JavaScriptによるアニメーションライブラリが増えています。BonsaiJSもその一つです。多彩なアニメーション処理が可能になっていますのでぜひご覧ください。 トップページです。ここもアニメーションされています。 マウスを動かすとブロックが表示されます。 グラフです。マウスのあたっている部分が大きくなります。 スターです。ぐりぐり動きます。 オブジェクトが飛び交います。 Pongを実際に遊べます。 円がダンスするように動きます。 ドラッグで動かせます。 デモを実際に動かした動画です。 BonsaiJSはキーフレームベースのアニメーション、画像だけでなくパスにも対応し、モーフィングもできます。マウスによる操作も可能で、Flashの代わりはもちろんゲーム開発にも使えるのではないでしょうか。
カリー化 - Wikipedia
カリー化 (currying, カリー化された=curried) とは、複数の引数をとる関数を、引数が「もとの関数の最初の引数」で戻り値が「もとの関数の残りの引数を取り結果を返す関数」であるような関数にすること（あるいはその関数のこと）である。クリストファー・ストレイチーにより論理学者ハスケル・カリーにちなんで名付けられたが、実際に考案したのはMoses Schönfinkelとゴットロープ・フレーゲである。 ごく簡単な例として、f(a, b) = c という関数 f があるときに、F(a) = g（ここで、g は g(b) = c となる関数である）という関数 F が、f のカリー化である。 関数 f が の形のとき、 をカリー化したものを とすると、 の形を取る。uncurryingは、これの逆の変換である。 理論計算機科学の分野では、カリー化を利用すると、複数の引数をとる関数を、一つ
HTML5/JavaScriptによるゲーム開発に使えるフレームワーク·Gamvas MOONGIFT
GamvasはHTML5/JavaScriptを使ったゲームフレームワークです。物理エンジンを内包しています。 HTML5/JavaScriptが発展するのにつれてWeb標準で動作するゲームの現実味が増しています。そんな時に必ず必要になるのがゲームエンジンと思われます。今回はHTML5用のゲームエンジン、Gamvasを紹介します。 デモです。上からオブジェクトが落下してきます。 オブジェクトは作用しあって動きます。 こちらは雨が湖畔に落ちていくデモです。 煙のデモ。ランダムに流れていきます。 こちらはクリックするとその部分で爆発が起きるデモ。 空間に三角形のオブジェクトが浮かんでいます。左右の矢印キーで視点が変えられます。 移動はスムーズです。 Gamvasはオブジェクトごとのステータスサポート、アニメーション処理、Box2Dベースの物理エンジンをサポートしています。カメラシステムとして視
Canvas APIの基礎
もともと、Appleが主にDashboardウィジェットの描画のためにWebKitに導入したCanvas API。サンプルコードと見比べながら、効率良く学習しよう Canvas APIの基礎 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。今回はHTML5のcanvas要素で使える2次元描画コンテキスト、俗にいう「Canvas API」を取り上げます。 Canvas APIは、もともとAppleが主にDashboardウィジェットの描画のためにWebKitに導入したものです。それがFirefoxやOpera、Internet Explorer（9以降）に実装され、現在はW3Cによって標準化が進められています。JavaScriptのメソッドで直接図形を描画するのが特徴で、ビットマップ画像の加工や、ゲームのようなインタラクティブ性の高いアプリケーションに向
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Monaca
http://akazah.com/self-udon/