hogegeのブックマーク - はてなブックマーク

TimeCat Chrome - ごく小さなファイルサイズでブラウザ操作を記録 MOONGIFT

ブラウザの操作を記録したいと思ったことはないでしょうか。動画で録画したり、アニメーションGIFとして保存するソフトウェアもあります。確かに便利ですが、ソフトウェアを立ち上げるのが面倒です。もっと手軽にさくっとできると便利です。そこで使ってみたいのがTimeCat Chromeです。Google Chrome上で、まるで魔法のような操作録画ができます。 TimeCat Chromeの使い方実行中です。録画しています。結果です。これは動画ではなくHTMLファイルとして出力されます。 TimeCat Chromeは動画ではなく操作ログという形でデータを持っています。そのため、単純に動画として録画したのに比べて︵H.265の︶200分の1というサイズに収まります。汎用的な動画ではありませんが、ゲーム動画などでも同様の手法が行われているとのことで、特化型のおもしろいしくみと言えそうです。なお、

hogege 2020/09/27

φ(.. )

リンク

Alasql.js - オンメモリで動作するJavaScriptデータベース MOONGIFT

JavaScriptを活用したWebアプリケーションを開発している際に、一時的に保存したいデータをどのように扱うかは大きな問題です。何となく変数や配列、ハッシュに保存してしまいがちですが、そのデータの取り出しや更新が面倒だったりします。そこで使ってみたいのがAlasql.jsです。JavaScriptだけで作られたクライアントサイド向けのSQLデータベースになります。 Alasql.jsの使い方使い方の例。データを配列で放り込んで、SQLで取り出せます。デーブルの作成を含めてSQLが書けます。データはlocalStrageに保存することもできるので、再読込時に復元も可能です。 Alasql.jsはHTML5仕様の中で検討されていたWeb SQLとは異なる実装で、オンメモリで動きます。高速で動作し、かつデータはlocalStrageに保存しておくこともできるので容量は小さいながらも永

hogege 2014/11/21

リンク

PHP Fine Diff - 利用場面が多そうなPHP差分表示ライブラリ

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しましたあなたが開発者であるならば差分表示にはいつもお世話になっているのではないでしょうか。かく言う筆者も毎日のように使っています。しかしそれの主な利用はプログラミングやHTMLコーディングではないかと思います。差分表示をもっと色々な場面で使ってみたいと思うならば、自作のWebアプリケーションに組み込んでみると面白そうです。そこで使ってみたいのがPHP Fine Diffです。 PHP Fine Diffの使い方使い方の例としては次のようなコードになるようです。テキストを二つ与えるだけで使えます。 include 'finediff.php'; $opcodes = FineDiff::getDiffOpcodes($from_text, $to_text); 比較は文字、行、単語単位

hogege 2014/06/03

リンク

TableSaw - 2種類のモードが使えるテーブルのレスポンシブ化ライブラリ MOONGIFT

レスポンシブWebデザインが流行っていますが、その一番の難敵とも言えるのがテーブルではないでしょうか。特に業務系システムや管理画面をスマートフォン/タブレットに対応させる上で幅が狭い中でいかにうまくテーブルを表示するかは大きな問題です。そこで使ってみたいのがTableSaw、レスポンシブなテーブルを実現するライブラリです。 TableSawの使い方 TableSawには2つのレスポンシブ対応が可能です。まず一つ目はスタックと方式です。こちらが元々のテーブルです。幅を狭めてみましょう。縦並びになりました。これがスタックです。スタックの通り、横に並んでいたデータを縦に積み重ねています。1行1行のデータは見やすくなりますが、他の行との比較が難しくなってしまうのが難点です。もう一つはスワイプです。こちらも幅を狭めてみます。右上の矢印が有効になりました。表示されている項目も減っています。

hogege 2014/05/28

リンク

Gitonomy – PHP製のGit管理サーバ

