Vue Native is a framework to build cross platform native mobile apps using JavaScript
Vue Native
Vue Native is a framework to build cross platform native mobile apps using JavaScript
PhantomJSの開発が終了しリポジトリがアーカイブ化された
QtWebKitをベースにしたヘッドレスブラウザであるPhantomJSの開発が終了され、2018年6月2日にリポジトリもアーカイブされました。 ariya/phantomjs: Scriptable Headless Browser 以前にもお伝えしていましたが、PhantomJSはQtWebKitをベースにしていて安定版が利用しているバージョンも古いままでした。 また、QtWebKitの新しいバージョンへアップデートを行うベータ版も開発されていましたが、Headless Chromiumが公開されたことや個人でPhantomJSのメンテナンスを続けていくの難しいという問題もあり開発は停止していました。 2017-05-03のJS: Headless Chrome/FirefoxとPhantomJS/SlimerJS、ES modules - JSer.info 2017-09-05のJ
Vue Designer - Vue.jsの表示を確認できるVisual Studio Codeプラグイン MOONGIFT
ReactやAngular、Vueなどは独自のタグを使ったWebコンポーネント型のシステムと言うこともあって、これまでのHTMLデザインの手法が通じなくなっています。デザインの確認などで苦戦している人も多いのではないでしょうか。 そこで使ってみたいのがVue Designerです。Visual Studio Codeプラグインとして動作するVueデザイン確認ツールです。 Vue Designerの使い方 エディタです。Vueファイルに対応しており、デザイナーを開くと右側にプレビューが表示されます。 もちろんリアルタイムに更新されるので、スタイルタグの内容を変えるとすぐに反映されます。 props、データの確認もできます。 Webブラウザなどで表示を確認するのも良いですが、プログラミングエディタの中に埋め込まれていることで、より確認が簡単にできるようになっています。Vue Designerを
JavaScriptで滑らかな動きを実装するなら「anime.js」がイイ | 綺麗に死ぬITエンジニア
Webを徘徊していると、JavaScriptを利用した様々なアニメーションやスムーススクロール等を見る機会も多いと思います。 今回は、モダンなJavaScript開発環境において、アニメーションやスムーススクロールを実装するのに最適なライブラリ、「anime.js」を紹介します。 「anime.js」とは「anime.js」は、オープンソースのJavaScriptのアニメーションライブラリ（MITライセンス）です。 特徴として、柔軟で軽く、シンプルなAPIを搭載しています。v2.0.0では10.7KB程のサイズしかありませんが、高機能で「CSS」「CSS Transform」「SVG」「DOMの属性」「JavaScriptオブジェクト」のアニメーションに対応しています。 また、anime.jsはつい最近、最新版であるv2.0.0がリリースされました。それに伴い、更に高速化が図られ、ドキュメ
Web最新技術がてんこ盛りのreact-native-domから目が離せない - ナカザンドットネット
パリで発表されていたReact向けプロダクトがあまりにも未来に生きていて興奮したので、紹介させてください。 目次 目次 この記事のゴール 想定読者 はじめに 今回ベースとするソースコード React Nativeは何をするツールか Reactは何をするツールか React DOMとReact Nativeの違い Reactアプリケーションを描画するものたち React DOMの役割 React Nativeの役割 1. ネイティブ処理系の上でJavaScript処理系を動かす 2. Reactを動かす 3. Reactから渡された差分をネイティブViewに適用する React Native DOMはどこがReact Nativeなのか React Native DOMのやばいところ6連発 ReactからはReact Nativeに見えてるのがやばい Objective-C実装をJavaSc
ES6時代のNode.js
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。情報システム本部の伊藤(@koh110)です。 社内システムの開発、運用を担当しています。 今回、担当しているシステムをNode.js LTS(v4.x)へバージョンアップしました。 それに伴い実施したES6対応の中から3つの事例を紹介したいと思います。 varを撲滅しよう arrow functionを使おう callbackを撲滅しよう varを撲滅しよう varをlet, constに置き換えます。基本はconstに置き換えます。 メリットは以下の点で、コードの品質向上につながると思います。 プログラム中で変更不可である事を明示的に示せる。 誤った使い方をした時にバグとして検出される。 varを利用するとブロック
Google、スマートフォン含むWebブラウザでリアルタイムに人間の姿勢推定を可能にする機械学習モデルPoseNet：TensorFlow.jsバーション発表
Google、スマートフォン含むWebブラウザでリアルタイムに人間の姿勢推定を可能にする機械学習モデルPoseNet：TensorFlow.jsバーション発表 2018-05-08 Googleは、Webブラウザでリアルタイムに人間の姿勢推定を可能にする機械学習モデル「PoseNet」TensorFlow.jsバーションを発表しました。 GitHub：tfjs-models/posenet at master · tensorflow/tfjs-models PoseNetは、映像中の人物から1つのポーズまたは複数のポーズを検出できる技術です。ToseorFlow.jsは、Webブラウザで実行できるオープンソースの機械学習ライブラリで、Googleがオープンソースとして公開している機械学習ライブラリ「TensorFlow」のJavaScript版です。 今回、その2つを組み合わせたTose
textlintのルールを簡単に作り始めることができるツールを作りました
textlintはJavaScriptで自由にルールを追加することができる仕組みになっています。 textlintで日本語の文章をチェックする | Web Scratch しかし、普段JavaScriptをあんまり使ってない人にはBabelを使ったコード変換やMochaを使ったテストの設定など、ルールを書き始めるまでの環境づくりの方が大変です。 そのような環境設定をコマンド一発で作れて、textlintルールを作り始めることができるツールを作りました。 create-textlint-rule Scaffolding Tool textlint-scripts BabelやMochaなどのコマンドをラップしたもの 使い方 create-textlint-ruleを npm(Node.jsのパッケージマネージャ)でインストールするだけです。 Node.js(推奨はver6以上)をインストール
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
CoffeeScript 入門! 怒濤の 100 サンプル!! | TM Life
今まで CoffeeScript についてのエントリーを連投してきましたが とりあえずこのエントリーで一区切りつけようと思います. ちなみに今までに書いた CoffeeScript についてのエントリーはこんな感じです. node.js 不要! Windows でも簡単に CoffeeScript を使う方法 jsdo.it で CoffeeScript を使う方法 CoffeeScript 入門 基礎編 – CoffeeScript と JavaScript を 10個のサンプルで比較してみた CoffeeScript と gl.enchant.js を使って15分で 3D ゲームを作ってみた. 動画もあるよ♪ 今回は enchant.js で怒濤ったとき同様 CoffeeScript についても怒濤ってみました. プログラミングは本を読むだけでは学んだとは言えません. 作ってナンボの世
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」
PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」 PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」を作成したので公開しておきます。 このライブラリを利用すると スマートフォンでPCサイトにアクセスした場合、指定したスマートフォン用のURLに転送されます。 PCでスマートフォンサイトにアクセスした場合、指定したPC用のURLに転送されます。 スマートフォン用ページでは「PCサイトを見る」なリンクが設定可能で、それがクリックされると、スマートフォンでPC用のサイトが閲覧できます。クリック後は1の転送機能が無効になります PC用のサイトでは、スマートフォンで見た場合のみ表示される「スマートフォンサイトを見る」なリンクが設定可能で、これがクリックされるとスマートフォン用のURLに転送され1の機能が復活します。 個々のページでどのPCページとスマートフォンページが対応
Mojitoのチュートリアルやってみたよー - connvoiのブログ
おもしろそうなのでついカッとなってやってみました。 内容はほとんどこれです。 「Creating Views for Different Devices」 http://developer.yahoo.com/cocktails/mojito/docs/code_exs/views_multiple_devices.html iphone,ipadなどのデバイス別に表示を変更する物をやります。 インストールと設定 $npm install mojito -g $mojito create app device_views $cd device_views $mojito create mojit device この作業でインストール、ひな形が出来上がりです。 設定ファイル //application.json [ { "settings": [ "master" ], "specs": {
2011年最速のウェブアプリ開発環境はnode.js/CoffeeScript/Expressだ！ - エウレカ技術部
nodejs, coffeescript 技術をアレして遊んでたい竹馬です。 概要 みなさん、NodeJSをご存知ですか？ サーバーサイドをJavascriptでやるというアレです。 CoffeeScriptはどうでしょう？ 簡易な文法で、ベストプラクティスなJavascriptのコードを生成してくれます 実際に実行するアプリケーションの、最小環境はこのようになります ### app.coffee ### express = require 'express' app = express.createServer() app.get '/', (req,res) -> res.send 'Hello World' app.listen 3000 これを実行して http://locahost:3000/ にアクセスすると、ブラウザ上ではHello,World! と表示されます っていうの
UEI、HTML5/JavaScriptベースのゲームエンジン「enchant.js」にアバターシステムを追加
「enchant.js」では、従来アマチュアがゲーム開発するなかで最も大きな障害となっていた、グラフィックスを自力で用意しなければならないという問題に対して、当初から無料で利用可能なグラフィックス素材を添付して公開している。しかし、グラフィックスのパターン数そのものは少なく、個性を出すのが難しいという側面も存在していた。 新たにアバターシステムを追加することで、ファンタジーゲームに登場する甲冑や、剣、レイピア、杖などの武器はもちろん、ネギやマグロ、メイド服やサンタ服、セーラー服やブレザーなど幅広いジャンルのゲーム開発を支援するための服装を用意し、個性的なグラフィックスを作成できるようになっている。 今回のアバターシステムの追加は、同社がディーツー コミュニケーションズと2011年に開催した、プログラマを目指す青少年の育成を目的としたスマートフォン向けオリジナルゲーム開発コンテスト「9lea
JavaScript Testing FrameworkのBusterJSを使う
NodeJS製のJavaScript Testing Framweork JsTestDriverによく似ている作り August Lilleaas と Christian Johansenが中心に作成(Githubで公開) Christian Johansen TDDJS(テスト駆動JavaScript)の著者、Sinon.js作者
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Workbox Broadcast Cache Update | Workbox | Google Developers
magnetic-frontend-2019
GitHub - iamkun/dayjs: ⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same modern API
Adding Handlebars to a Rails App With Webpacker
http://blog.monoweb.info/article/2011042918.html