ClipBoard - Flashいらずなクリップボード操作ライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webにおいて常に問題視されるのがクリップボードの扱いです。テキストや画像をコピーするためにいつも選択するのは面倒ですし、HTMLの装飾までくっついてきてしまうのも難点です。 そこで使ってみたいのがClipBoardです。Flashを使っていないクリップボード操作ライブラリです。 ClipBoardの使い方 簡単な使い方です。これでHelloという文字がコピーされます。 <button id="btn" data-copy-content="Hello">copy 'Hello'</button> <script> // fast bind superClipBoard.bind(document.getElementById('btn')); </script> HTMLのテーブ
Froala WYSIWYG HTML Editor - 綺麗なデザインのWYSIWYGエディタ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 昔のWYSIWYGエディタと言うとツールバーに多くの機能が並んでおり、生成されるHTMLは相当分かりづらいものでした。機能が豊富すぎたために表示速度が重たかったり、一般ユーザにとっても混乱しかねないものだったと思います。 現在ではずいぶん進化しており、すっきりとしたデザインで使いやすいものが増えています。今回はFroala WYSIWYG HTML Editorを紹介します。 Froala WYSIWYG HTML Editorの使い方 Froala WYSIWYG HTML Editorには幾つかのモードがありますが、ツールチップモードでは文字を選択すると装飾が出ます。 画像も選択できます。 大きさを変えることもできます。 YouTube動画を埋め込み。 絵文字も使えます。 ツー
Scrum Board - カンバン機能だけを取り出したJavaScriptライブラリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GitHubがIssuesをカンバン風に表示する機能を提供するようになっていますが、Issuesを使っていない場合もあります。自社のタスク管理を使っていて、カンバン機能だけを取り入れたいと考える人もいるでしょう。 そんな方に使ってみて欲しいのがScrum Boardです。JavaScript製のカンバンライブラリです。 Scrum Boardの使い方 Scrum Boardの画面です。 エディットモードになると情報が増えます。 ドラッグ&ドロップで移動できます。 タスクの追加画面です。 日本語のタイトルは残念ながら文字化けしてしまいました。 Scrum Boardはバックエンドのないカンバンシステムなので、データをJSONなりで与えるようにすれば既存のシステムと連携させることもでき
argon.js - Web技術を使ったARフレームワーク MOONGIFT
Holo Lensであったり、Magick LeapなどARグラスと呼ばれるデバイスが登場してきています。そうしたデバイスを使えば、リアルの上にデジタルな情報を載せるのが容易に実現できます。 今回紹介するオープンソースソフトウェアはargon.js、Web技術でARを実現するソフトウェアです。 argon.jsの使い方 argon.jsのサンプルアプリケーションです。iOSですが、SafariではgetUserMediaはサポートされていないので、その部分は別途情報を送っていると思われます。 Oculusなど向けに二つに分けられます。 WebGLで描画しているサンプル。 コンパスを使って北にNorthという文字を浮かべています。 空中に浮かぶ元素図。 配置を変更。こういったSF風の体験ができるのがARですね。 全天球画像のビューワーとしても使えます。 Googleストリートビューのビューワ
Tumbless - Amazon S3を使ったサーバレスなブログシステム
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ブログシステムはどんどんカジュアルな方へ進化しているように感じます。データベースレスになり、静的サイトになり、余計な仕組みを取り払って提供されるようになっています。 今回はその最新版ともいえるTumblessを紹介します。Amazon S3を使うことで、サーバレスアーキテクチャを実現しています。 Tumblessの使い方 ブログのメイン画面です。 まずログインします。 右上にあるプラスアイコンをクリックします。 記事を書く画面です。写真をドロップして、説明を書いて記事になります。なお、動画をドロップするとサムネイルを生成する機能もあります。 TumblessはJavaScriptを使ってAmazon S3にブラウザからアップロードできる仕組みを使っています。一旦ファイルを生成してし
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web開発ライブラリを自動的に入手できるパッケージ管理ツールBower
IDEA * IDEA
