2017年10月31日(火)に行われたAWS Cloud Roadshow 2017でヌーラボ Cacooチームの渡辺が発表した、「Cacoo html5 バージョンにおける AWS 活用事例」の資料です。
最近、プログレッシブWebアプリ(Progressive Web Apps、PWA)に興味津々なフロントエンドエンジニア、いなばです。 今回は、オフラインWebをまずは自分で実際に手を動かしてやってみよう! と調べていたところ、sw-precache というモジュールで、リソースのキャッシュ制御がとても簡単にできたのでご紹介したいと思います。 まずは簡単に使ってみる まずはシンプルな構成で試してみました。 ソースコードはこちらになります。 https://github.com/i78s/sandbox/tree/develop/sw-precache-sample 手っ取り早くデモを確認したい場合は、 下記のコマンドを実行してService Workerに対応しているブラウザ( ここで確認できます )で実際の動作を見ることができます。 $ git clone https://github.
こんにちは。メドピアでエンジニアをしている村上(pipopotamasu · GitHub)です。 普段はRailsを触っていますが、時々フロントエンド周りの開発もしています。 今回はメドピアの環境におけるWebpacker導入とフロントエンド周りの改善をテーマに記事を書きます。 目次 なぜWebpacker(Webpack)を導入するのか? フロントエンド改善計画 Webpackerの導入で気をつけたこと github.com なぜWebpacker(Webpack)を導入するのか? Webpackerを導入する背景として、主に2つの課題がありました。 JavaScriptのビルド時間が長い パッケージのバージョン管理ができない JavaScriptのビルド時間が長い 元々メドピアのフロントエンド開発においてBrowserifyというbundlerを使用していました。 しかし、これにはビ
サーバサイドを Go で WebAPI として独立して作り、フロントは Vue.js で SPA チックに作り、Static な成果物(HTML/CSS/JS)を Go バイナリに内包して Heroku で動かすメモです。 サンプルのソースコードはこちらです。 https://github.com/zaru/go-vuejs-heroku 前提条件 Go 1.9+ パッケージ管理: dep DBマイグレーション: pressly/goose Vue.js 2.5+ vue-cli ビルドツール: webpack Heroku PostgreSQL Redis デプロイの動作フロー git push heroku master で Heroku にデプロイ デプロイ dep で必要パッケージをインストール npm で必要パッケージをインストール Vue.js を webpack でビルド G
フロント専門の人、作品を作るときちょっとした永続化をしたいときあるよね?自分でバックエンドをゴニョゴニョするのはかなりエネルギーが必要だ。最低限の労力で、javaやらphpやら触らずにバックエンド実装できるのがFirebaseだ。 このチュートリアルでVueとfirebaseで掲示板っぽいものを作ってみよう。 ※Firebaseについてはこの辺とかを参照してください。 全編 Vue.jsでFirebaseを始めよう 1.プロジェクト作成編 Vue.jsでFirebaseを始めよう 2.Vueプロジェクト準備編 Vue.jsでFirebaseを始めよう 3.ユーザーログイン編 Vue.jsでFirebaseを始めよう 4.送信してみる編 Vue.jsでFirebaseを始めよう 5.リストを表示させる編 Vue.jsでFirebaseを始めよう 6.入力&送信編 始める前に ゴール設定 簡単
我们公司主要的特色服务是:汽车专用电瓶,汽车电子配件,汽车车载音响,电子设备等,诚信是我们立足之本,创新是我们生存之源,便捷是我们努力的方向,用户的满意是我们大的收益、用户的信赖是我们大的成果。乘风破浪会有时,直挂云帆济沧海,耐驰人相信,面对新科技革命的激烈竞争,一定会创造出更加优秀的成绩,回报家乡 了解我们更多>>
JavaScriptでスマートフォンアプリを作る、一つのコードでiOS/Android両方に対応するという夢に挑戦する人たちは後を絶ちません。かつてのTitaniumであり、現在のReact Nativeでもあります。 そして今回はもう一つの存在、Nat.jsを紹介します。こちらはVueやWeexなどで使えるライブラリ集になります。 Nat.jsの使い方 Nat.jsを使ったチュートリアルアプリを紹介します。こんな感じで機能が並んでいます。別なアプリを立ち上げたり、写真やオーディオ、動画を扱ったりできます。 Nat.callで電話をかけられます。 画像を選ぶ場合。 写真の撮影もできます。 モーダル、ネットワーク、位置情報、センサーなどの機能もあります。 さらに各種デバイスの情報も取れます。 Nat.jsは前述の通り、WebであればVueが使えて、ネイティブアプリであればWeexと組み合わせ
Qiita Organization アカウント。企業ページのようなメンバー登録できるページです。 こんにちは、Googleアナリティクス好きのカグア!です。QiitaではGoogleアナリティクスタグをフォローしています。 たぶん知っている人にはすでに有名なアカウントなのかもしれませんが、今回はQiita内でいろいろと調査をしてみました。 関連記事 >>GitHubアカウントまとめ88選Googleなど企業や団体 >>プログラミング学習サイトまとめ完全版リンク409本!新人開発者必読 >>子供がいる人や親になる人に読んでほしい33冊 >>夏目漱石の「坊っちゃん」を無料テキストマイニングしてみた 調査について 調査のきっかけ 今回調査しようと思ったのは、スマートニュース社のサイトを見たときでした。お約束のfacebookとTwitterのアイコンのわきに、Qiitaのリンクを見つけました。
textlint 9.0.0をリリースしました。 textlint 9.0.0では@textlint/kernelという内部的に使うコアモジュールをTypeScriptで書き直したバージョンが使われています。 元々textlintはNode.jsで動くように作られたため、fsモジュールなどNode.jsに依存しています。 そのため、ブラウザなどで動かす場合などはビルド時に色々工夫しないと動きません。 文書校正ツール textlint の Chrome 拡張を作った - もなでぃっく LocalStorageで誰でも安全にMarkdownでスライドやメモ作れるサービス作ったよ この問題をどうにかするためには、textlintというモジュールからロジックやLint処理部分だけをNode.jsなどに依存しない純粋なJavaScriptとして切り出す必要があります。 アドホックに対応するならブラウ
I am trying to get my first TypeScript and DefinitelyTyped Node.js application up and running, and running into some errors. I am getting the error "TS2304: Cannot find name 'require' " when I attempt to transpile a simple TypeScript Node.js page. I have read through several other occurrences of this error on Stack Overflow, and I do not think I have similar issues. I am running at the shell promp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く