Vueでもっと幸せになりたいあなたへ。VueのUIコンポーネントライブラリVuetifyのススメ - KAYAC engineers' blog
どうもみなさまおはようございます。あるいはこんにちは。あるいはこんばんは。 KAYAC Advent Calendar 2018の12日目の記事を担当します、今年1月に中途入社しましたエンジニアのたがみです。 前職ではサーバーサイドのSEとして業務系のwebアプリを開発したり運用したりしていましたが、今はクライアントワークのフロントのエンジニアとしてwebサイトを作ったり動かしたりぶっ飛んだものにしたりしなかったりしています。 今回は、そんな私がフロントエンドになったばかりの頃に仲良くなった思い入れのある言語、Google App Scriptの話を！・・・・・・と、つい二日前までは、思っていたのですが。 Google先生を訪ねて色々と検索していたところ「あれ・・・なんか・・・Vuetifyについての日本語記事、実は少ないのでは・・・？」と気づいてしまったのです。 （もしかしたら気のせいか
Nuxt.js + Netlifyで爆速構築するサーバーレスSPA開発入門
概要 こんにちは、アジアクエスト株式会社でフロントエンドエンジニア(以下、FE)をやっています、かめぽんです。 最近、VueもNuxtも勢いすごくないですか？？ すごいですよね？！？！ そんでもって、FirebaseやAWSを使ったサーバーレスアーキテクチャのアプリケーションも増えてきていますね！ だけど、「覚えること多くてよくわからん！けど、なんか動かしてみたい！」 と、思う方もいると思うのでぜひこの記事を参考にしていただけたらと思います。 サーバーレスSPAの構築方法はたくさんありますが、まずは手軽にモダンフロントエンド周りの知見をインプットしつつ、Nuxt.jsとNetlifyを用いてサーバーレスSPA環境を爆速で作っていければと思います！ ターゲット 手軽かつ本格的にサービスorサイトを公開してみたい人 FEもしくはFEになりたい人 サーバーレスを手軽に爆速で体験してみたい人 PW
ブラウザで機械学習が実行できるようになる「TensorFlow.js」が登場
Googleは2018年3月30日に開かれたTensorFlow Dev Summit 2018にて、オープンソースの機械学習ライブラリ「TensorFlow」をアップデートし、ウェブブラウザで実行できる「TensorFlow.js」や、スマートフォンやRaspberry Piなど小さいパワーのマシンで実行できる「TensorFlow Lite」などを追加したと発表しました。 Introducing TensorFlow.js: Machine Learning in Javascript https://medium.com/tensorflow/introducing-tensorflow-js-machine-learning-in-javascript-bf3eab376db TensorFlow Developer Summit 2018の様子は以下から見られます。なお、全編で8
SSR無しのReact・Angular製のSPAサイトはGooglebotにどれくらい認識されるのか？ - 文系プログラマによるTIPSブログ
実際私が開発している2サイトの実例出しますよ〜 WEBサイトの開発者に取って常に気になるこの話題について、今回は私が開発している2サイトを実例として、結果をお伝えしようと思います。 ※ 最後の「雑感」の後に、Angular製サイトをGolang化してみた結果を追記しました！ 概要 GooglebotはどれくらいのJavaScript処理能力があるか 前提 React製サイト: tree-maps サイトの開設日 PCデバイスでの認識 モバイルデバイスでの認識 サイトマップxmlとインデックスの登録数 Angular製サイト: StringUtility サイトの開設日 PCデバイスでの認識 モバイルデバイスでの認識 本来レンダリングされる筈の画面 サイトマップxmlとインデックスの登録数 botはServiceWorkerのhtmlを取得しているのかどうか サイト上で確認できるServic
Google Home開発 google-home-notifierで日本語を話させる - 大人のおもちゃ箱
Google Home miniに乗り換え、順調にGoogle Homeライフを満喫しています。 っと言っても、Google Musicやラジコでラジオを聴いているだけですが・・・ そこで、今日からGoogle Homeのアプリを開発して、もっともっと遊んで行こうと思います。 直近でやりたいころ ①テレビのリモコン操作 赤外線リモコンの全ての操作に対応させたい。Youtubeの再生などChrome Castとの連携も充実させて、メディアプレイヤーとの連携もしたいですね。 ②テレビの視聴管理 子供がYoutube動画を見過ぎるため、1日の制限時間を設定したいです。赤外線リモコンを廃止して、ねえGoogle、テレビを付けてと言った時に、時間を超えている場合は無効にしたり、見ている時に時間を超えた場合は、自動でOFFになったりできるイメージです。 この程度なら、多くのサービスと連携しなくても実現
React Native の画面遷移・管理をオープンソースのアプリを見ながら学ぶ - Qiita
シンプルなスワイプの遷移 git-point で使われていた、スワイプの遷移。 git-point/blob/master/src/auth/screens/login.screen.js に全体の実装があります。react-native-swiper というスワイプのライブラリを利用しているようです。 使い方だけもとてもシンプル。 Swiper で View を囲うだけ。(ライブラリ本家の方のサンプルです) import Swiper from 'react-native-swiper'; import { Text, View } from 'react-native'; ... return ( <Swiper showsButtons={false} dotColor="#FFFFFF55" activeDotColor="#FFFFFFFF" > <View> <Text>Hel
Vue.jsでreg-suitを利用したVisual Regression Testing | tsuchikazu blog
これは Vue.js #3 Advent Calendar 2017 - Qiita 1日目の記事です。 最近、お仕事でVue.js x SSRを使って開発を進めていた カラーミーリピート というサービスをリリースすることが出来ました。このサービスの開発を進めていく上で、とあるcssの修正が想定外の場所にも反映されてしまい、スタイルが崩れてしまう。という問題が時々発生していました。リリース前まではそれほど問題視してきませんでしたが、今後スタイル崩れに気付かずにリリースしてしまうのは非常に問題で、なんとか防ぐ方法を探していました。 先週末に東京Node学園祭2017が開催されましたが、そこで@QuramyさんのIntroduction to Visual Regression Testing の発表資料を拝見してreg-suitの存在を知り、これは求めていたものではないか！？ということで、V
JavaScriptコードは1行のみ！超手軽にWebサイトでパララックス効果を実現できる「Rellax.js」使ってみた - paiza開発日誌
どうも、まさとらん（@0310lan）です。 みなさんは、自分のWebサイトに「パララックス効果」を取り入れたいと考えたことはありませんか？ 「なんだか難しそう…」とか、「実装が面倒くさい…」のようなイメージをもし持っているのであれば、今回ご紹介するJavaScriptライブラリが一発解消してくれますよ！ 【 Rellax.js 】 今回のテーマである「パララックス（視差効果）」がどんなモノであるかは、「Rellax.js」の公式サイトを見ると分かりやすいです。 このように画面を上下に動かす際に、複数のHTML要素が異なるスピードでアニメーションすることで、Webページが立体的になって印象に残りやすいサイトになります。 「Rellax.js」は、このような「パララックス効果」を可能な限り簡単に書けるようにしてくれるJavaScriptライブラリというわけです！（ちなみに、「ver1.0」か
Webブラウザのプッシュ通知を簡単に実装！「Push.js」の使い方を徹底解説
スマートフォンアプリではおなじみのプッシュ通知。 実は、Webブラウザからもできることをご存知でしょうか。 JavaScriptの*「Web Notification API」*というプッシュ通知を制御するAPIを使うことで、モバイルだけでなくデスクトップにもWebサイト経由でプッシュ通知ができるようになります。 しかし、モダンブラウザの多くがサポートを始めている一方で、まだ利用したことがないひとも多いのではないでしょうか。 今回は、Web Notification APIを簡単に扱うことができるPush.jsを使って、簡単にブラウザ通知を実装する方法をご紹介します。 プッシュ通知とは？ これまでは、ホームページの更新を通知する方法としてはRSSやメールなどを利用している人が多かったのではないでしょうか。 しかし、RSSはRSSリーダーに登録する手間が必要で、メールでもメールアドレスをユー
Node.jsでWebAPI作成(Express + SQLite3) - Qiita
前回までの記事で環境の整備を行いました CentOS7.2にNode.js環境を構築する Node.js+Express経由でSQLite3にデータ登録する 今回は、WebAPIを作成して、以下の動きを実現します。 「リクエスト→Node.js→SQLite3→Node.js→レスポンス」 バージョン確認と、事前作業 バージョンの確認と、expressコマンドを利用可能にします [am@Alnilam app]$ node -v v4.4.2 [root@Alnilam ~]$ npm install -g express-generator [am@Alnilam app]$ express -V 4.13.1 [am@Alnilam ~]$ express frenjy create : frenjy create : frenjy/package.json create : fren
GmailでのJavaScriptファイルの添付が不可に、2月13日からスタート
Googleで各種アプリケーションを開発する「G Suite」チームは2017年1月25日、Gmailに添付できる添付ファイルからJavaScriptファイルを除外する方針を発表しました。この施策は2017年2月13日から適応されます。 G Suite Update Alerts: Gmail will block .js file attachments starting February 13, 2017 https://gsuiteupdates.googleblog.com/2017/01/gmail-will-restrict-js-file-attachments.html Gmail won't allow JavaScript file attachments starting February 13 http://www.androidpolice.com/2017/01
「JavaScript初級者のためのコーディングガイド」に補足を試みる - Qiita
はじめに http://qiita.com/raccy/items/bf590d3c10c3f1a2846b を見ていたら、はてブに「理由がないから」ということがよく挙がっていたので、理由をつけてあげたら有益な内容になるかな？と思い、拙いながらも補足を試みようと思います。 【2017 1/3 15:10 追記】 元記事の前提はgulpなどを使ってminifyなども行なえる（もしくは行う目標がある）前提の様子なので、中級者以上がターゲットかなーと思いました。そのつもりで読むととてもいい記事だと思っています。 「最新のJSの書き方を覚えてあとは変換機能に任せればレガシーなJSのキツイところに向き合わなくて済みますよ？」みたいなイメージだとわかりやすいかな？ ==、!= 理由 暗黙の型変換が発生して、別の型の比較が真で扱われてしまう場合があるため。 解説 サンプルコードにも出ていますが言葉足らず
2016年最速で成長した次世代JSフレームワーク「Aurelia」の未来
Angular 2、ReactといったJavaScriptライブラリー／フレームワークが盛り上がった2016年。一方で急速にコミュニティが立ち上がり、大きく成長したのが「Aurelia（アウレリア）」です。今後の気になる動きとは？ Aureliaへの取り組みの根幹はオープンソースであることです。オープンソースがもたらす自由、コミュニティの存在とその協力は、多くの人のビジョンに欠かせません。オープンなWebとオープンなプラットホームの、これからの成長は、世界規模のコミュニティが活躍できるような、テクノロジーの民主化を実現するものです。もっと多くの人に、消費者側の考え方ではなく産み出す側・提供する側の考え方を持つようになってほしいのです。これこそがオープンソースの核となる考え方であり、業界の未来だけでなく、文明の未来さえ左右するほど大切なことだと信じています。Aureliaはこの夢の実現に向け
2016年総まとめ、JavaScriptのライブラリやjQueryのプラグイン100+α選
毎年恒例のJavaScriptのライブラリやjQueryのプラグインの総まとめを紹介します。 今年リリースされたものから、アップデートされたものまで、これからのWebページやスマホページの制作に役立つJavaScriptを100+αまとめました。 KUTE.js クロスブラウザ対応のさまざまなアニメーション、2Dと3Dの変形、SVGの変形、CSSのプロパティ値の変化、SVGのモーフィング、SVGの描画などネイティブのJavaScriptでアニメーションを実現する軽量スクリプト。 デモページ Choreographer-js 「choreographer」は振り付けという意味、CSSアニメーションのさまざまな動き・振る舞いを簡単に設定できます。 デモページ Barba.js 通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Node.jsとJSが合併の意向を共同発表――JavaScriptコミュニティーの統合を図る | TechCrunch Japan
TechCrunch | Startup and Technology News