#Vue

Vue」に関する記事一覧

SPAのアプリケーションを実装する時にREST APIでなくGraphqlを利用することが増えてきました。 Graphqlを利用することで各ページに必要なデータのみを取得できるのは便利ですね。 表示するデータはGraphqlのデータフォーマットだけではない たとえば下記のようなデータを返すqueryがあるとします。 { data: { user: { ...
Vue.jsやっていますか? 仕事でもプライベートでもばかり他のライブラリを使わなくなるくらい集中的にVueを触っているうちに自分なりのプラクティスが固まってきました。 わかりやすくメンテナンスしやすいVueのコードを書くためにやったほうが良いことを紹介します。 変数とメソッド名に命名規則を設ける 変数やメソッドには種類があるため命名規則を設けるコードで読みやすくわかりやすいコ...
こんにちは、コウジです Vue.jsで開発するとページ単位のコンポーネントを作りますよね? その時に用意しておくと便利なコンポーネントがあるので紹介します! ページ上下のマージンを調整するコンポーネント Vue.jsでの開発に限ったことではありませんが、ページの上下にサイト共通のマージンをつけることありますよね? 完全に全ページ共通なら良いのですが、このページだけマージン無く...
Vue.jsの単一ファイルコンポーネントで実装していると共通のSCSS(SASS)の読み込みに困りませんか? 変数やmixinなどどのファイルからも参照したいものってどんなアプリケーションでも必ずでてくると思います。 これまで共通部分の扱いに困っていましたが、sass-resources-loaderを使うことで、どのvueファイルからでも共通部分を使えることを知りました。 sass-...
管理画面を作っていると必要になることが多いページング。 SEOが関係ない場合はVueとAPIで画面構築することも多く、Vueでページングを実装する機会が増えてきました。 そこでVueでページングを作る場合は、最低限どんな情報があれば実装できるのか、シンプルなページングのサンプルを作ってみました。 Vueでページングを作るサンプル Vueでページングを実装する時に最低限必要になる...
webpack4ではVueをコンパイルするための設定が少し変わりました。 Vueと合わせてSCSSを使用するための設定を書きます。 webpack4でVueをコンパイルする設定 Webpakck4になってVueとSCSSをコンパイルするための設定が、moduleとpluginsの部分が変更になりました。 - VueはVueLoaderPluginをpluginsで読み込む - ...
vueでinputの文字数を制限する機能を実装する機会がありました。 directiveにして共通化しようと実装してみると、Vueの仕組みをちゃんと考慮しておかないとハマってしまう現象に出会ってしまいました。 ちゃんと実装できてからは考えてみれば当然と思えても、実装している最中は時間をとられてしまいました・・。 それではまず最初に実装したコードから紹介します。

最初書いていたコ...

Nuxt.jsを身につけたい!
Nuxt.jsビギナーズガイド―Vue.js ベースのフレームワークによるシングルページアプリケーション開発

開発依頼

VueやReactを用いたSPAアプリケーションの開発を中心にフロントエンド開発のプロジェクトをお手伝いさせていただいております。
開発事例の詳細などはAboutの開発事例をご覧ください。

Contactよりお気軽に必要事項をご入力の上ご連絡ください。