タグ

devとwebに関するshot056のブックマーク (11)

  • WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介! | バンクーバーのうぇぶ屋

    WEB屋を名乗って仕事をする以上、作業効率を考える事は必要最低限の努力だと言うお話は何度かこのブログでもさせて頂いてきました。 まぁしかし、ぶっちゃけ何が自分にとって作業効率に繋がるかはやってみないと分からないですよね。作業時間の見直しをするだけで効率化に繋がるかもしれないですし、ツールをもっと使いこなすことだったりするでしょうし、コミュニケーションを円滑にすることで作業効率につなげたりと、何が一番効率化に直結するかは人それぞれだと思います。 ただ、何度かこのサイトでもWEBサイトを作る上で便利そうなジェネレーターの存在を共有させて頂いてきましたが、こういうツールは知ってるのと知らないのとでやはり大きな差が出てくることはやっぱり多いと思います。特に最近はWEBに強いクライアントの存在も目立ってきて、自分だけじゃなく、お客さんにとっても、もしかしたらプラスになるジェネレーターの類も多いんじゃ

    WEB屋にとって便利なジェネレーター色々!最近のオススメも、昔から使ってきた物もまとめてご紹介! | バンクーバーのうぇぶ屋
  • 使い道色々。jQueryを使ってSparklineグラフを描く·Peity MOONGIFT

    PeityはjQueryでSparklineグラフ(円、棒、折れ線)を描くJavaScriptライブラリ。 PeityはjQuery/JavaScript製のオープンソース・ソフトウェア。Webサイトはテキストコンテンツが多い。一覧表などはテーブルタグを使えば簡単に実現できるが、それをグラフ化しようと思うと面倒に感じてしまうからだろう。 円グラフ だがライブラリを使えば容易に実現できる可能性がある。Canvasタグを使ってSparkline系グラフを描くライブラリがPeityだ。 Sparklineとは一行程度の小さなグラフで、縦軸横軸の説明は行わない。そのような説明がなくとも十分理解できるグラフについて使われる。ごく小さいので文章中に埋め込むのも容易だ。Peityでは円グラフ、折れ線グラフ、棒グラフの三種類を描くことができる。 折れ線グラフ タグの中に埋め込まれた文字を使ってグラフにして

  • メール送信をRESTfulに行うApacheモジュール·mod_sendmail MOONGIFT

    mod_sendmailはメール送信(sendmail)機能をApacheモジュールとして提供するライブラリ。 mod_sendmailはApache用のオープンソース・ソフトウェア。Webサービスを開発するには幾つかの技術を組み合わせる必要がある。扱いやすさで言うと、HTML/JavaScript/CSS/サーバサイドの言語は問題ないだろう。若干面倒になるのがデータベースとメールだ。 LDAP認証例 メールは特に面倒くさい。ユーザ登録などでよく使われるがデータベースにトランザクションをしつつメールを送信して無事送信できればコミットをする。プロトコルが違う部分は実装がしづらくなる。だがmod_sendmailはその面倒さを解消してくれそうだ。 mod_sendmailはメール送信にRESTfulなインタフェースを提供してくれるApacheモジュールだ。この手のライブラリは元々あったのでは、

    メール送信をRESTfulに行うApacheモジュール·mod_sendmail MOONGIFT
  • MOONGIFT : Web上でiPhone/iPad/Androidアプリを開発する「appMobi」 オープンソース・ソフトウェア/フリーウェアを毎日紹介

    appMobiはWebブラウザ上でスマートフォンアプリを実行、開発できるソフトウェア。 MOONGIFTはこう見る PhoneGapやTitaniumなど、JavaScriptを使ってiPhoneをはじめとする各種スマートフォン向けアプリを開発できる環境が整ってきている。共通言語が使える分、開発工数が減る他、どこかの陣営が崩れた時のリスクヘッジにも繋がるだろう。問題はAPIが共通化されることによる最大公約数的なアプリになってしまうことにある。 appMobiの場合も基は同じだが、デモ実行環境をWeb上で使えるというのが利点になる。傾きやGPSを擬似的に実行できるのはユニークだ。またGoogle ChromeJavaがあれば良いので、WIndows/Linuxでも開発できる利点もある。App Storeの場合はアプリ生成が有料になってしまうが、利用する価値は十分あると思われる。 appM

  • GitHub - miyagawa/Tatsumaki: Plack-based nonblocking Web framework for IO-bound delayed response, server push (streaming) and long-poll comet

    NAME Tatsumaki - Non-blocking web framework based on Plack and AnyEvent SYNOPSIS ### app.psgi use Tatsumaki::Error; use Tatsumaki::Application; use Tatsumaki::HTTPClient; use Tatsumaki::Server; package MainHandler; use parent qw(Tatsumaki::Handler); sub get { my $self = shift; $self->write("Hello World"); } package FeedHandler; use parent qw(Tatsumaki::Handler); __PACKAGE__->asynchronous(1); use J

    GitHub - miyagawa/Tatsumaki: Plack-based nonblocking Web framework for IO-bound delayed response, server push (streaming) and long-poll comet
  • #d4ffccの色見本とカラーコード - 原色大辞典

    Hexadecimal Color Code R:212 G:255 B:204 H:111 S:20 B:100 L*:95.94 a*:-22.94 b*:19.92 C:22% M:0% Y:31% K:0% とても淡い黄緑系の色

    #d4ffccの色見本とカラーコード - 原色大辞典
  • SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT

    dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能

    SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT
  • Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT

    正直、Webデザインは苦手だ。システムは構築できても、その後のデザインで行き詰まって頓挫したサービスは数知れない。最近ではWebデザインテンプレートを使うようになったが、汎用性の低いものが多くカスタマイズも困難な場合が多い。 Basecampにも似たWebアプリケーションテンプレート 例えばWebシステムの管理画面を考えた場合、ユーザ向けの画面は気合いが入っているのに管理画面は酷いものが多い。そこで使ってみたいのがWeb App Themeだ。 今回紹介するオープンソース・ソフトウェアはWeb App Theme、テーマにも対応した汎用的テンプレートだ。 Web App ThemeはLighthouse、Basecamp、RadiantCMSにインスパイアされたWebアプリケーション向けテンプレートだ。右上のユーザ情報、タブを使った機能の振り分け、個別のタブの中にさらにセカンダリーのタブを

    Webシステム開発者に送る便利なテンプレート·Web App Theme MOONGIFT
  • MOONGIFT: » JavaScriptの開発のお供に「newjs」:オープンソースを毎日紹介

    RailsがあるからRubyをやる、という訳ではないだろうがRailsからRubyに入ったという人は数多い。そうした人にとって、コントローラやモデル、テストケースまで生成できるコマンドラインツールは非常に便利に感じることだろう。 同様の手法をJavaScriptでも活かそうというのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはnewjs、JavaScriptの開発、テスト環境構築ソフトウェアだ。 newjsはgemからインストールできる。そしてnewjsコマンドで必要なファイルを一気に生成してくれる。そしてテストケースも生成してくれるので、開発からテストと言った流れがスムーズになる。 サーバなどは特にないようで、生成されたHTMLファイルをブラウザで開いてUnitTestを実行する。他にも作成したファイルをRubyForgeへアップロードする機能や、Webサイト(ind

    MOONGIFT: » JavaScriptの開発のお供に「newjs」:オープンソースを毎日紹介
  • MOONGIFT: » オープンソースのFLVプレーヤ「NonverBlaster」:オープンソースを毎日紹介

    Webブラウザ上で何でも行うようになっている。ビューワーについてはFlashが秀逸で、音楽を聴いたり、動画を見たり、ドキュメントを閲覧するようなことがブラウザ上だけで完結するようになっている。 動画はどのサービスでも有効に使われているが、自サイト内でプレーヤを提供したければこちらをどうぞ。 今回紹介するオープンソース・ソフトウェアはNonverBlaster、オープンソースのFLVプレーヤだ。 NonverBlasterはシンプルなインタフェースのFLVプレーヤで、再生と音量調整、そしてフルスクリーンモードがサポートされている。URLでFLVファイルを指定するだけで使える手軽さが良い。 自動再生、フルスクリーンモードの許可、各種色の設定などをJavaScriptから行えるのも特徴だ。再生するだけであれば、プレーヤは殆ど変更する必要はなく、HTML側だけで終われるのが嬉しい点だ。 自分の撮っ

    MOONGIFT: » オープンソースのFLVプレーヤ「NonverBlaster」:オープンソースを毎日紹介
  • MOONGIFT: » インラインで使えるWYSIWYGエディタ「NicEdit」:オープンソースを毎日紹介

    ※ 画像は公式サイトより。 テキストエリアを置き換えて使うWYSIWYGなHTMLエディタは数多い。ブラウザ上で様々な装飾が施せるとあって、Webサービスを作る際に良く利用しているが、ごてごてしている感があった。 また、いかにもと言う表示になってしまうのも気になっていた。見た目をそのままに編集できるWYSIWYGエディタがこれだ。 今回紹介するオープンソース・ソフトウェアはNicEdit、表示しながら編集できるWYSIWYGエディタだ。 NicEditJavaScriptを使ってテキストエリアはもちろん、Div/Span/Pタグであっても編集可能にしてくれる。表示されたそのまま編集できるというのは面白い。 複数のテキストエリアを変更することや、Ajaxを使って保存することもできる。表示するツールの指定もできるので、簡易的な場合や画像やリンクまで埋め込める豪華な場合と使い分けられる。 見た

    MOONGIFT: » インラインで使えるWYSIWYGエディタ「NicEdit」:オープンソースを毎日紹介
  • 1