Vue.jsでアホなジェネレーターを作る勉強会をやると予想以上にガチになる
デイリーポータルZが「Vue.js勉強会」というWeb開発系のイベントを開催した。サイトを知っている人なら「え？あのデイリーが？なんでそんな真面目なイベントを？」と驚くかもしれない。 急に真面目なことをやりだすと、ヤンキー母校に帰る的な心変わりでもあったのかと心配になる。 僕自身がWeb開発の仕事をしているため「ふざけたサイトがやる勉強会なんて…」と最初は不安に思っていた。しかし、蓋を開けてみればエンジニア業務を擬似体験できるくらい内容のしっかりした勉強会だった。 大学中退→ニート→ママチャリ日本一周→webプログラマという経歴で、趣味でブログをやっていたら「おもしろ記事大賞」で賞をいただき、デイリーポータルZで記事を書かせてもらえるようになりました。嫌いな食べ物はプラスチック。（動画インタビュー） 前の記事：ドラクエに出てくる「やくそう」は現実だとどう使うのか専門家に聞く ＞ 個人サイト
【2018年】Vueのテスト関連まとめ【非公式】 - Qiita
はじめに。こちらは アドベントカレンダー Vue.js #2 Advent Calendar 2018 3日目の記事になります。 2018年 Vueのテストまとめ （Vue-test-utils） こんにちは。世界。 今回は今年のVueのテスト関連について、自分がTwitterとか勉強会で観測したことをだらだらと述べるだけの会です。 この記事についてなにか意見があるようでしたらコメント欄なり、編集リクエストをいただけると対応させていただきます。有名なWeb文章からの引用させていただきます。 この問題について自分が唯一無二の権威だと主張するつもりもありません。気にくわなければ、自分なりのヤツをどうぞ。 by ハッカーになろう (How To Become A Hacker） https://cruel.org/freeware/hacker.html#skills1 ブコメなどで辛辣なコメン
真のフロントエンドエンジニアになるために、まずはNuxt.js + Firebaseを使って簡易メモ帳を作ってみた - LiBz Tech Blog
目次 目次 はじめに 前提条件 Nuxtってなに？ Nuxtの主な機能 Nuxt.jsやってみる Nuxt.jsのインストール Nuxt.jsでアプリ作成 nuxt.config.jsによる設定いろいろ Nuxtの構成 Nuxtでアプリ実行 ポート(3000の部分)を変更したい場合 アプリの説明/解説 レイアウト・コンポーネントの作成 レイアウト(layouts) ページ(pages) コンポーネント(components) データの扱い/保存 firebase firebaseでdatabase作成 firebaseで認証設定 store(Vuex) デバッグ ビルド herokuにデプロイ やってみて はじめに こんにちは! 11月にLiBに入社したアベと申します。 アラサー子持ちのエンジニア(エンジニアと名乗るのは憚れる...)です。 社会人3年目からWebの世界へ転身し、webデザ
Nuxt.js v2 の中身を読んで仕組みを理解しよう - Qiita
東京ラビットハウスのerukitiです。ごきげんよう。 Nuxt大人気ですね。ですが皆さん、Nuxtを使っていてもその中身がどうなってるかまではちゃんと調べている方は少ないのではないでしょうか？エンジニアたるもの中身をちゃんと知らずに使うなどとはもってのほかです！ そこで今回の記事はではNuxtの中身を読んで仕組みを解説します。 2018/10/08（月曜祝日）に開催される技術書典5では、Nuxtの中身を主な題材として、JavaScriptフレームワークの技術と仕組みについて解説する本と、V8を崇める本の2冊を出す予定です。ご興味があればサークルページから、チェックリストに登録してみてください。 この記事は、本を書く過程で調べ上げたことを元にブログバージョンとしてまとめたものです。 誤りがある、ここがわかりづらい、もっと深く説明がほしいなどの要望があれば、お気軽にコメントや、@erukit
Nuxt.js v2.0.0がリリースされたので触ってみた【変更点まとめ】 - Studio Andy
新ブログに移行しました。 blog.andoshin11.me
Vue.jsとFirebaseで最速でウェブサービスを作るための学習教材３ステップ【完全独学】 - かとのぼのマイコード・マイライフ
この記事は、 ・実際に何か自分でウェブサービスを作って見たいけどどうすればいいかわからない。 ・Vue.jsを使って何か作って見たい という方向けの記事です。 なぜVue.jsとFirebaseでウェブサービスを作るのか 私は、何かウェブサービスを作って見たいと考えている人には、Vue.jsとFirebaseを利用したサービスの作成をオススメしています。 なぜなら、この二つを習得するとすごく簡単にウェブサービスを作ることができるからです！シンプルな理由ですし、これが一番大事ですよね。 私のブログには多くのプログラミング初心者やVue.jsを勉強している方が訪問してくださっています。 その方々の参考になるよう、自分の今までの学習した教材や内容を書き出し、本当に必要で、そして最短で技術を身に付けるにはどのような教材をどの順序でやるのが一番効果があるかを書き出しまとめました。 この教材にたどり着
Vue conference and meetup videos from 2018 (Q1 digest) - MeetupFeed
This is the third post covering the latest events of the Vue community (Q3 2017, Q4 2017 and this is the Q1 2018 digest) but this is the first one featuring videos from Vue conferences: VueConf New Orleans and VueJS Amsterdam—and of course several super-exciting talks from Vue meetups across the world. The Q2 edition is already on the way, stay tuned with the monthly newsletter and twitter. VueNYC
Nuxt.jsいらない説 - GAミント至上主義
Vue使うなら最初からNuxt.js使えよ、という条件反射みたいな風潮にちょっと反論してみる。 ※2020/7/6 追記 NuxtJSが必要な状況になって使ったときの感想などはこちら uyamazak.hatenablog.com ※2018/9/4 追記 1にviewsフォルダ等について追記 またこの記事はNuxtにしようかなと思っていたところでVue CLI3を使って感動し、今も使っていないのでその持論でもあります。 Vue-CLI3に関するVue開発者Evan Youの記事の和訳がきました jp.vuejs.org ※2019/2/19 追記 SSRのところにOGPについて追記 ※追記ここまで 概論 まずVue CLI 3で始めた方がいい。 最初から大人数で大きなアプリを作るつもりだったり、SSRが必要だったらNuxtでいいかも。 私がNuxtを使わない理由３つ 1. Vue CLI
Vue CLI 3.0 が来ました！ — Vue.js
Aug 11, 2018 このブログはこちらの翻訳ブログです。 過去数ヶ月にわたり、私たちは Vue アプリケーション用の標準ビルドツールチェーン、次世代の Vue CLI について懸命に取り組んできました。 今日私たちは Vue CLI 3.0 のリリースとそれに付随する全てのエキサイティングな機能を発表することにわくわくしています。 豊富なビルトイン機能Vue CLI 3 は以前のバージョンとは全く別物です。書換えのゴールは以下の 2 つです： モダンなフロントエンドツール、特に複数のツールを混在させる場合の構築疲れを軽減する； どんな Vue アプリのデフォルトにもなるよう、可能な限りツールチェインにベストプラクティスを組込む 核として、 Vue CLI は webpack 4 の上に構築された事前設定済みのビルド設定を提供します。開発者が必要とする構成の量を最小限に抑えることを目指
Vue.js SEO-Friendly SPAs: Tips, Tools & Prerender Example
Do you know about Hulu's JavaScript fail story? Back in 2016, the online video streaming service experienced a 56% visibility drop due to bad JS handling. A nightmare no business wants to go through. To avoid such disasters, you have to know what you're doing when working with modern JavaScript frameworks. Here at Snipcart we are expert of JavaScript for e-commerce, and we love Vue.js. However, we
2018-08-21のJS: webpack 4のマイナーな変更、スクロールの歴史、Puppeteer Recorder
JSer.info #397 - webpack 4.0 to 4.16: Did you know? – webpack – Mediumという記事では、webpackのマイナー(4.0 ~ 4.16)の変更に関してまとめて解説されています。 webpack 4ではCommonsChunkPluginが削除され、代わりにoptimization.splitChunksというオプションが追加されています。 webpack 4: Code Splitting, chunk graph and the splitChunks optimization その後のマイナーアップデートでもautomaticNameDelimiter、maxSizeオプションの追加などが行われています。 また、Code Splittingする際にはDynamic Importsに対してimport(/* webpac
TypeScriptでVue.jsを書く – Vue CLIを使った開発のポイントを紹介
2018年8月11日に新しいメジャーバージョンとなるVue CLI 3.0がリリースされました。Vue CLI 3では、公式にTypeScriptをサポートし、 TypeScriptを利用するプロジェクトの生成に対応しました。これにより、TypeScriptでVueを気軽に試せるようになったということで、今回ちょっとどんなものか試してみることにしました。試した中でポイントとなりそうな部分をまとめてみたので紹介します。なお、私は普段はAngularでTypeScriptを書いているため、TypeScriptのクラス構文を使った説明になっています（クラス構文を使わなくても、TypeScriptでvue.jsを書くことはできます）。 目次 はじめに – Vue CLI + TypeScript TypeScript + Vue サンプル Vue CLIでTypeScriptプロジェクトを生成する
Railsで作られた管理画面にVue.jsを導入した話 - Studyplus Engineering Blog
Studyplusのweb版を担当していた久保です。 最近はRailsを触ったりしています。 今回は社内向けの管理画面を作る際に、どうしても動的にDOMを操作する必要があったのでjQueryの代わりにVue.jsを導入してみました。 なぜVue.jsを選んだのか Railsが生成したhtmlをテンプレートとして使うことができる Rails5系以降であれば、webpackerを利用するだけで良いので導入が楽 導入方法 導入時の環境は以下 rails: 5.2.0 ruby: ruby 2.5.1p57 node: v8.11.2 yarn: 1.7.0 webpacker: v3.5.3 webpacker gem 'webpacker' $ bundle install $ bundle exec rails webpacker:install Vue.js $ bundle exec r
SHOWROOMの新規開発にHyperappを採用した話 - SHOWROOM Tech Blog
こんにちわ、エンジニアのきむらです。現在は主にフロントエンドを担当しています。 今回は、SHOWROOMの新規機能開発にHyperappというJavaScriptフレームワークを採用したので、そのお話をします。 はじめに SHOWROOMは、ターゲットのプラットフォームをPC / iOS / Androidとしていますが、 iOS / Androidではアプリ内でWebViewコンポーネントを利用しWebページを表示している画面がまだ数多くあります。 既存のページは以下のJavaScriptフレームワーク / ライブラリを使用しています。 JQuery（https://jquery.com/） Underscore.js（https://underscorejs.org/） Backbone.js（http://backbonejs.org/） Marionette.js（https://
Rails と Vue.js でWebサービスの環境を作ってみた - Qiita
はじめに Railsを勉強し始めて、そろそろオリジナルでWEBサービス（比較サイト）を作ろうと思い、色々と調べつつ構築していったら勉強になったのでメモしていきます。今回は、Rails,Vueを使って開発したかったので、それに合わせた環境になっています。 この記事では以下の環境（2018年7月9日時点）で動作確認できました。 Ruby: 2.5.1p57 (2018-03-29 revision 63029) [x86_64-darwin17] Rails: 5.2.0 mysql2: (>= 0.4.4, < 0.6.0) mysqlはdockerに作成してあります Docker version 18.03.1-ce yarn: 1.7.0 webpacker: (~> 3.5) vue: ^2.5.16 参考にしたレポジトリ プロジェクトを作る上で参考にした、サービスのレポジトリは以下で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ESLintとPrettierをどう扱うべきかの考察（2018年12月版） - Qiita
Nuxt, ElementUI, Storybook 構成のVueプロジェクトの始め方 - Qiita
GASのためにVue.jsを学習し始めなのに参加してみた「Vue.js Tokyo v-meetup #8」 | 隣IT
Amazon.co.jp: Vue.js入門 基礎から実践アプリケーション開発まで: 川口和也, 喜多啓介, 野田陽平, 手島拓也, 片山真也: 本