おお、これは企業で使えそうですよ！企業によっては外部にソースコードを預けられないため、自社でGitサーバを構えているところも多いでしょう。しかしそうなると管理画面が欲しくなります。GitHubの管理画面は優秀で、ああいったWebブラウザ上でリポジトリの情報を見たいと思うはずです。そこで使ってみて欲しいのがGitonomyです。デザインの格好いい、Gitリポジトリマネージャです。Gitonomyの使い方GitonomyはPHP + Symfonyの組み合わせで作られていて、Webブラウザ上でGitリポジトリの操作が一通りできるようになっています。ユーザはプロジェクト単位にグループに入り、そこで権限管理される仕組みです。ソーシャル機能はありませんが、企業ユースであれば十分ではないでしょうか。社内でGitサーバを立てている場合はぜひ導入を検討してみてください。GitonomyはPHP

hogege 2014/04/04

リンク

iniscan·php.iniの設定ファイルをチェックして危険なポイントを洗い出し MOONGIFT

PHPは年々進化していて、それでいて過去のバージョンとの互換性もほぼ維持されています。しかしネットワークが進化する中で従来は使われていた設定が非推奨になっていることも少なくありません。もしかするとWebサーバのPHPの設定が危険な状態になっているかも知れませんよ。それをチェックできるのがiniscanです。 iniscanはcomposerを使ってインストールします。まずはcomposer.jsonを下記の内容で作成します。 $ cat composer.json { "require": { "psecio/iniscan": "dev-master" } } そしてインストールを実行します。 $ sudo composer install Loading composer repositories with package information Installing depende

hogege 2013/11/05

リンク

要注目！PHP製のWeb IDE·ICEcoder MOONGIFT

ICEcoderはPHP製のWeb IDEです。JavaScriptやHTML、Rubyのコードに対応しています。 Webブラウザを使った開発環境もそろそろ本格化しそうな雰囲気です。今回紹介するのはICEcoder、PHP製のWeb IDEです。最初にパスワードを登録します。トップページです。コード表示です。ハイライト処理されています。コンソール機能があります。ターミナルとして使えます。 catなどのコマンドを打てばそのまま出力が返ってきます。 DOMを選択するとその中のタグ全体が選択状態になります。 MySQL管理も付属しています。主な機能はタグの構造チェック、テーマによるカラーリング、検索/置換、コマンドを使ったタグの高速入力、JavaScriptのヒントおよび構文チェックとなっています。対応している言語はHTML/CSS/JavaScript/Less/CoffeeScri

hogege 2013/03/30

phpで書かれたweb IDE

リンク

要注目！高機能なjQuery製のCalDAVクライアント·CalDavZAP MOONGIFT

CalDavZAPはjQuery/JavaScriptで構築されたCalDAV対応のフロントエンドです。 CalDAVというのはGoogleカレンダーやiCloudのカレンダーでも実装されているカレンダー用のプロトコルです。そんなCalDAVをWebベースで扱うソフトウェアがCalDavZAPです。ログインします。最初の表示は今日の予定表示になっています。カレンダーを選択すると予定が表示されました。月表示です。予定の詳細です。編集モードです。検索すると対象外の予定が薄くなります。新規予定の作成です。カレンダーで期間を選択して予定作成も可能です。ドラッグで予定を移動させられます。 Todoも登録できます。 CalDavZAPはjQuery/JavaScriptで作られており、サーバサイドを必要としていません。バックグラウンドでデータ同期を行う仕組みであったり、イベントやT

hogege 2013/02/23

すげー。caldavってexchange2010はサポートしてるんだっけ？

リンク

JavaScriptでXLSX形式を扱う·XLSX.js MOONGIFT

XLSX.jsはJavaScriptでExcelファイル︵Base64エンコード︶を読み込んだり、ダウンロードさせられるソフトウェアです。 Googleスプレッドシートをはじめ、Webブラウザ上で表計算表示を行ったり、編集したりするWebアプリケーションがあります。しかし最も有力なのはExcelでしょう。そこで試したいのがExcelファイルを読み書きできるJavaScriptライブラリ、XLSX.jsです。ダウンロードされたファイルです。ちゃんとXLSXとして認識されます。ファイルを読み込む処理のデモです。Base64エンコードされたデータが解析されています。 XLSX.jsはbase64のXLSXファイルを読み込み、JavaScriptオブジェクトに変換できます。後はいかようにも表示できるでしょう。また、シート名と各セルの値をHTMLテーブルから読み込んでXLSXファイルに変換してダ

hogege 2012/10/18

