フレームワーク - Vueの記事一覧
OBS Remote Tablet - OBSの操作をリモートから行う
オンラインでイベントが行われるようになって俄然注目が集まっているのがOBSです。OBSを使ってウェビナーやミートアップを配信している人は多いでしょう。機能が多いだけに、OBSの使いこなしによって品質が大きく変わります。今回はOBSをタブレット、Webブラウザから使えるようにするOBS Remote Tabletを紹介し...
小窓さん - ワイプ付きで任意のアプリを表示できるオンライン会議ユーティリティ
オンラインで会議やイベントに登壇している際に、通知が出てしまったり、他のアプリケーションが表示されてしまったりして焦った経験はないでしょうか。普段ならなんということもない操作も、焦ったりすると間違えることが多々あります。そうしたミスを防ぎたい時に使えるのが小窓さんです。小窓さんさえ画面共有すれば、ワイプ付きで配信できま...
ChromeGalvanizer - Google Chromeのセキュリティポリシーを作成
Google Chromeのシェアが伸び、企業内でもGoogle Chromeを使っているケースが増えています。Google Chromeといえば機能拡張が便利ですが、中にはセキュリティ上好ましくないものもあるでしょう。そういった時に使いたいのがChromeGalvanizerです。Google Chromeを企業内で...
MultiReplace - 置換条件をまとめて指定してテキスト変換
文字を入れ替える置換処理を何度も繰り返し行うことがあります。正規表現を使えば複数のパターンをまとめることもできますが、それでもなお、何度も何度も行わないといけないこともあるでしょう。そこで使ってみたいのがMultiReplaceです。TSV形式で置換条件をまとめて設定できます。## MultiReplaceの使い方利用...
CostBox - PWA対応のシンプルな支出管理
お金を管理する際の基本は、支出を把握することです。節約しているつもりではあっても、記録しないと意味がありません。記録することで可視化し、状態を把握できます。その次に改善するフェーズがあります。今回紹介するCostBoxは支出を記録するのに特化したアプリケーションになります。## CostBoxの使い方メイン画面です。!
Trollo - Vue/Vuex製のカンバンシステム
Trelloのようなカンバン機能はプロジェクト管理に限らず利用できそうです。自分たちで開発しているWebサービスの中に組み込みたいと思った方も少なくないでしょう。しかし実際に開発してみると意外と機能が多いと感じるかも知れません。そこで使ってみたいのがTrolloです。Vueで作られていますので、Vueアプリケーションの...
Gantt-elastic - Vue製のガントチャート
プロジェクト管理では必ずといってもいいほど使われるのがガントチャートです。プロジェクト管理のシステムには組み込まれているものが多いですし、Excelなどを使って自作のガントチャートを利用するケースもあります。今回紹介するGantt-elasticはVueベース、Webブラウザで使えるガントチャートライブラリです。## ...
東京都 新型コロナウイルス感染症対策サイト - オープンデータを活用したコロナウイルス情報集約サイト
新型コロナウイルスが一気に広まっています。学校が休校になり、会社はリモートワーク推奨に、さらに多くのイベントが中止や無観客での開催を余儀なくされています。いつまでこの状況が続くのか先行き不透明な状態ですが、ただうつむいていても意味がありません。この時だからこそできることもあるはずです。今回紹介する東京都 新型コロナウイ...
mute.vc - VCな人たちをまとめてミュート
Twitterにはブロックではなくミュート機能というのもあります。ブロックするほどではないけれど、ツイートを見たくないという時に使える機能です。せっかくTwitterを楽しんでいるのに、見たくないツイートで残念な気分になるのは避けたいものです。今回紹介するmute.vcはいわゆるVC（ベンチャーキャピタル）に関わる人た...
massCode - マルチプラットフォームで使えるスニペット管理
開発をしていてプロジェクトをまたいで繰り返し使うようなコードはスニペットとして登録しておくと便利です。ライブラリ化するまでもないコードだったり、Webブラウザの開発者ツールで頻繁に実行するコードもスニペットにしておくと便利です。今回紹介するmassCodeはマルチプラットフォームで使えるスニペット管理となっています。#...
Credit Card Form - Vue製のクレジットカード入力コンポーネント
Web上でものを買う場合、クレジットカード番号を入力する機会は多いかと思います。決済情報を入力する際にはなるべく手間取らないようにしないと、せっかくの決済機会を逃してしまうことになります。そこで使ってみたいのがCredit Card Formです。アニメーションや表示を工夫してスムーズにクレジットカード情報の入力ができ...
Vue-Blocks - Vue製のデータフローエディタ
ノードをつなぎ合わせてユーザがその場で動作を変えられる仕組みは人気ですが、そのUIはとても複雑です。専用のライブラリを使いますが、それ以外の仕組みとの相性を選びます。もしVueで作っているならばVue-Blocksがその役割にぴったりでしょう。## Vue-Blocksの使い方デモ画面です。!
TaskTreemap - プロジェクトのタスク規模と進捗をツリーマップで可視化
プロジェクト管理において可視化は大事な要件です。一覧にすると膨大に見えるタスク群も、規模を比べたり、その進捗を可視化することで全体像が見えてきます。定性的に「たくさん」ではなく、定量的に見なければなりません。そこで使ってみたいのがTaskTreemapです。タスクの規模と進捗をツリーマップを用いて表現します。## Ta...
Goodwork - ストレスないプロジェクト管理
システム開発に限りませんが、プロジェクト管理の有無が成否を分けるのは間違いありません。ステータスや新しい要望を適切に管理することで、スムーズな開発を実現できます。今回紹介するのはLaravel製のシンプルなプロジェクト管理、Goodworkです。## Goodworkの使い方ホーム画面です。並んでいるのはタスクです。!
Postwoman - PWAなWeb API開発環境
Web APIはプログラミング言語からの利用を前提としていますので、試す際にもコードが必要です。しかしそのためにHTTPクライアントを操作するコードを書くのは面倒です。そこでPostman
json.pizza - キーボード操作主体のJSON整形サービス
JSONはシステム連携で使われる一方、可読性の高さも特徴となっています。とは言え、改行やインデントをなくした状態ではとても読む気にはなれません。整形が必要です。今回紹介するjson.pizzaはJSONを貼り付けて、素早く整形できるサービスとなっています。## json.pizzaの使い方JSONを貼り付けて、Ctrl...
News Vue.js - Vue.jsのニュースポータル
フレームワークの使い方を学ぶのに、そのフレームワークを使っている事例を参考にするのは良い方法です。何ができるのか、何ができなさそうかが判断できます。そのフレームワークらしい書き方を学ぶこともできるでしょう。今回紹介するNews Vue.jsはVue.jsを学ぶのにぴったりなWebサイトです。Vue.jsに関するニュース...
OverVue - Vue開発で役立つプロトタイピングツール
Vueの人気が高まっています。HTMLとJavaScriptが分かれるので、分業しやすいのも利点でしょう。しかし、それでもプログラマーでないと最適な構造で画面を作っていくのは簡単ではありません。そこで使ってみたいのがOverVueです。画像を元にして画面を設計できるソフトウェアです。## OverVueの使い方立ち上げ...
vue.py - Pythonで作るVue.jsアプリ
JavaScriptはWebブラウザ上での動作が保証されている唯一のプログラミング言語です。しかし、別な言語を使いたいと考える人も数多くいます。サーバサイドと言語を合わせたいという要望もあります。もしあなたがPythonを使っているならば、vue.pyを使ってWebブラウザ画もPythonで書いてみるのはいかがでしょう...
COCO Annotator - 機械学習用に画像のタグ付け
機械学習で面倒なのは最初のデータセット作りでしょう。画像のタグ付けを行う場合、まずトレーニング用のデータをアノテーションしなければなりません。この結果によって精度が変わるのでしっかりやらないといけませんが、手間がかかります。そんなアノテーションを少しでも楽にしてくれるのがCOCO Annotatorです。## COCO...