以下のブラウザをサポートしている。MITライセンス。 Google Chrome 25+ Mozilla Firefox 19+ Safari 6.0+ iOS Safari 4.0+ Opera 12.1+ Andro…
particles.js | 幾何学模様をJavaScriptでレンダリングするライブラリ
点同士を線で結んでうねうね動かすことが出来るライブラリ。点以外にも色々なパターンを作れる。 背景に動きをつけたい時などに良さそう。 どんなものかはデモサイトを確認するのが早いかも。 デモサイト:http://vincen…
jQuery Image Zoom Plugin | 商品画像の一部を拡大表示するjQueryプラグイン
このプラグインを使うことで、Amazonの商品写真をズームするような機能を付加できるようです。 サイトにサンプルがあるので、どんなことが出来るかは見たほうが早いかも! ネットショップなどで重宝しそうです。 ライセンス:M…
Anaconda | Python環境の構築がらくらく出来るディストリビューション
Windows上でTensorFlowを動かすために、まずはPythonをインストールせねば。ということで探していたら便利なソフトウェアを見つけました。 その名もアナコンダ!強そう! インストーラを使ってPython環境…
jQuery.offcanvas Plugin | オフキャンバスメニューが簡単に作れるjQueryプラグイン
バーガーメニューを押すとニュルッと右や左から出てくるナビゲーション(オフキャンバスメニュー)を簡単に設置できるプラグイン。 便利 サイトURL:https://lgraubner.github.io/jquery-off…
Adminer | SSHやphpMyAdminが動作しないサーバでも動作するたった1ファイルのMySQL操作スクリプト
素晴らしい! めちゃくちゃしょぼいサーバにconcrete5を導入する時に重宝したファイル。 そのサーバではSSHも使えず、phpMyAdminも設置したが動作せずというひどいサーバだったけど、このAdminerだとサク…
Quicksearch | 表を検索するためのjQueryプラグイン
設置が非常に簡単な表検索要のjQueryプラグイン。 以下サンプルコードのようにプラグインを読み込んだ後、1行スクリプトを指定するだけで動作する。 サンプルコード <form> <input type=…
Hugo | 高速な静的サイトジェネレータ
WordPressやconcrete5のように訪問者からリクエストがあるたびに動的に記事を生成するCMSとは対象的に、静的HTMLを事前に生成しておく静的サイトジェネレータ「Hugo」。 静的HTMLをただ返すだけなので…
Slimbox 2 | 非常に軽いjQueryのLightboxプラグイン
jQueryで動作するLightbox互換のライブラリ。 軽いのが特長だそうです。 ライセンス:MIT サイトURL:http://www.digitalia.be/software/slimbox2/
Runnable CodeSnippets | 様々な言語のコードスニペットを検索出来て実際に動かせるサイト
PHP, Node.js, Python, C++, jQuery, Java, Ruby-on-Rails, Django, .NET, express, CodeIgniter, CakePHP, My…
PixiJS v4 | JavaScriptでできたWebGLレンダラー
WebGLを使ったJavaScriptレンダリングフレームワーク(うまい表現が出来ない)ウェブサイトではThe HTML5 Creation Engineと紹介されています。 どんな事が出来るかは以下のデモ…
JavaScript InfoVis Toolkit | データビジュアライゼーション用ライブラリ
豊富なグラフを作れるJavaScriptのインタラクティブなデータビジュアライゼーションライブラリ。 円グラフ・棒グラフの他にも樹形図とか関係図みたいなのが作れるみたい。 Facebookを表示させた時に、Chromeの…
Froala Editor Beautiful WYSIWYG HTML Editor | Javascript で動くリッチエディター
WYSIWYGエディタを探していて見つけた。色んなエディタがあるなぁ。 ライセンスがちょっとよくわからなかった。 サイトURL:https://www.froala.com/wysiwyg-editor
jonathantneal/flexibility – flexboxをIEの古いバージョンにも対応させるライブラリ
ダウンロードして、以下のようにスプリクトを読み込ませる。 <script src=”flexibility.js”></script> flexboxを利用したいCSSの記…
ThreeFab – Three.jsを使ってシーン・カメラ・オブジェクト・ライトを視覚的に確認、インポート・エクスポート出来るサイト
Three.jsを使った3Dグラフィックを視覚的に作成出来るツールサイト。 Three.jsでコード書いていると、頭のなかでシーンやカメラの位置などをイメージしてやらないといけないですが、こういったツールがあると、凄く分…
Ink Interface Kit – WEBサイト構築用(HTML/CSS/JavaScript)フレームワーク
非常に豊富なコンポーネントが含まれたBootstrapのようなWEBサイト構築用フレームワーク。 Flexboxの仕組みが取り入れられている他、以下のようなコンポーネントが含まれている。 CAROUSEL CLOSE D…
MySQL Workbench – MySQL のGUIクライアント
MySQLのGUIクライアント。本家で配布されているので対応が早そうかも? 様々なプラットフォームで提供されている。 ダウンロード時に様々な個人情報を取得されるのがちょっと残念。 サイトURL:http://www-jp…
three.js – 3DCGを作成・操作するJavaScriptライブラリ
3DのJavaScriptライブラリの中では一番人気っぽいライブラリです。VRも作れるっぽい。 WebGLが動作するブラウザなら動く!なんと、IE11でも動くっぽい!!! 近いうちに使うぞ。 ライセンス:M…
A-Frame – Make WebVR – Mozillaが開発したVR表示用のJavaScriptフレームワーク
これは面白そう!!! 簡単に360°のバーチャルリアリティ(VR)画面が作れる。 近いうちに触る。 ライセンス:MITライセンス サイトURL:https://aframe.io/
List.js – テーブルやリストのフィルタ・ソート・検索を簡単に実装するJSライブラリ
テーブルのソートやフィルタをちょろっとしたい時に簡単に使えそうなJavaScriptフレームワーク。 License:MITライセンス サイトURL:http://listjs.com/
jsdo.it – 簡単にコードを試してシェアできるWEB制作者向けサイト
JavaScript、CSS、HTMLの動作確認、シェアが簡単に行える。 ブログ等への埋め込みも簡単! サイトURL:http://jsdo.it/
【簡単にウェブサイトにアニメーションを付ける】AniJS, A Library to Raise your Web Design without Coding
WEBサイトにアニメーションを付けるJavaScriptライブラリ。 タイミング等も細かく指定できる。 GitHub https://github.com/anijs/anijs ライセンス MITライセンス サイトUR…
【CSSアニメーション】Magic Animations CSS3
様々なエフェクトのCSSアニメーションが簡単に適用できるCSS。 ライセンス:MITライセンス GitHub https://github.com/miniMAC/magic サイトURL:h…
Theme Mountain | Timber Framework
BootstrapのようなCSS、JSフレームワーク。 コンポーネントが豊富。おしゃれなサイトをつくるときなどに。 License: MIT サイトURL:http://framework.thememountain.c…
Laravel – The PHP Framework For Web Artisans
人気のPHPフレームワーク。 そろそろ触ってみようと思って1年が経った(^_^;) MIT license. サイトURL:https://laravel.com/
モバイル フレンドリー テスト – Google Search Console
自分のサイトや指定したURLのサイトがモバイル対応出来ているか?モバイルフレンドリーかをチェックするサイト。 Googleが提供している。 サイトURL:https://search.google.com/…
Google Web Toolkit
Javaを使ってウェブ用Ajaxアプリケーションを開発できるオープンソースのJavaソフトウェア開発フレームワークとのこと。 だいぶ前からあるのね。 Javaからは大分遠ざかっているけど、いつかは使うことになるかも。 ラ…
JPCERT コーディネーションセンター
セキュリティ情報を発信している。 サイトURL:https://www.jpcert.or.jp/
Wikipedia:データベースダウンロード – Wikipedia
なるほど、Wikipediaの情報ってスクレイピングする必要もなくダウンロード出来るんだ! 今度試してみよう! サイトURL:https://ja.wikipedia.org/wiki/Wikipedia:%E3%83%…
Responsive Image Maps jQuery Plugin
クリッカブルマップをレスポンシブ対応させるためのjQueryプラグイン クリッカブルマップマップを作る時に大変重宝する。 そして実装も超簡単! MIT ライセンス サイトURL:http://mattstow.com/e…
Snap.svg – Home
JavaScriptでSVGを操作するためのライブラリ Apache License サイトURL:http://snapsvg.io/
datedropper jQuery UI datepicker plugin
日付選択(デイトピッカー)のjQueryプラグイン MIT ライセンス サイトURL:http://felicegattuso.com/projects/datedropper/
Chartist – Simple responsive charts
こちらもJavaScriptでグラフが書ける。 ライセンス: MIT, WTFPL サイトURL:https://gionkunz.github.io/chartist-js/
Chart.js | Open source HTML5 Charts for your website
様々なグラフを簡単に作れるJavaScript MIT license. サイトURL:http://www.chartjs.org/
pguso/jquery-plugin-circliful: jQuery circle statistic plugin
おしゃれな円グラフを作れるjQueryプラグイン。 パラメータを渡せば多彩な円グラフを簡単に作れそう。 今度使ってみよう。 サイトURL:https://github.com/pguso/jquery-plugin-ci…
chart.css – A Simple CSS Chart System
シンプルな記述でグラフが書けるCSS。 ちょっとしたグラフが必要な時に活用できそう。 サイトURL:https://theus.github.io/chart.css/#examples
Visual Studio Code – Code Editing. Redefined
Microsoftが提供しているエディタ Visual Stduio Code を最近愛用し始めました。 以前は日本語化が弱かったのですが、最近はしっかりと日本語化しており、色々な文字コードも扱えて重宝します。 Visu…
slick – the last carousel you’ll ever need
気に入っているjQueryのカルーセル・スライダープラグイン。 スマホにも対応しているし、使いやすい。 MIT ライセンス サイトURL:http://kenwheeler.github.io/slick/
Japan Map ( jQuery plugin )
日本地図のクリッカブルマップを画像等を使用せずに実現したjQueryプラグイン 都道府県の選択だけでなく、東北地方などの地方ごとに色分けしたりも出来る。 更新はストップしているみたいだけど、活躍の機会は今後もありそう。 …
Local by Flywheel | Local WordPress development made simple
WordPressの開発環境構築用のソフトウェア Mac版しか今は無いみたいだけど、今後Windows版もリリース予定とのこと。 今度インストールして使ってみたい。 サイトURL:https://local.getfly…