Vue.jsコミッターkazuponに聞く、良質なDX（開発体験）がもたらす良質な開発サイクル｜ハイクラス転職・求人情報サイト AMBI（アンビ）
Vue.jsコミッターkazuponに聞く、良質なDX（開発体験）がもたらす良質な開発サイクル 近年大きな注目を集めるフレームワークとなったVue.js。その発展の裏には、開発コミュニティをストレスなく駆動させる、コミッターたちのさまざまな工夫がありました。黎明期からVue.jsを支える、コミッターの川口和也（kazupon）さんに、フレームワークを躍進させるために必要なことを聞きました。 WebアプリケーションのUI実装を簡単に行える、オープンソースのJavaScriptフレームワーク・Vue.js。利便性の高さと導入の容易さから、近年サービスに採用されるケースが増えています。 そして、Vue.jsの黎明期から、コミッターとしてフレームワークの成長を支えてきたエンジニアがいます。Vue.js日本ユーザーグループの運営に携わるkazuponこと川口和也（かわぐち・かずや／ @kazu_po
【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 ブコメなどで辛辣なコメン
Lighthouseを使ってVuex.jsで書いたポートフォリオサイトを爆速化する - Kekeの日記
本記事はVue.js Advent Calendar 2018の第3日目の記事です。 はじめに GCPの無料枠が終了したため、ポートフォリオサイトはクローズドしましたが、引き続き本記事はご覧いただけます。 私は以前、インターンシップなどの選考に備えて自分のポートフォリオサイトなるものを作りました。 しかし、あまりに速くデプロイしたかったことからパフォーマンスについて一切無視した結果、とてつもなく遅いサイトができてしまいました。 結局、他人に見せるには恥ずかしいサイトになってしまい、今回の記事で爆速にできればと思います。 サイトはこちらで、SEO対策やOGPも実装したので以下のように展開されます。 要約 自分のポートフォリオサイトがロードまで8秒近くかかっていたのがキャッシュ込みで0.3秒くらいになった クリティカルレンダリングパスを知ることが重要 Chrome DevToolを使い倒すとよ
日本語のフリーフォントをまとめて試せるサイト「 #ためしがき 」をなんで作ったのかと技術的な話 - フロントエンドの地獄
みなさんためしがき試してくれました!? ホント！？ありがとうございます！！！ tameshigaki.jp ためしがきって？ 知らない人もいると思いますので、簡単に説明しますね。 ためしがき - 日本語のフリーフォントを検索できるサイト こちらからサイトにアクセスして、お好きな文字・文章を入力していただくと、 こんな感じで、色んなフォントでの見た目をまとめて確認することが出来るサイトなのです。 サイトで使っているフォントは商用利用可能なフリーフォントとなっており、フォントをタップすると表示される画面から、配布先のサイトに遷移することが出来ます。 また、フォントをシェアするボタンを押してから、Twitterやfacebookでシェアすると みんなオラに力を〜！ 日本語のフリーフォントを好きな言葉・文章で試せるサイト | ためしがき https://t.co/ECvYEaVQQ9 #ためしがき
JSのフレームワークを知らない人間がVue.jsを2ヵ月触ってみたって話 - エンジニアの卵の成長日記
サイトを移行しました。 blog.toru-takagi.dev
Vue.js製フレームワークNuxt.jsではじめるUniversalアプリケーション開発
Vue.js製フレームワークNuxt.jsではじめるUniversalアプリケーション開発 花谷拓磨 Vue.jsでUniversalなSPAを開発できるフレームワークであるNuxt.jsのバージョン 1.0のリリースがいよいよ近づいてきました。 本稿では、シングルページアプリケーション（以下 SPA）開発によって生じた問題を解決するために生まれたサーバーサイドレンダリング （以下 SSR）を中心に、Vue.jsでの開発を強力にサポートするNuxtについて、その魅力と基本的な使い方をご紹介いたします。 Nuxt.jsとは？ Nuxt.js（ナクストと読みます）はReact.jsベースのSSR用フレームワークであるNext.jsに触発されて作成された、Vue.jsベースのフレームワークです。 特にUIの描画サポート に主眼をおき、SSRをはじめとした様々なサポートを行ってくれるものとなります
プロダクトに 1 から Vue.js を導入した話
プロダクトに 1 から Vue.js を導入した話1. プロダクトに 1 から Vue.js を取り入れた話 マーケティング事業の開発現場でリアルに使われるJS事情 2. 岡田 正平（おかだ しょうへい）@okashoi • 開発グループ ソリューションユニット所属 • 2015年にウィルゲートに新卒入社（3年目） • サーバサイドエンジニア • PHP / Laravel • Vue.js をチームに導入した立場のお話をします 2 自己紹介 3. 宮西 由貴（みやにし ゆうき） • 開発グループ ソリューションユニット所属 • 2016年にウィルゲートに新卒入社（2年目） • フロントエンド勉強中 • Vue.js の導入を受けたメンバーの立場から お話をします 3 自己紹介 4. 4 ウィルゲートの事業 5. • 前半パート「チームに導入した話」@岡田 • 後半パート「実際に使った話」
SCOUTER開発者ブログ
2024-04-29 CSSってどんな勉強をしたらいいの？おすすめの勉強法3選！ 文字やタブなどWebサイトのデザインを作成するマークアップ言語がCSSです。 CSSを勉強すると、おしゃれなWebサイトやかっこいいWebサイトが作れるようになります。 また、Webサイトを作るときに必要なHTMLを理解するのにも役立ちます。 CSSを勉強するならできるだけ効率よく勉強できるようになりたいですよね。 ではCSSの勉強法はどのようなものがあるのでしょうか。 CSSの勉強法は、スクール […] 2024-04-29 WEBエンジニアから見たXserverの使い勝手と評判 レンタルサーバーのおすすめサイトを見ると、大体どこでも上がってくる有料のレンタルサーバーの一つに「Xserver」があります。 このXserverとは、どのようなサーバーで、サービスにはどのようなものがあるのか。 ホームページ関連
The Ultimate AJAX Guide For Vue.js Apps
Anthony Gore | August 28th, 2017 (Updated January 20th, 2020) | 8 min read If you ask two Vue.js developers "what's the best way to implement AJAX in a Vue app?", you'll get three different opinions. Vue is a UI library and therefore doesn't provide an official way of implementing AJAX. There are a number of different approaches that may be used effectively, each with its pros and cons that should
Vue.jsとvue-router.jsでpagerを作る - Qiita
SPAを作るような目的ではなく、ページの一部としてvueを用いたページャーがあったら便利そうだなと思ったのと、nodeと一緒にvue.js使う例はあるのですが、サーバーを使わないでhtmlファイルのみですぐ確認できるものを作ってみたかったこともありまして作ってみました。 試行錯誤しながら作りましたので、スマートなコードではないかもしれませんが置いておきます。何かのヒントになれば幸いです。 概要 QiitaのAPIを使用して記事のリストをaxiosで取得して表示してそれにページング機能を追加したものです。 CodePen上とQiita上ではブラウザバックの動作は問題ありませんが、更新時のページ保持が動作しないようです。 See the Pen VueRouterPagenation by horikeso (@horikeso) on CodePen. 確認時の注意 API v2 認証してい
Vue.jsミニハンズオン（TODOリスト作成） - Qiita
AngularでもReactでもriot.jsでも満足できなかったひとに、ぴったりフィットなJSフレームワーク「Vue.js」のざっくりハンズオンです。 このハンズオンではnode.jsのパッケージは使わず、Google ChromeとテキストエディタがあればOKです。 Vue.jsミニハンズオンのシリーズは以下を公開しています。 Vue.jsミニハンズオン（TODOリスト作成） Vue.jsミニハンズオン（TODOリストにアニメーションをつける） Vue.jsミニハンズオン（TODOリストをコンポーネント化する） 今回の目標 目標はシンプルなTODOリストの作成です。 WebStorageに保存してリロードしてもデータを保持できるようにしてます。 Chromeの拡張機能を入れる デベロッパーツールでデータを見やすくするためChromeの拡張機能「Vue.js devtools」を入れます
jQuery しか使ったことのないデザイナーに Vue を教えた（報告書） - Qiita
事の起こりはこんな会話でした。 D 「タブ表示みたいなデザインにして組み込みをしたのですが、js が上手く動かないんです・・・」 M 「どれどれ・・・――― 全部 jQuery？ え？ React とか Vue 使ったら？」 D 「え？ えー・・・」 そろそろ View において jQuery が素敵じゃないことに気づいて欲しくて、Vue を教えてみました。 よくあるタブ機能を Vue 2 で実装します。 動作環境をつくる 私は JSFiddle を勧めました。 １画面で、HTML、CSS、js を変更できる。 共有ができる。 途中経過を見ることができる。 ソースのフェッチができる。 埋め込み要素が作成できる。 以上から、js モックを作るときによく使用させていただいております。 似たようなサービスに CodePen があります。 もちろん、通常のエディターとブラウザでも構いません。 自身
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
