jQuery Date Range Picker Demo
jQuery Date Range Picker is a jQuery plugin that allows user to select a date range. Requires jQuery 1.7+ (MIT LICENSE), Moment 2.8.1+ (MIT LICENSE). Supports IE8+, Firefox, Chrome, Safari and other standard HTML5 browsers. Supports multi-language, you can choose a defined language or set it to auto-detect mode. You can also define new languages for it. The HTML DOMs generated is fully CSS styled,
Clusterize.js
<!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <div id="scrollArea" class="clusterize-scroll"> <table> <tbody id="contentArea" class="clusterize-content"> <tr class="clusterize-no-data"> <td>Loading data…</td> </tr> </tbody> </table> </div> </div> <!--HTML--> <div class="clusterize"> <table> <thead> <tr> <th>Headers</th> </tr> </thead> </table> <
Caddy - HTTP/2対応の開発用HTTPサーバ MOONGIFT
ユーザ向けではなく、開発用途などでHTTPサーバが必要になる機会は多いかと思います。ブログのテーマを編集していたり、静的サイトのデザインをする場合もあるでしょう。そんな時、ぱぱっと使えるHTTPサーバがあると便利です。 RubyやPythonなどでHTTPサーバを立てることもできますが、Caddyを使えばバイナリファイル一つで済みます。しかもHTTP/2サポートです。 Caddyの使い方 CaddyはWindows、Mac OSX、Linux向けにバイナリが提供されています。新しい機能をふんだんに取り入れたHTTPサーバとなっています。実行は簡単で、バイナリをそのままを実行するだけです。 $ ./caddy_darwin_amd64 0.0.0.0:2015 デフォルトで2015番ポート（年数）というのが良い感じです。ヘルプは次のようになっています。 $ ./caddy_darwin_am
Backlight for XCode – Xcodeの現在行の背景色を変更
IDEは開発効率を高めてくれる存在です。特にコンパイルが必要なプログラミング言語の場合は必須ではないでしょうか。iOSアプリの開発でもXcodeを使って開発している人は多いはずです。 そんな方に使ってみて欲しいのがBacklight for XCodeです。キャレットの当たっている行の背景色を変えて、さらに目立つようにしてくれるXcode拡張です。 Backlight for XCodeの使い方 Backlight for XCodeをコンパイルするとXcodeのメニューにBacklightが追加されます。 遊行するとこんな感じに現在の行がちょっと目立つようになります。 背景色を自分で選択することもできるので、好みの背景色にすることができます。Xcodeをより使いやすくするためにBacklight for XCodeを使ってみてください。 Backlight for XCodeはMac O
PaymentFont - 決済関係アイコンの詰まったWeb Font
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Eコマースで必須の機能と言えば決済です。その決済手段も昔であればクレジットカード、銀行振り込み、代引きくらいだったかも知れませんが、今では場合によってはBitCoinを使う場合もあるかも知れません。 そんな多彩になっている決済に関する各種アイコンをWeb Font化したのがPaymentFontです。PaymentFontさえあれば決済周りのデザインが簡単になりそうです。 PaymentFontの使い方 PaymentFontの一覧は次のようになります。BitCoinにApple Pay、Amazonもあります。 通貨の単位もあります。 円もありますし、PayPalも用意されています。 日本だとなじみのない決済アイコンもありますが、海外対応する中では大事になるかも知れません。 Pa
DoDo - ハッカー向け。CUIのタスク管理 MOONGIFT
タスク管理は定期的に新しいソフトウェア、サービスが出てきています。多機能であれば良いという訳ではなく、マルチデバイスで使えれば良いというものでもありません。むしろ個人の利用形態、シチュエーションに合わせてその分、存在すると言っても良いでしょう。 今回はDoDoというタスク管理ツールを紹介します。あの絶滅したと言われているドゥードゥーをモチーフにしたCLIのタスク管理ツールです。 DoDoの使い方 DoDoのインストールはpipコマンドでできます。 $ pip install dodopie インストールが終わったらまず初期化をします。 $ dodo init Successfully initialized DoDo これで準備は完了です。addでタスクを追加できます。 $ dodo add "タスクを追加" タスクを追加 ID Status Date(-t) Owner(-u) Desc
Mouse Follows Focus - アプリ切り替え時にマウスカーソルをハイライト MOONGIFT
最近はディスプレイが大型化し、さらにマルチディスプレイを使った開発も当たり前になっています。そんな中、マウスカーソルがどこかにいってしまって探した経験は誰しもがあるはずです。 異なるモニタ上のアプリに切り替えた際にカーソルを分かりやすくハイライトしてくれるツールがMouse Follows Focusです。マルチディスプレイな環境の方にお勧めです。 Mouse Follows Focusの使い方 Mouse Follows Focusの動作デモです。波紋のような広がりでマウスポインタの場所が分かるようになっています。 常駐してメニューバーから呼び出せます。 もう一つの機能としてコンソールアプリにアクティブウィンドウ名が出るようになっています。 これはキーボードショートカットでアプリを切り替える人にとってはとても便利なツールです。個人的にカーソルを見失いことがよくあるので、必携のツールになり
dockutil - CLIでDockの操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Mac OSXのDockは起動中のアプリが一覧化され、そこからアプリの切り替えに使ったり、ダウンロードやゴミ箱などよく使うアプリケーションを登録しておくことで簡易的なランチャーとして利用することもできます。 基本的にドラッグアンドドロップをはじめマウスで操作するのですが、dockutilを使えばなんとコマンドラインからDockの操作が可能になります。 dockutilの使い方 dockutilのコマンド一覧です。 $ ./dockutil usage: dockutil -h usage: dockutil --add <path to item> | <url> [--label <label>] [ folder_options ] [ position_options ] [
Basscss·軽量、モジュール化されたCSSツールキット MOONGIFT
スタイルシートのフレームワークは数多く存在しますが、がちがちなものは影響範囲が大きいためにプロダクトベースでは導入が困難です。もっと軽量でカスタマイズが容易なものを使いたいと思うでしょう。 そこで紹介したいのがBasscssです。軽量なコレクションを多数そろえたモジュールベースのCSSツールキットになります。 Basscssの使い方 Basscssは3.73KB、24のモジュール、339のルール、592のデコレーションを備えたツールキットです。影響を極力控えているのが特徴になります。デモサイトを見ていきます。 トップページ。左側にモジュールおよび主な機能が掲載されています。 ベースフォーム。 基本のボタン。 テーブル。 タイポグラフィ。 フロートなど。 文字装飾。class名が単純です。 ボタンとメニュー。 ボタンサイズ。 グリッド。 カラー。基本はこの色合いです。 フォーム×カラー。 ダ
markdown-finder – node-webkit製のMarkdownファイル管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Markdownでメモを取っておくと後々別なフォーマットにする際に便利なのですが、どんどん書いてしまうといつの間にかファイルが散在してしまって管理しきれなくなります。これではとても不便です。 そこで使いたいのがmarkdown-finderです。Markdownファイルを管理するためのUIです。 markdown-finder markdown-finderはnw/node-webkitで作られており起動すると次のように表示されます。左側がフォルダ一覧、中央がファイル一覧、そして右側がコンテンツの表示です。 ファイルを作りました。その内容がプレビューできます。実際の編集は*.mdに紐付いているエディタになります。 画像の表示もサポートしています。 markdown-finderは自
Japont – 日本語Web Fontをダイナミックに生成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web Fontが流行っていますが、日本語はなかなか広まりません。なぜかと言えば、欧文フォントに比べて日本語フォントは文字数が多く、サイズが肥大化する傾向にあるからです。いくら綺麗でもダウンロードに時間のかかるフォントは使えないでしょう。 そのため、日本のWeb Font配布サービスではページ上で使われているフォントだけを抽出してダイナミックにWeb Fontを生成する仕組みを提供しています。それと同等の仕組みを提供するのがJapontです。 Japontの使い方 Japontのデモページです。見ての通り、特徴的なフォントで表示されています。 文字を書きました。テストという文字はWeb Fontが適用されていません。 再読込しました（一部文字を消してしまいました）。テストという文字
IEDiagnosticsAdapter - IEのデバッグにGoogle ChromeのDevToolsを使おう
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近のWebブラウザではデバッグツールが標準搭載されています。一番使いやすいと思うのはGoogle ChromeのDevToolsでしょうか。その他FirefoxもFirebugの流れがあって使いやすいです。正直デバッガーが使い勝手悪いと開発効率が大幅にダウンします。 IEでWebサイトの検証、デバッグをしないといけないのにデバッガーの使い勝手が悪くて進まない…そんな方はIEDiagnosticsAdapterをインストールしてみましょう。 IEDiagnosticsAdapterの使い方 IEDiagnosticsAdapterはプロキシとして動きます（とはいえ設定は不要です）。まずIEDiagnosticsAdapterを立ち上げておきます。 そしてGoogle Chromeで
PasteHub – Dropboxを使ったクリップボード共有
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 複数のコンピュータでデータを渡し合いたい、そんなニーズにピンポイントに応えてくれたのがDropboxでした。とりあえずDropboxに保存すれば自動的にファイルが同期されて、どのマシンでもファイルが使えるようになるのはとても手軽な仕組みです。 そんなファイルの同期と同じくらいニーズがありそうなのがクリップボードではないでしょうか。目の前にあるテキストを他のコンピュータと同期したいと思うことは多々あります。それを実現してくれるのがPasteHubです。 PasteHubの使い方 PasteHubはDropboxを使ってクリップボードを共有してくれます。さらにEmacsやVimのYankについても同期ができます。 インストールはRubygemsでできます。 $ gem install
Messenger for Mac - 非公式Mac OSX用Facebook Messengerアプリ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 個人的にFacebookで一番使っているのはメッセンジャー機能です。それだけにiOSアプリからメッセンジャーが独立したのは良かったり、さらに最近メッセンジャーだけmessenger.comに分離したのは都合が良かったりします。 同じようにMessengerをよく使っている人にお勧めなのがMessenger for Macです。作りは簡単、5分でできたFacebookメッセンジャー非公式アプリです。 Messenger for Macの使い方 5分というあたりで察しがつくと思いますが、Messenger for Macはmessenger.comの皮アプリになります。ただしSSB（Site-specific browser）なので立ち上げてすぐに使えるのが魅力です。 なのでUIはまん
Locat·Mac OSXのファイルのオープン/保存を便利に！ MOONGIFT
これはMac OSXユーザであれば必携のツールになるのではないでしょうか。Mac OSXでファイルの保存先、開く先を変更する際にFinder側にあるファイルをドロップするという方法があります。これをよく使う人は多いでしょう。 しかしドロップすると保存ファイル名まで書き換わってしまって逆に面倒なこともあります。そこで使ってみたいのがLocatです。 Locatの使い方 LocatはSIMBLプラグインになっています。EasySIMBLなどを使ってインストールできます。 後はFinder側でOption + Returnを押すと選択している項目をOpen/Saveダイアログに反映します。Shift + Returnはファイル名は反映せず、場所だけ移動します。ファイルをドロップせず、キーボードショートカットだけでできるのが便利です。 実際のデモ動画はこちら。 日々よく行う操作を手軽にしてくれると
セキュアプログラミング（防御的プログラミング）の歴史をざっと振り返る
(Last Updated On: 2019年2月12日)キュアプログラミング（防御的プログラミング）の歴史をざっと振り返ってみたいと思います。セキュアプログラミングは防御的プログラミングとも言われるプログラミングの原則の１つ※です。古くからある概念ですが、誤解または理解されていない概念の１つではないでしょうか？ ※ Defensive Programmingとして記載されています。 何故、一般に広く常識として理解されていないのか？その理由は防御的プログラミングの歴史にあるのかも知れません。 参考： セキュアプログラミングの７つ習慣 「出力対策だけのセキュリティ設計」が誤りである理由 セキュアプログラミングの必要性が認識された事件 コンピュータセキュリティの基礎的概念は60年代から研究されていました。その成果も踏まえ、インターネットの前身であるARPANETは1969年から稼働を開始しまし
PHP7のタイプヒントの使い方
(Last Updated On: 2018年8月13日)PHP7で基本的なデータ型である”int”や”float”、”array”タイプヒント（データ型のヒント）がサポートされます。使い方を間違えると思ってもいない問題が発生することがあります。しかし、正しく使えば問題ありません。タイプヒントの使い方を簡単に紹介します。 PHPのタイプヒント タイプヒント自体は新しい機能ではありません。PHP5からオブジェクトのクラス名をタイプヒントとして利用できました。 <?php class bar {} function foo(bar $v) { var_dump($v); } $v = new bar; foo($v); PHP7では”int”などの基本的なデータ型にもこの構文が使えるようになります。 PHP7からは戻り値のタイプヒントも利用できます。 <?php class bar {} fu
Building Dynamic websites. Harvard OpencourseWare. CS E-75
Building Dynamic websites. Harvard OpencourseWare. CS E-75 (Last Updated On: 2018年8月13日)すこし古い（2012年）ハーバード大学での「動的Webサイト構築」の動画です。英語の勉強を兼て基礎からWeb開発を学ぶには良い動画です。長いので流石に全部は見ていません。しかし、ほとんどの内容は現在でも通用する物になっていると思います。 サマーセッションコース（？）の全講義のようで、10本ありとても長いです。講師はニュースキャスター並みに早口ですが解りやすい発音なのでリスニングのトレーニングにも良いと思います。Web開発を解っている方なら多少リスニングが苦手でもあまり問題なく理解できると思います。Web開発者のTOEICのトレーニング用にも良いと思います。長いですが、リスニングは慣れが必要なので長さも長所になります。
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
不整合が起きてはならない場合、トランザクションはシリアライザブル
リードコミッテドの場合、 ファントム・リード に加え、非再現リード(Non-Repeatable Read)と呼ばれる、同じトランザクション中でも同じデータを読み込むたびに値が変わってしまう現象が発生する可能性がある。 とWikipediaに書いてある通り不整合が発生します。簡単に言うと ファントム・リード – タイミング次第で見えなかったデータが見えるよう、見えないようになること 非再現リード（ノンリピータブル・リード） – 同じデータの読み込みができなくなること ファントム・リードやノンリピータブル・リードは複雑なクエリでないと起きない、と思っている方も居るかも知れません。 不整合が起きる例 トランザクションの不整合は単一レコードへのアクセスでも起きてしまいます。例えば、セッションIDのデータベースにデフォルトのリードコミッテド分離レベルを利用した場合、ブラウザから複数の接続、複数のブ
旧・Macの手書き説明書 - FC2 BLOG パスワード認証
ブログ パスワード認証 閲覧するには管理人が設定した パスワードの入力が必要です。 管理人からのメッセージ https://mac-tegaki.comへ移転中 閲覧パスワード Copyright © since 1999 FC2 inc. All Rights Reserved.
PHPで巨大な整数をカンマ区切りするのにnumber_format関数は使えない - hnwの日記
PHPには、数値を3桁区切りで表示するための組み込み関数としてnumber_format()が用意されています。 number_format — 数字を千位毎にグループ化してフォーマットする string number_format ( float $number [, int $decimals = 0 ] ) http://php.net/manual/ja/function.number-format.php この関数は金額を表示するような場合に便利です。 <?php $money = 1000; printf("財布の中に%s円あります。\n", number_format($money)); /* 財布の中に1,000円あります。 */ このように金額がカンマ区切りで表示されていると見やすくていいですよね。 ところで、このnumber_format()の第一引数はfloat型です
grepでログ解析をするなんてひどい話だ | POSTD
今でも、 systemdのjournal におけるバイナリのストレージフォーマットに関して、不満を漏らす人が多くいることに私は驚きを隠せません。私は長年、システム管理者として働いてきており、1年以上も syslog-ng の オープンソースエディションのメンテナ として活動してきました。だからこそ、テキストではないストレージフォーマットに対して、なぜ多くの人が批判的なのか、私は理解に苦しんでいます。更に、反論を唱える人までいることが信じられません。もしかしたら、私は別世界の人間なのかもしれません。ですが、より良い選択肢があるのに、テキストのストレージを使う理由はほとんどありません。ロギングをする必要性、そしてなぜ、テキストのログストレージに対してそこまで用心深いのかについて、私は何度も尋ねられました。ここに、私が導き出した答えを紹介したいと思います。 これは、journalについて弁明する
PHPスクリプトファイルアップロード攻撃を防止する方法
(Last Updated On: 2018年8月13日)PHPはスクリプトアップロードに弱いシステムですが、PHPアプリにはファイルアップロードをサポートしているアプリが数多くあります。WordPressなど自動更新を行うアプリも増えてきました。 PHPアプリの場合、MVCフレームワークなどを使っていてもエントリポイントにはPHPファイルが必要です。ファイルアップロードをより安全に使うための設定も可能ですが、WordPressのようなファイル配置で自動更新を行っているアプリの場合、攻撃を完全に防ぐ事ができません。 しかし、簡単な方法でドキュメントルート以下のPHPファイルの実行をホワイトリストで防御することができます。 防御の方法 以下のような手順で意図しないPHPスクリプトの直接実行を防止です。 実行を許可するPHPファイルのホワイトリスト(allowed_php_scripts.ph
PHP/Apache httpdのファイルアップロード/ダウンロード処理
(Last Updated On: 2018年10月9日)最近、ファイルアップロード／ダウンロード対策に関する検索が増えているようなので書きました。PHPの場合、スクリプトがアップロードされ実行されてしまうと致命的です。アップロードされたファイルを公開ディレクトリに保存することは好ましくありあせん。しかし、既にそうなっているアプリケーションの場合、改修が困難な時もあります。このような場合もより安全に利用できる設定を紹介します。 参考：「スクリプトアップロード対策」も合わせてどうぞ。 ファイルアップロード処理 PHPのファイルロードは簡単です。PHPマニュアルを一度読むと利用できると思います。ポイントのみ解説します。詳しくはマニュアルを参照してください。ファイルアップロード用のHTMLフォームを作り、エンコーディングをenctype=”multipart/form-data”と設定すれば$_
CSS Transformによるセンタリングのベスト・プラクティス
上下左右のセンタリングには様々な手法が編み出されてきた。最近はCSS Transformを使う方法がメジャーになりつつある。コンテナーとセンタリングしたい要素のサイズが共に不明でもうまくいくところなど、そこそこ万能感があるのがポイントだろうか。このCSS Transformによるセンタリングは左下に動かしてから右上に戻すパターンと、その逆の右上に動かしてから左下に動かすパターンがある。どちらでも理論的には上手くいくが、ベスト・プラクティスとなりうるのは後者だけだろう。 Demo: Centering Unknown with CSS Transform (top/left) このデモは実際に不具合が起こりうるパターンになっている。センタリングする要素をtopとleftプロパティーで動かした後、transform: translate(-50%, -50%)で元に戻しているわけだが、Inte
Makefileの書き方：プログラミング言語Make - 檜山正幸のキマイラ飼育記 (はてなBlog)
「Makefileの書き方、その勘どころ」にて： まだ、関数を使ってソースやターゲットを生成する方法とかパターン規則の説明をしてないので、続きを書くと思います。調べているうちに、GNU Makeの構文（の一部）はある種のプログラミング言語だという気がしてきました；そのことも書きたい気がしてます。 というわけで続きを書きます。 実は、関数呼び出しを使うときは、代入に「=」を使うより「:=」のほうが適切かつ効率的なときが多いのですが、その話は次の機会にします。 これの説明が中心になります。 内容： 前置き 変数の種類と変数定義 ソースコードの後のほうを参照すること Makeは上から下へと実行していくのだ MakeとLispは似ている 実例 ●前置き 以下、Make一般ではなくてGNU Makeの話です。GNU Makeより古いMakeにも備わっていた伝統的機能の説明はしません。 GNU Mak
Makefileの書き方、その勘どころ - 檜山正幸のキマイラ飼育記 (はてなBlog)
「ほとんど忘れた、Makefile」 にて： Makefileなんてもう何年も書いたことがないぞ。ウーン、だめだ、忘れている。 「忘れている」ってよりは、僕の知識じゃ古すぎて、改めて勉強しないとダメでした*1。 なにしろ、makeだけじゃ機能が貧弱なんで、cpp（Cプリプロセッサ）やm4（マクロプロセッサ）と組み合わせて使っていた頃しか知らんからね（古すぎ！）。今じゃGNU Makeを（使おうと思えば）どこでも使えるから、GNU Makeを習えばそれでいいじゃないかな。僕は、Windows上のMSYS（MinGW - Minimal SYStem）でGNU Makeを動かしました。 というわけで、GNU Makeの手習いをしたからメモしておきます。以下、名前がMakefileじゃなくても、GNU Makeへの指示を書いたファイルは何でもMakefileと呼びます。 [追記]id:paell
知り合いゼロでも乗り切るためのイベント・サバイバル術 | ライフハッカー・ジャパン
元来、パーティとは楽しむためのものであって、脅威になっては本末転倒です。でも、知らない人ばかりの状況で話をするのは、ツラいこともあるでしょう。そこで、そんなツラいパーティを生き延び、さらに本当に楽めてしまうトリックをいくつか紹介します。 以前、内向的な人のためのパーティ・サバイバル術を紹介したことがあります。でも、外交的な人でさえ、誰も知らないパーティはハードルが高いもの。つまり、シャイ、内向的、外交的を問わず、誰にとっても悪夢になりうるシナリオなのです。パーティ以外にも、ワークショップやネットワーキングイベントなど、ほかの人は知り合いがいそうなのに自分は誰も知らないというシチュエーションはたくさんあります。でも、せっかく参加するのですから、以下のアドバイスを参考に不安を払しょくして、少しでも楽しんでください。 ホストの手伝いを申し出る イベントでは使えませんが、パーティでは便利なテクニッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - vodkabears/Interdimensional: Spatial scrolling for your web pages.
Prevent Chrome from Translating a Page
Automated Tests for Visual Responsive Layouts
How to Watermark Images and Videos
Jack Rugile's Favorite CodePen Demos
Tweet from Command Line with t
Animating Text with JavaScript
How to Stop Using an iCloud Password to Unlock a Mac