さくらのVPSにVyattaを入れて、Amazon VPCにVPN接続 - kikumotoのメモ帳
第８回JAWS-UGに参加して、そこで富士ソフトの飯尾さんが話したVPCの話題、面白かったです。 ということで、年内にAWS東京リージョンに追加されるはずのVPCを試しおかなきゃ、、、、 といっても、ネットワーク装置なんて持ってないので、さくらのVPSにVyattaを入れて接続することを試みたのでそれをメモしておく。 さくらのVPSにVyattaをインストール これは、 さくらのVPSにVyattaをインストール – BLOG.KAWATASO.NET を参考にして実施。 Amazon VPCの構築 今回は、AWS Management Consoleを使ってVPCを構築する。 以下のような流れで画面を操作する。 VPC タブを選択 Region は "US East" を選択 "Get started creating a VPC" ボタンをクリック "VPC with a Privat
テーブルにソート、内容編集、行の削除等の機能を加えるjQueryプラグイン・TableGear
なかなか多機能なライブラリだったので 備忘録。テーブルにソート、コンテンツの 編集や、Ajaxによる行の削除が可能な jQueryプラグイン・TableGearです。この 手のプラグインはいくつかありますが、 中でもかなり高機能な気がします。 jQueryだけでなくmootoolsも用意されてるみたいです。テーブル内でソートが可能で、セル内は編集できます。もちろん、編集後のソートもOK。行そのものを消す事も可能ですよ。 セル内は編集可能で、普段はこのように通常と変らないインターフェースを維持できます。マウスでクリックするとプルダウンや入力エリアが出現。 編集してもソート機能は維持 ソート機能が付いていますが、セル内に変更を加えても、変更後の内容でソートしてくれます。 行の削除も 行ごと削除する事も出来ます。 デモはPHPとMySQLを使って設計してるようですが、他のシステム上でも動作すると
商用利用も無料、ウェブ用のエレメント・ページレイアウト・アイコンのPSD素材の配布サイト -design deck
ナビゲーション、ボタンなどのエレメントをはじめ、ページレイアウト、アイコンなど、商用でも無料で利用できるウェブデザイン用のPSD素材を配布しているサイトを紹介します。
美しいフォームデザインを実装する事が可能なjQueryプラグイン・Ideal Forms
チェックボックスやラジオボタンなど、フォーム周り のデザインを美しくする事が出来るjQueryプラグ イン・Ideal Formsのご紹介。スタイルもいくつか 用意されており、フレームワークとして使えるよう です。デザインテーマもいくつか用意されている ので好みで選ぶことも出来ますね。 ボタン、セレクト、ラジオボタンやチェックボックス等のフォームデザインを変更できます。デザイの変更はcssのみで可能なフレームワークタイプなのでノンプログラマーな方でも気軽に使えそうですね。IE6以外は対応しているようです。 フォームのデザインをガラッと変えることが出来ます。よりデザインに統一感を出せそうですね。 テーマも用意されている Ideal Formsはフレームワークとしても利用出来るように、cssでデザインが変更できる作りになっています。現在は3つのcssファイルがテーマとして用意されていますのでそ
オープンソースstackoverflowクローン OSQA - atsuoishimoto's diary
IT技術者の皆さんなら、Stack Overflow というサイトをご存じだろう。いわゆるQ&Aサイトだが、非常に使い勝手の良いサービスで、この手のサイトにはあまり足を運ばないようなプログラマでも、ここでは書き込んでいるのを見かけることも多い。 Stack Overflowのクローンサイトを構築するアプリはいくつかリリースされているのだが、今回、その中から OSQA というアプリを日本語化したので、ついでにサイトを立ち上げてみた。 http://answer.pythonpath.jp ドメイン名はpytonpath.jpだが、Python関係なく質問・回答を寄せていただきたい。プログラミングやシステム管理などに関するものであれば、なんでもOKだ。 掲示板との違い これはいわゆる掲示板サービスではないし、「Yahoo知恵袋」のようなQ&Aサービスともちょっと違う。単に質問と回答を繰り返すの
Googleカレンダーを表示する·CalVis3 MOONGIFT
CalVis3はGoogleカレンダーを取得し、独自のカレンダーに表示する。 [/s2If] CalVis3はHTML/JavaScript製のオープンソース・ソフトウェア。カレンダーを使ったWebアプリケーションは多い。だが開発している最中に常に頭にちらつくのがGoogleカレンダーの存在だ。機能を充実させればさせるほど、Googleカレンダーの強さが分かってきてしまう。 カレンダー そんな時には一歩引いて考えてみよう。カレンダー入力インタフェースとしてGoogleカレンダーを徹底活用してしまうのだ。後は入力されたデータをどう表示するかが決め手になる。それを実現しているのがCalVis3というソフトウェアだ。 CalVis3はHTMLとJavaScriptを使ってGoogleカレンダーからデータを取得し、表示するWebアプリケーションデモだ。二種類あり、一つはカレンダーの下に詳細を表示す
複数のサーバのモニタリングソフト
Linux、Windows、FreeBSD、Mac OS Xで動作可能なサーバモニタリングソフトウェアです。フリーで利用できるバージョンであっても商用利用可能で、30個までのサーバを一元監視することができます。 HTTPなどの各種サービスの監視はもちろん、CPU負荷やメモリ、温度の詳細なグラフ出力やレポート出力も可能。サービスが落ちたかどうかの判断基準や、落ちた場合の通知方法はグラフィカルに条件分岐のダイアグラムから作成可能で、その際に実行するスクリプトなども指定できます。 ソフトウェア自体は監視するBixAgent、監視エージェントから送られてきた情報をまとめるBixServer、そしてその監視結果を表示して確認するためのBixDesktopで構成されています。 詳細は以下の通り。 BixData | Cluster and Systems Management http://www.b
[CSS]最近のウェブ構築には欠かせない要件を備えたCSSのフレームワーク -The 1140px Grid
1280px以上の大きなモニター対応、iPhoneなどのスマホ対応、単調になりがちなグリッドのバリエーション、IE6への配慮など、最近のウェブ構築には欠かせない要件を備えたCSSのフレームワークを紹介します。 The 1140px Grid · Fluid down to mobile [ad#ad-2] 以前、Twitter(@colisscom)で紹介した時からバージョンアップしたようなので、改めてブログでご紹介。 The 1140px Gridは、1280のモニターには1140pxのグリッド、スマホなどのそれより小さいモニターにはその幅に可変したリキッドタイプのグリッドを提供するスタイルシートのフレームワークで下記にその特徴的なポイントを紹介します。 1140pxで12カラムを採用した理由 12という数字は非常に便利で、二等分、三等分、四等分、六等分して利用することができます。また、
ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」:phpspot開発日誌
ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」 2011年04月20日- highlight: JavaScript text higlighting jQuery plugin ページ内のテキストを動的に分かりやすくハイライトさせられるjQueryプラグイン「highlight」。 検索エンジンから来た時や、ユーザの入力に応じてインタラクティブにテキストをハイライトできると色々と分かりやすい場面が結構ありそうな気がします。 普通のテキストサイトがあったとして 文字をハイライトさせることで望んでいるテキストがどこにあるか一発で分かります。ページ内検索で１つづつ辿るよりも分かりやすいですね。 使い方は、.hightlight { /* スタイル */ } のようにスタイルを定義しておいて、$(element).highlight('ハイ
JavaScript開発にalertを使っている人必見！ログ出力ライブラリ「Blackbird」 | Web活メモ帳
JavaScriptでログを表示するのに使えるライブラリ「Blackbird」のご紹介。 出力したいメッセージを指定するだけできれいに整形して表示してくれます。 例えば、以下のようなJavaScriptを実行してみます。 log.debug( 'this is a debug message' ); log.info( 'this is an info message' ); log.warn( 'this is a warning message' ); log.error( 'this is an error message' ); ↑すると、こんな感じで素敵に表示してくれちゃいます。 アイコンと色で視覚的にメッセージを区別することができるので、後から見分けるのも簡単です。 使い方 使い方は簡単で、ファイルをダウンロードした後、headタグ内でJSとCSSを読み込むだけでOKです。 <
激烈明るいLEDで室内灯を作ってみた（はじめての電子工作）:Geekなぺーじ
1W 100ルーメンのハイパワーLED(OSW4XME1C1S、300円)と充電電池のeneloop(単三型)を使って室内灯を作ってみました。 このLEDを直視すると目を痛めてしまうので注意が必要ではありますが、実際に出来上がった物は結構良かったです。 流石に通常の蛍光灯などとは比べ物にはなりませんが、単三電池を利用するものとしては、かなり明るい室内灯が出来ました。 真っ暗な部屋で不自由がないぐらいの明るさはあります。 これだけ明るいにも関わらず、今回作った室内灯は消費電力が0.4Wというのもいいです(抵抗の種類を変更することで消費電力を今回作ったものよりも大きくも小さくもできます。明るさと持続時間のトレードオフがあります。)。 はじめての電子工作！ 大学の学部が文系だったこともあり、工学などの授業が一切なく、実はこういった電子工作はやったことがありませんでした。 強いて言えば中学の技術の
JBoss Cache改めInfinispanを使ってみる - きしだのHatena
といっても、起動してみた程度だけど。 Infinispanってなに？ Infinispanは、JBoss Cacheを前身とする、「データグリッド」プラットフォームです。と書いてあります。わかりやすい言葉でいうと、キャッシュサーバーです。 http://www.jboss.org/infinispan 今回は、Downloadからたどってinfinispan-5.0.0.BETA2-all.zipを落としました。 使いかたは、このgetting startedがわかりやすいです。 Getting Started with Infinispan とりあえず使う とりあえず使ってみます。zipを展開したところにあるinfinispan-core.jarとlibフォルダのすべてのjarをクラスパスに通します。 import org.infinispan.Cache; import org.inf
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
