SAM(Serverless Application Model) + Node + Flowtype でAWS Lambdaの開発サイクルを作る - Qiita
この投稿はServerless(2)アドベントカレンダーの8日目の記事です。 去年に AWS Lambdaのデプロイフロー管理 という記事を書きましたが、あれからの一年でAWS Lambdaの状況がいろいろ変わりました。 待望の環境変数対応や、Step FunctionによるAWS Lambdaのバッチ化、Serverless Application ModelというAWS公式のデプロイツール、ServerlessやApex、LamveryなどのLambda関連のフレームワークの充実など、一年前に比べAWS Lambdaが便利になっています。 そんな状況の中、1年前の記事のビュー、ストック数が増えて行くのは申し訳ない。ということで2016年版という形で、新しい開発フローの話をしようと思います。 Serverless Application Model SAMはAWSが新しく出したAWS L
TDTC | Thiên Đường Trò Chơi | Cổng Game Giải Trí Uy Tín 2025
TDTC tên gọi tắt của Thiên Đường Trò Chơi là thương hiệu cá cược trực tuyến uy tín hàng đầu châu Á, hoạt động minh bạch với giấy phép hợp pháp từ PAGCOR và áp dụng chuẩn kiểm định quốc tế iTech Labs. Nổi bật với hệ sinh thái giải trí đa dạng gồm cá cược thể thao, casino trực tuyến, nổ hũ, bắn cá, slot game và game bài đổi thưởng, TDTC mang đến cho người chơi những trải nghiệm công bằng, an toàn v
vue-playとvue-styleguide-generatorでVueコンポーネント開発 - FLINTERS Engineer's Blog
こんにちは、丸山です。 JavaScriptフレームワークのひとつVue.jsの主な機能のひとつに、コンポーネントがあります。 コンポーネントはUIの部品のようなもので、（最初から特定の機能のために使われることが想定されている場合以外は）なるべく独立して再利用可能な状態を保つべきです。 また、そういったコンポーネントは作った人以外が使用することも多々あるので、どのように使うか、どういう機能を提供しているかといった情報が簡単にわかれば、開発の手助けになるかと思います。 そこで今回は、そういった場面でVueコンポーネントの開発を助けるライブラリを紹介します。 サンプルコンポーネント 今回下記のようなコンポーネントを用意しました。内容は簡単なMarkdownエディタです。 <template> <div id="editor"> <textarea v-model="input"></texta
querySelectorAllしてmapしたいとき[...すると短い - hitode909の日記
表示中のHTMLから情報を雑に抜き出して利用するため，ブラウザのデベロッパツールなどでquerySelectorAllしてmapしたい．しかし，querySelectorAllはNodeListを返すので，mapするにはArrayに変換する必要がある． NodeListをArrayに変換するときに短く書く方法ないですかって同僚に聞いたらいろいろ教えてもらえたのでメモ． Array.prototype.slice.callする オーソドックスな手法．昔からこれを書いていて，長くて困っていた．最近はアロー関数を使えるのでちょっと短くなったけど長い． Array.prototype.slice.call(document.querySelectorAll('a')).map(a => a.href) [].slice.callする Array.prototypeのかわりに[]で書く．ちょっと短い
n-api: add support for abi stable module API · nodejs/node@56e881d
Add support for abi stable module API (N-API) as "Experimental feature". The goal of this API is to provide a stable Node API for native module developers. N-API aims to provide ABI compatibility guarantees across different Node versions and also across different Node VMs - allowing N-API enabled native modules to just work across different versions and flavors of Node.js without recompilation. A
Svelte ナメてたけど結構スゴい - Qiita
Front-end Developer Handbook 2017 でも言及されていたりと少しずつ注目を集めている印象の Svelte ですが、「はいはいまた JS の流行り物 FW でしょ」とか「No Framework って Serverless みたいなバズワードになるんでしょ〜」などと正直ナメてたんですが、ナメっぱなしではいけない、とガイドを一通りさらったところ「なるほどこれは新しい勢力だな」と思い至ったので同じくナメてる人向けにスゴいところを紹介します。一応断っておきますが、さすがに商用環境に投入できるかというとまだ全然出来る気がしないので、今すぐあなたの xxx を置き換えるものではないです。 Svelte のルック&フィール Svelte は Riot.js のコンポーネントや Vue.js のコンポーネントのように html ファイルにテンプレートとロジックを書いていくのが
Vue in 2016
…and we thought 2015 was an explosive year!It’s already end of 2016! During the past 12 months, Vue’s growth has been consistently exceeding my expectations — the project has grown from a relatively niche framework to one that is now often compared to the biggest players in the field. Let’s take a look at what happened! 2016 Stats OverviewNPM downloads: 1,943,567 total, 1,531,217 YTD (up from 382,
HTML5 の Web Audio API で音楽してみる | CYOKODOG
HTML5 の Web Audio API の存在をご存知でしょうか？ 購読してる専門誌でも紹介されてるのを見かけた記憶がなかったのでよく知らなかったのですが、検索してみると興味深い記事が結構目につきます。 CANVAS や WebGL など見た目系機能が注目されがちな HTML5 ですが、音声方面も面白いかなという事で、今回調べたことをまとめがてら紹介してみたいと思います。 モジュラールーティング Web Audio API を扱う上で「モジュラールーティング」という思想の理解が大事になります。 簡単に言うと「音の発生源」「音の加工」「音の出力」をモジュール単位で管理し、それらをお好みのパターンで接続しあい音を出力させることができます。 楽器で例えると、エレキギター → エフェクター → アンプの接続のような関係です。例えばエフェクターを使いたくなければ直接アンプに繋いでも良いですし、エ
第一回Grimoire.jsハンズオン at Mozilla Japan｜IT勉強会・イベントならTECH PLAY［テックプレイ］
イベント内容 イベント概要 Web上で様々な表現を可能にするWebGLをWebエンジニアが今までの延長で扱えるライブラリ、Grimoire.jsを使ってみよう! 基本的なHTML,CSS,Javascriptの知識だけでOK。新しい表現力を手に入れる方法を実践して学ぼう。 3Dモデル表示も! https://cx20.github.io/gltf-test/examples/grimoiregl/index.html?model=VC&scale=0.2 CSSだけでは難しい、シェーダーアートも! https://grimoiregl.github.io/grimoire.gl-example/#clover 動画やWebカメラへのエフェクト適用だって! https://grimoiregl.github.io/grimoire.gl-example/#webcam (リンクはWebカメラ
まだシングルスレッドでレンダリングしてるの？ HTML5 CanvasとWeb Workerの最新技術 - pixiv inside [archive]
こちらは ピクシブ株式会社 Advent Calendar 2016、13日目の記事です。 こんにちは！4月からピクシブに入社したエンジニアの@_ragg_です✨ メンテナンスチーム・pixivFACTORYチーム・pixivFANBOXチームを旅して、デザインをかじったりフロントエンドを触ったりしています、3代目社内旅行エンジニアですね！ さて、今回はHTML5 Canvasに実装されつつあるOffscreenCanvasと、Web Workerについてお話しします。まだ日本語文献の少ないアツアツのネタです🔥🔥 OffscreenCanvas #とは OffscreenCanvasは、「画面に表示されないCanvas」です。 かつて CanvasProxy と呼ばれていたのをご存じの方もいると思います、まさにそれです。 「画面に表示されないCanvas」は、「表示前に何段階か画像の加
![まだシングルスレッドでレンダリングしてるの？ HTML5 CanvasとWeb Workerの最新技術 - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/67a807916396b353fe22c6e5872e9f20268dcb97/height=288;version=1;width=512/https%3A%2F%2Fimg.esa.io%2Fuploads%2Fproduction%2Fattachments%2F3516%2F2016%2F12%2F13%2F10914%2F38a4d5e9-a149-45eb-a78c-d0285f932d29.png)
全部知ってる？ npmを使いこなすために絶対知っておきたい10のこと
知っておくと便利なnpm（Node Packaged Modules）のコマンドとTipsを全部で10本まとめました。 Facebookの新しいYarn projectには興奮を覚える一方で、Node.jsの躍進にはオリジナルパッケージであるnpmの存在が大きく貢献しています。 少ないnpmのコマンドで、初期化したり（npm init）、パッケージをダウンロードしたり（npm install）、テスト（npm test）したり、プロジェクト内でカスタムスクリプト（npm run）を作ったりできます。少し詳しく調べていけば、日々の開発を劇的に変えてくれるさまざまなコマンドがnpmには用意されています。 注意：もしnpmの手引きが必要なら『A Beginner’s Guide to npm — the Node Package Manager』をチェックしてください。npmとYarnの違いにつ
Vue.js 1.x から 2.0 への移行のポイント
{ topic = [".NET", "PowerShell", "Ubuntu", "LibreOffice", "Arduino", ...] } 先日Vue.js 1.xから2.0への移行を行った。まるっと書き換えないといけないというレベルではないが、メジャーバージョンアップだなぁと感じる程には違いを感じられたのでいくつかポイントを書いておく。 もちろん、Vue.jsの機能を全て使いこなしているわけではないため、すべて網羅しているとはとても考えていないので、詳しくは「Migration from Vue 1.x」を参照してほしい。 大きな違い：テンプレートが事前コンパイルできるようになったVue 1.xと2.xの大きな違いは、テンプレートのコンパイルと実行を分離できるようになったこと。実際に移行してみた感じ、このコンパイル処理の邪魔になるようなことに関しては排除するような形で変更され
💓 Vue.js
��xܪ� � �۪� �gBܪ� �V�۪� �FI۪� ��۪� %Dܪ� �%�۪� P�xܪ� �� ܪ� ���۪� 0 �۪� ��۪� �Dܪ� � [۪� � ܪ� ���۪� 3�۪� �� ܪ� �/ PwI۪� � �۪� p� ۪� �6Hܪ� �| ۪� 0��ڪ� � �۪� P� ܪ� peHܪ� aI۪� @��ڪ� ` ܪ� ���۪� ��ڪ� �JDܪ� P��۪� �s1ܪ� Q&۪� pq�֪� ���ڪ� �ڪ� u0۪� P#�۪� S ܪ� `��۪� � ۪� k�۪� �R�ڪ� � �e�۪� ��ڪ� �1�۪� p��۪� ��۪� � ۪� �ڪ� pB ܪ� ��c۪� �� ۪� P ܪ� P)�ڪ� [I۪� ��+۪� �� ۪� `��۪� �xDܪ� ���۪� �/�۪� ܪ� � �۪� ���۪�
Vue.jsで実現するMVVMパターン Fluxアーキテクチャとの距離
Design and Strategy: How to Deal with People Who Don’t "Get" Design
よく分かってなくてもVue.jsで動くモノが作れた話 - Qiita
この記事は、Vue.js Advent Calender 2016 9日目の記事です。 （アドベントカレンダーには）初投稿です。酷いタイトルですが実際そうだったので、何卒よろしくお願いします。 これを書いてるひとのスペック マークアップエンジニアとフロントエンドエンジニアの境目を行ったり来たりしています。 あまりフレームワークの理解がそれほどないので地味にフルスタック気味でJS書いたりしています。最近はどっちかというとディレクションとか進行の方に首突っ込んでいます。 発端 フレームワークをそろそろ何か触ってみないといかんとは思っており、社内のとあるプロジェクトでReactを使ってはいましたが大規模だったのと、どうやら暖かそうだったのもあり、そこまで敷居が高くなさそうな別のものはないかと探した所、Vue.jsと巡り会いました。 開発環境を整える Vue.jsはサンプルコードで見るからに簡単に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Inouetakuya
PDF.jsとReactでブラウザ上で完結する暗記帳的なものをつくった。 - Qiita
Vuetify — A Vue Component Framework
Yarn(pkg) はなぜ速いのか気になったのでソースコードを読んでみた - Qiita
簡単にVue.jsでサーバーサイドレンダリングを試してみた - Qiita
