ITエンジニア/デザイナ向けにオープンソースを毎日紹介

フレームワーク - Vueの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2018/01/01

Vue2 editor - Vueを使ったテキストエディタ

Web上で文章を書く機会が増えています。しかし多くの場合、テキストエリアそのままであったり、普段使っているエディタに比べて操作性が格段に落ちるものばかりです。これでは生産性が損なわれてしまうため、結局エディタで書いてコピー&ペーストせざるを得ません。より使いやすいWebベースのエディタを目指すならVue2 editor...

List

  • 2017/12/31

Fish-UI - Vue向けのUIコンポーネント集

React/Angular/Vueといった新しい形のライブラリが登場したことで、これまで使えていたUIライブラリが使えなくなってしまいました。専用のタグを使っているため、それに合わせたUIデザインが必要になります。そこで、もしVueを使って開発を行っているならば使ってみたいのがFish-UIになります。## Fish-...

List

  • 2017/12/27

CoreUI - Vue/Bootstrap製の管理画面UI

管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレー...

List

  • 2017/12/16

SwipeVideo - スワイプで視点を変えられる動画プレイヤー

最近のコンテンツはユーザの自由度を上げる方に進んでいます。ユーザが見たい場所、注目したい箇所は人によって違います。それをテクノロジーで可能にします。VRや360度動画などはまさにそうした側面が反映されています。その一つとしてSwipeVideoを紹介します。見たい角度を自由に変更できるHTML5の動画プレイヤーです。#...

List

  • 2017/11/18

Zircle - サークル型のズームUIを実現

一度にすべての情報を見せてしまうと、本当に伝えたいことが伝わらないと言ったことがよくあります。人の脳は一度に処理できる情報量に限度があるので、それを超えてしまうとフィルタリングしてしまったり、抜け落ちたりします。そこで使えるのがドリルダウンしていく方法です。今回は円形のズームするUI、Zircleを紹介します。## Z...

List

  • 2017/11/05

Nat.js - Vue/Weexで使えるモバイルフレームワーク

JavaScriptでスマートフォンアプリを作る、一つのコードでiOS/Android両方に対応するという夢に挑戦する人たちは後を絶ちません。かつてのTitaniumであり、現在のReact Nativeでもあります。そして今回はもう一つの存在、Nat.jsを紹介します。こちらはVueやWeexなどで使えるライブラリ集...

List

  • 2017/10/16

Tudu - Todoistクローン

MOONGIFTではタスク管理にTodoistを採用しています。かれこれ4年くらいずっと使い続けています。最近ではGoogleカレンダーとの連携機能も追加され、手放せないツールになっています。しかし企業によっては導入できないケースもあるでしょう。そこで試してみたいのがTudu、Todoistクローンです。## Tudu...

List

  • 2017/08/21

VUESTIC - Vue.jsを使ったシステム管理画面テンプレート

Webサービスを作っていて、必要になるのが管理画面です。多くは開発工程の最後に回されて、予算もないために簡易的な画面で作られます。しかしより良い管理を行うためには管理画面もこだわりたいものです。今回はVue.jsを使った管理画面、VUESTICを紹介します。## VUESTICの使い方トップページです。アイコンが大きめ...

List

  • 2017/08/01

PlantUML Editor - WebベースのUMLエディタ/ビューワー

個人的にはUMLは嫌いではありません。問題はビジュアルエディタと、UMLを非開発者層にまで理解させようとしたことにあります。開発者が開発者のためだけに用いるならばシステムの可視化は大きな意味があります。そんなUMLをテキストで作成し、さらに表示の確認までできるのがPlantUML Editorです。## PlantUM...

List

  • 2017/07/16

VMS - Vue.js製のCMS

CMSは常に新しいものが登場します。それはプログラミング言語だったり、フレームワークだったりします。CMSがあることで、そのプログラミング言語やフレームワークの使い方が分かるようになります。CMSは殆どの方が機能について理解していますので、コードの理解も早いでしょう。今回はVue.jsを使ったCMS(管理画面)のVMS...

List

  • 2017/05/14

PsiTransfer - 自前で立てるファイル共有サーバ

メールなどで巨大なファイルを送りつけるのはあまり良いことではありません。受ける側は強制的に受信せざるを得ませんし、そのせいで大事なメールが受信できなくなってしまうかも知れません。そのため、送受信両方でメールのサイズ制限を設けていることはよくあります。そんな時のために使えるのがファイルをシェアするサーバです。今回はPsi...