javascriptでxlsxを扱うライブラリ

リンク

Postfixの管理に使える仮想メールアドレス管理ソフトウェア·ViMbAdmin MOONGIFT

ViMbAdminはメールアドレス管理ソフトウェアです。複数ドメインに対応しています。メールアドレスの管理というのは意外と煩雑になりがちです。特に転送メールなどで入れ子になっていたりすると非常に面倒な管理になるでしょう。そこでWebブラウザ上で分かりやすい管理ができるViMbAdminを使ってみましょう。ログインします。ドメイン一覧です。メールボックス一覧です。パスワードの変更もできます。エイリアスの一覧です。作業したログです。管理者アカウント一覧。 ViMbAdminは複数ドメインのメールアドレスを一元管理できます。PostfixやSendmailに対応しており、設定ファイルを使った煩雑な管理から解放されるはずです。サーバのセットアップさえしてしまえば、運用は楽になるのではないでしょうか。 ViMbAdminはPHP製、GPL v3のオープンソース・ソフトウェアです。M

hogege 2012/10/05

リンク

管理画面もあるPHP製の認証システム·AuthManager MOONGIFT

AuthManagerは認証およびユーザ管理を提供するシステムです。 Webサイトを作っていて認証はよく必要になります。しかしその度に作っていては面倒に感じることでしょう。そこでAuthManagerを組み入れてみましょう。認証とユーザ管理を一手に引き受けてくれる便利なソフトウェアです。登録画面です。ログイン画面です。ログインしました！アイコンも表示されています。こちらは管理向け。ユーザ管理画面です。設定です。 reCAPTCHAの設定です。 AuthManagerの主な機能は指定されたコードを埋め込むことでコンテンツへのアクセスを制限できるようにする、管理画面を使ったユーザ管理、reCAPTCHA対応、Facebookコネクト、メールテンプレート、アクセスログ、Google Analyticsサポートとなっています。 AuthManagerはPHP製のソフトウェア（ソースコード

hogege 2012/10/01

リンク

これは便利！オンラインストレージをローカルドライブ化·Gladinet MOONGIFT

Webアプリケーションの台頭によって、インターネット上にデータを保存することが増えてきた。その際に問題になるのがローカルデータとの同期や、バックアップの方法などだ。特にブラウザでしかデータに触れないというのは不便だ。 Amazon S3へのログイン︵筆者環境では失敗︶ Googleドキュメント、Picasa、Amazon S3…それらのデータに簡単にアクセスできるのがGladinetだ。 Gladinetは各種オンラインストレージサービスのデータをマウントし、まるでローカルファイルのように扱えるソフトウェアだ。例えばGoogleドキュメントをマウントした場合、ファイル一覧でWordやExcel、PDFなどのファイルとしてアイコンが表示される。そしてダブルクリックで開くことができる︵失敗する場合もある︶。日本語も文字化けずに表示される。 Googleドキュメントをマウントした場合同様にP

hogege 2009/08/05

リンク

MOONGIFT: » Flashムービー形式でデスクトップ録画「JING」:オープンソースを毎日紹介

チャットなどをしていると、デスクトップを見せたくなる時がある。ヘルプをしている時は特にそうだ。あれこれ口で説明するよりも、見せたほうが理解は早い。また、場合によっては静止画よりも動画のほうが分かりやすいこともある。そのどちらにも対応した共有ソフトウェアがこれだ。今回紹介するフリーウェアはJING、スクリーンキャプチャ、スクリーンキャストの双方に対応したデスクトップ録画ソフトウェアだ。 JINGはMac OSX、Windowsに対応している。指定範囲のスクリーンキャプチャはもちろん、指定範囲でのスクリーンキャストにも対応している。録画された内容は音声付でFlashムービー形式で保存される。このデータをScreencast.comを通じてシェアするには有料になっている。JING自体の利用は無料なので、アップロードスペースが別であれば問題ない。何より、各種Flash動画プレーヤを使って再生

hogege 2007/08/01

リンク

はてなブックマーク

タグ

ブックマーク / www.moongift.jp (13)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第1週）

月間はてなブックマーク数ランキング（2024年6月）

今週のはてなブックマーク数ランキング（2024年6月第5週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス