ブラウザでフローチャートを作れるシンプルなスクリプト・「Flowy」 Flowy Flowyはブラウザでフローチャートを作成出来るスクリプトです。シンプルで軽量なコードですがjQueryに依存します 上図のように左ペインからブロックをD&Dで追加、右ペインで各ブロックを編集するUIとなっていますの...2019.11.29 | 9時29分07秒
ブラウザで契約書や納品書、請求書などの帳票を作成、PDFにしてダウンロードできるオープンソースソフトウェア・「ReportBro」 ReportBro ReportBroはブラウザで帳票を作成してPDFでダウンロードできるオープンソースのソフトウェアです 上図のように右ペインで各設定を行えば左ペインにプレビューされます。エクセルのように計算する事も可...2019.11.11 | 10時05分11秒
円型での切り取りも可能な画像クロップライブラリ・「Cropme」 Cropme CropmeはJS製の画像クロップライブラリです。円型での切り取りや回転後の切り取りなどが可能となっています。バニラでもjquery併用でも対応可能です。 従来のクロップツールは画像が固定されていて、切り取る範囲を...2019.08.06 | 10時07分40秒
textareaなどでTwemojiを手軽に選択できるようにするスクリプト・「Twemoji-Picker」 Twemoji-Picker Twemoji-PickerはTwitterがOSSとして公開している絵文字プロジェクト、Twemojiを手軽に選択できるようにするスクリプトです。jQueryに依存します。上サンプルのように、簡単に...2019.05.03 | 10時08分04秒
jsfiddleやCodepenのようにブラウザでJavaScriptを実行テストできるオープンソースのWebアプリ・「Editor」 Editor EditorはjsfiddleやCodepenのようにブラウザでHTML/CSS/JSのコードを実行テストできるOSSです。emmetによるコード補完やLint機能、センターバーを動かす事でレスポンシブWebデザインの表...2019.04.17 | 10時29分08秒
ドラッグ&ドロップでWebページを作成できるスクリプト・「VvvebJs」 VvvebJs VvvebJsはWebページをD&Dで作成できるスクリプトです。jQueryに依存、bootstrap4をベースとしています。パーツやコンポーネント等を組み合わせて、コードを書かずにWebサイトを作成できる、というよく...2018.11.22 | 9時16分58秒
シンプルで見やすいBootstrapベースの管理画面テンプレート・「Lath」 Lath Lathはシンプルで美しく見やすいBootstrapベースのadminテンプレートです。スタイルも完成されている印象で、プロジェクトのキックスタートに使って欲しいとの事で、管理画面のスタイリングをしなくても済ませられる、とい...2018.11.17 | 10時12分31秒
要素にYoutubeの動画IDを含めるだけでポップアップ再生できるようにするスクリプト・「GRT Youtube Popup」 GRT Youtube Popup GRT Youtube Popupは任意のHTML要素に動画IDを含めるだけでポップアップ再生できるようにするスクリプトです。jQueryに依存します。下記のような書き方で上デモのようにポップアップ...2018.10.07 | 9時24分34秒
オープンソースのGoogleマップオートコンプリートライブラリ・「geomapify」 geomapify geomapifyはOSSで公開されているGoogleマップオートコンプリートライブラリです。Ultimateと言うだけあって欲しい機能がしっかり備わった高性能なものとなっています。jQueryに依存しています。i...2018.09.01 | 9時27分55秒
Webサイトへの訪問時にCookieに関するメッセージをポップアップで明示できるスクリプト・「ihavecookies」 ihavecookies ihavecookiesはWebサイトへの訪問時にCookieに関するメッセージをポップアップで明示できるスクリプトです。jQueryに依存しています。動作サンプルでは同意後30日の間はCookie削除しない...2018.08.05 | 9時54分53秒
簡易的なDOM操作をjQueryライクに行える超軽量ライブラリ・「nanoJS」 nanoJS nanoJSは簡単なDOM操作をjQueryライクに行える軽量ライブラリです。同じような構文でDOMを操作する事が出来る、というもので完全互換ではありませんが、非圧縮で100行ほど、圧縮すると0.6kbほどになると超軽量...2018.05.29 | 10時41分28秒
マルチレベルに対応したドリルダウンのハンバーガーメニューを実装できるスクリプト・「mlStackNav」 mlStackNav mlStackNavはマルチレベルに対応したハンバーガーメニューです。jQueryに依存します。ドリルダウンでマルチレベルナビゲーションに対応していますので省スペースに大量のナビゲーションを詰め込むことができます...2018.02.24 | 12時20分15秒
項目数が多くなったリストやテーブルを自動で複数ページに分割し、ページネーションを加えるスクリプト・「paginathing.js」 paginathing.js paginathing.jsは長くなったリストやテーブルを複数ページに分割するスクリプトです。jQueryに依存します。ページネーションも自動で付与します。オプションで1ページに表示するアイテム数やリ...2018.02.13 | 10時42分45秒
スクロールに応じて指定した要素に任意のclassを付与できるスクリプト・「scrollClass」 scrollClass scrollClassはスクロールの挙動に応じて任意の要素にclassを付与するためのスクリプトです。jQueryに依存しています。上に動作サンプルを用意しました。初期は文字が赤、下にスクロールすると途中で...2018.01.12 | 10時06分53秒
ドラッグ&ドロップにも対応の、JavaScript製タイムスケジューラー・「jq.schedule.js」 jq.Schedule jq.ScheduleはJS製のタイムスケジューラーです。jquery及びjquery UIが必要です。日本の方が作成されています。タスク管理系のアプリや従業員のシフト管理ツールなど、利用幅は多々ありそうですね...2017.12.26 | 10時18分00秒
ウェブアクセシビリティを重視した使いやすいモーダルウィンドウ・「Modaal」 Modaal Modaalはウェブアクセシビリティを重視した使いやすいモーダルウィンドウです。WCAG 2.0の達成基準レベルAAをクリアしているそうで、全ての人にとってアクセスブルであると謳っています。jQuery依存っぽいのでこの...2017.12.25 | 10時27分29秒
スクロールが生じたtableの左右上下の列や行などを固定出来るスクリプト・「TableHeadFixer」 TableHeadFixer TableHeadFixerはtableのヘッダーやフッター、左や右の列を固定できるスクリプトです。jQueryに依存します。スクロールが生じたtableで重要な個所を固定する事でユーザーのスクロール頻度...2017.12.01 | 11時51分37秒
シンプルなオートコンプリート実装スクリプト・「LightAutocomplete.js」 LightAutocomplete.js LightAutocomplete.jsはシンプルな自動補完機能実装スクリプトです。jQueryに依存します。非常にシンプルで、名前にもあるように軽量さを特徴としています。使い方も簡単で、スク...2017.11.28 | 10時09分33秒
手軽に画像にパララックス効果を与えられるスクリプト・「simpleParallax」 simpleParallax simpleParallaxは手軽に画像にパララックス効果を与えられるスクリプトです。jQueryに依存します。本体を読み込んで画像をセレクタに指定すれば即反映されます。仕組みは、画像をtransfo...2017.11.22 | 10時31分39秒
Animate.cssをサポートしてくれるスクリプト・「jquery.animator.js」 jquery.animator.js jquery.animator.jsはAnimate.cssをサポートしてくれるスクリプトです。jQueryに依存します。Animate.css導入の際、使い方をもう少し手軽にしてくれる、というも...2017.11.05 | 10時56分05秒
編集可能のシンプルなtableを実装するスクリプト・「jquery-fulltable」 jquery-fulltable jquery-fulltableは編集可能のシンプルなtableを実装できるスクリプトです。jQueryに依存します。編集ボタンを押すと編集可能になる、行を追加できる、というシンプルな機能のみになりま...2017.10.14 | 10時10分41秒
ドラッグ&ドロップで作れるコンテンツエディター実装スクリプト・「KEditor」 KEditor KEditorはD&Dでレイアウトできるコンテンツエディターです。jQueryに依存します。Containersでコンテナを配置してComponentsでコンテナ内にコンテンツを配置、編集する流れです。jQuery必要...2017.10.10 | 10時17分32秒