Future Tech Blog
フューチャー技術ブログ

Vue.js タグ

全42本のうち 26 ～ 42 本目を表示

記事一覧

Go 1.16のembedとgo-swaggerを組み合わせてフルスタック自動生成フレームワークを作る

Go 1.16のembedとchiとSingle Page Application、Go 1.16のgo:embedとNext.jsの相性が悪い問題と戦うに近い感じの研究記事です。

OpenAPIからモックサーバを建てられるPrismを実際のプロジェクトに導入してみた

参加しているプロジェクトで、OpenAPI定義ファイルからモックサーバを建てることができるOSSツール「Prism」を導入することになりました。この記事では、Prism導入の手順や、躓いた点などを紹介します。

Auth0で認証成功後に任意のWebページを表示させたい

とある案件で、ユーザがログインした後に任意のページを表示させたいニーズがありました。こういった時はアプリ側でやってあげれなくもないのですが、複数のアプリが Auth0 で認証している場合には、アプリの数だけ改修が発生してしまいます。今回は context.redirect という Auth0 のユニークな機能を使って、改修を最小限に抑える方法を紹介します。

Service Worker開発で起きた不具合を振り返る

Service Worker開発で起きた不具合と対応方法を記載します。Service Workerは、ブラウザがWebページとは別にバックグラウンドで実行するJavaScriptになります。

WEB+DB PRESS Vol.120 最新Vue.js3入門を読んで

私はフロントエンドエンジニアとして約1年くらいVue2でのフロントエンド開発しています。そんなVue3を全く触ったことにのないエンジニアが読んだ｢WEB+DB PRESS Vol.120｣に掲載されている｢最新Vue.js3入門｣の記事感想文となります｡

July Tech Festa 2021 winterで発表しました

先日July Tech Festa 2021 winterに登壇させていただきました。一足先にElectronの使い方 Web開発の技術でデスクトップアプリを作ろうというタイトルで入門記事を技術ブログでも書きました。その内容と重複する部分も...

Electronの使い方 Web開発の技術でデスクトップアプリを作ろう

Electronは、GitHubが開発したオープンソースのソフトウェアフレームワークです。ChromiumとNode.jsをコアとして採用する事で、Web開発と同じようにHTML,CSS,JavaScriptを用いて開発したものを..

2020年秋にVue.jsのアプリケーションを作るなら、押さえておきたい5つのポイント

ここ最近はVue.jsでのフロントエンド開発をしています。ほぼ何もない状態からのスタート段階から始めたのですが、その際調査したことが学びになったので共有します。

CheetahGrid+Vue.jsをエンプラで使ってみた

今回はCheetahGrid＋Vue.jsでエンプラ系システムを構築した際の、採用した理由と実装のポイントのご紹介をしようと思います。CheetahGridについて存じ上げないよーとか、触ったことがないよーという方は、入門編も御覧くださいね。初めての投稿ですが、最後までお付き合いいただければ嬉しいです。

ANTLRを業務で活用した話

皆さんはANTLRをご存知でしょうか？ANTLRとはparser(構文解析器)を生成するためのツール(パーサジェネレータ)で、以下のような特徴があります。

Vue.jsで最速に始めるCheetah Grid

今回、記事を投稿することになったきっかけは、フューチャー発のOSSであるCheetah Gridを使用した業務システム開発に携わったことです。また、現在、Cheetah Gridの公式ドキュメントは英語のみで公開されており、日本語で解説された記事などがあまり存在しないことも挙げられます。そこで、Cheetah Gridは機能も豊富で、業務システム開発で使いやすいため本記事で紹介します。※本記事は入門者対象です。

日本製HeadlessCMSのmicroCMSを触ってみた

TIG DXチーム　アルバイターの三村です．今回はHeadlessCMSを利用したタスクをやることになりました．私自身HeadlessCMSどころかCMSを聞いたことすら無かったので，初めてCMS使ってみるにあたって感じたことを共有出来たらと思い本記事を作成させていただいております．

Vue.jsのslotの機能を初心者にわかるように解説してみた

東郷さんによる「Vue.js最初の難関、「props down, event up」を初心者にわかるように解説してみた」はご覧になられましたでしょうか？おそらくVue.js最初の難関は無事乗り越えられたと思います！今回は「Vue.js初心者にわかるように解説してみた」第二弾として、props down,event up と同様に親子関係が肝となる、「slot」について、初心者に向けて説明していきたいと思います。

Vue.js最初の難関、「props down, event up」を初心者にわかるように解説してみた

今回はVue.jsの最初の難関（だと思っている）「props down, event up」について、初心者が読んでもわかるような資料を用意してみようと思います。 プロジェクトで独自のコンポーネントを作ったり、会社として用意しているコンポーネントの利用、改良ができるようになってもらいたいという思いから、その導入を解説しようということです。

その値、Vue.jsは監視していますか？～Vue.jsで値が更新されないときに気をつけるところ～

私がVue.jsをキャッチアップしていく過程の中で遭遇したトラブルに関する解決方法を共有します。

Auth0 EmailまたはSMSを使ったパスワードレス認証を設定する

Auth0が提供するVue.jsのサンプル実装をベースに説明します。手元で動作確認をする場合は、下記を事前にcloneしてください。このリポジトリにある01-Loginのディレクトリにあるアプリケーションを使います。

Auth0 導入編

様々なシステムを構築する中で必ず発生する要素「ログイン」。そのログインを支える技術要素「認証・認可」。しかし、認証認可の壁は無駄に高く、調べ始めるとまずは数々の専門用語に阻まれ 「BASIC認証・Oatuh・OpenID・Jwt・Jwk・Jwe…」、 次に認証Flowに阻まれます。「Implicit Flow、Client Credentials Flow...etc」。これらを比較的容易に実装する、Auth0を紹介していきます。