JavaScriptを使ってCanvasタグにUMLを描画·UmlCanvas MOONGIFT
UmlCanvasはCanvasタグを使ってUMLモデルを描画するJavaScriptライブラリ。 UmlCanvasはHTML5/JavaScript製のオープンソース・ソフトウェア。2000年頃にもてはやされたUML。オフショア開発やエンタープライズでの開発では今も使われていると思うが、小規模なプロジェクトまではなかなか普及しなかった。 リレーション 作成するのに専用のツールが必要であったり、システム開発の変更が多くてせっかく作成しても修正が多かったといった問題もあった。だが専用のツールを用いず、誰でも手軽に見られるならばまだ使われる場面はあるのではないだろうか。それをかいま見せるのがUmlCanvasだ。 UmlCanvasはその名の通りUMLをCanvas上に描画するソフトウェアだ。使えるのは主にクラス図で、状態遷移図にも対応している。クラスを定義していけば線は自動的に引かれるが、
実用的になってきたPHP製、WebベースのIDE·WIODE MOONGIFT
WIODEはWebベースのIDE。PHP/JavaScript/CSSの編集に対応している。編集後、FTPアップロードできるのが特徴。 WIODEはPHP/MySQL製のオープンソース・ソフトウェア。Webアプリケーションが隆盛になるにつれて徐々に注目を集めているのがWebベースの開発環境だ。これまでテキストファイルをローカルで修正してアップロードして…というのをWebブラウザ上で行ってしまおうという試みだ。 編集画面 もちろんプログラミング用のエディタがこれまで使っていたものと同じくらい使えないといけないだろうし、そもそもWeb上で開発するリスクもあるかも知れない。だが可能性を十分に感じさせるソフトウェアとしてWIODEをチェックしておきたい。 WIODEは2ペインのWebベースの開発環境だ。左側にファイル、フォルダの一覧が表示されて、右側で編集する。編集に対応したファイルとしては、PH
ASSIOMA(アショーマ) » Google+が変える世界。フラット化するインターネット
Facebookページの対抗馬としてGoogle+でも企業用ページのリリースが予定されている。 ソーシャルという観点では、Google+と、Facebookページが企業ユーザの取り合いをしているだけに見えるかもしれない。しかし、インターネットという視点で考えると、これら2つのサービスの陣取り合戦は、インターネットに重大な変化をもたらす可能性を含んでいる。 ■形を変えるインターネット 2009年頃から、インターネットの形が変化してきているという話題がインターネット界隈を賑わせるようになった。1995年から2007年までのインターネットは、Tier1と呼ばれる巨大なISPを中心にトラフィックが流れていた。 しかし、Googleや、Facebookといった人気サイト、CDNと呼ばれる一部の企業が大きなトラフィックを集めるようになってきた。年を追うごとにこれらの企業の存在はインターネットで徐々に大
次の情報を右へ右へ展開する新しいナビゲーションUI·Kaiten MOONGIFT
KaitenはjQueryを使って左右に展開するナビゲーションインタフェース。 KaitenはjQuery/JavaScript製のオープンソース・ソフトウェア。Webではリンクを使って情報を辿っていく操作が基本だ。そのため以前の情報に戻る操作が増えたり、別なウィンドウやタブで開いたりしてどんどん情報が溢れてしまう。 右に情報が表示されていく スマートな解決策としてAppleが提案しているのが横にスライドしていく操作だ。次の情報はどんどん右に展開しているので戻ったり関連性を見いだすのも難しくない。そんなデータ表示をWebで再現するのがKaitenだ。 Kaitenは新しいWebナビゲーションを提案する。まず最初に表示される情報は左側になる。その中のリンクをクリックすると右側に展開する。さらにクリックしていくとどんどん右に展開する。ヘッダーでは現在表示しているコンテンツがハイライトになり、パ
Web業界に身を置くなら、たった9つの知っておくべき事 | 毒舌プランナーの異論持論
（今日は毒が多めです。またかなり個人的偏見と価値観を元に構成されています） ここ最近、WebはWebでも色々耳にする事があります。 一貫性が取れているのは、大体が 「Web業界駄目だよね」「Web業界って最低だよね」 という感じのお話ばかりでございます。 自分としてはWeb業界が好き、というよりも自分の特性を活かす事において 最も適した業界だから身をおいているだけなので、それほど感慨は沸きません。 が、しかし。 ＝Web業界は楽。 みたいな印象でいられるのはむかつくんですよね。 Web業界は楽……なわけがない。 確かにビジネス的にはシンプルなのかもしれません。 比較的新しい業界ですし、昔ながらのしきたりもないも同然です。 やりたい事をやりたいように出来る、と言えば、確かに楽に聞えるかもしれませんね。 しかし、それは自らを自らでマネジメントしなければなりません。 自由は、ある程度の決まりごと
リラックスしたいとき手軽にリラクゼーションの音楽を聴ける「Ambient Mixer」
仕事が煮詰まったり、夜遅くなってくるとどうしてもストレスが溜まりがちですよね。そんなときに、リラックスできる音楽を聴くとなかなか効果的なのですが、iTunesなどで都度楽曲を購入するのもどうかと。 そんなときに手軽にリラクゼーションサウンドを聴けるサイトをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! リラクゼーション サウンドを手軽に聴ける「Ambient Mixer」 「RAmbient Mixer」は、リラクゼーションの音楽を聴いたりダウンロードすることができるサービス。 数が豊富なだけでなく、ミキサーを使って自分好みのリラクゼーション 音楽にカスタマイズできてしまうのも魅力です。 リラクゼーションサウンドの種類が豊富 ↑さまざまなジャンルのリラクゼーション サウンドから、お
WebPuttyがちょっといいんじゃないの？ | gaspanik weblog
例によって爺さん並みの時間に起床していろいろチェックをしていたら、オンラインのCSSエディタ「WebPutty」が話題になっているようでした。ちゃんと自サイトで使ったわけではないですが、一応お知らせ程度に載せておきます。 なんでも、このWebPuttyはオンラインのCSSエディタでありながら、CSSのファイルのホスティングも兼ねているようです。さらには「Sass」や「Compass」もサポートしているらしく、そっち系を使ってらっしゃる方でも使える、と。ちなみに、公開時のファイルはちゃんとMinify & Gzipされるようです。 何はともあれ、Googleアカウントでログインだ登録に特別なことは必要なく、Googleアカウントでログインできます。 ログインするとこんな画面。左が保存されたCSS、右に新規サイトの登録のボタンが並んでいます。右上の「HELP」を押せばいろいろ教えてくれます。
高木浩光＠自宅の日記 - 不正指令電磁的記録罪（コンピュータウイルス罪）の件、何を達成できたか（前編）
■ 不正指令電磁的記録罪（コンピュータウイルス罪）の件、何を達成できたか（前編） 目次 解釈にブレが生じている条文 立法趣旨の理解についてのブレ バグ以外で問題となるケース 正当なプログラムが他者により悪用されるケース バグの件はどうなったか 不真正不作為犯は成立するのか 結局のところ懸念は払拭されたのか はじめに 法務省から「いわゆるコンピュータ・ウイルスに関する罪について」という解説が出た。その趣旨は、冒頭に書かれているように、参議院法務委員会の付帯決議に対応するためのものとされている。 いわゆるコンピュータ・ウイルスに関する罪について, 法務省, 2011年7月13日 「情報処理の高度過当に対処するための刑事法の一部を改正する法律」には，参議院法務委員会において付帯決議が付されており，同法の施行に当たり政府が特段の配慮をすべき事項として，不正指令電磁的記録に関する罪の構成要件の意義を
社内で立てたいWebベースのSubversionリポジトリブラウザ·sventon MOONGIFT
sventonはJava製WebベースのSubversionリポジトリブラウザ。 sventonはJava製のオープンソース・ソフトウェア。個人の間ではGitやMercurialといったバージョン管理システムがもてはやされているが、企業においてはまだまだSubversionが強い。機能的にも十分であり、社内開発であればあえて乗り換える理由がない場合も多いだろう。 そんなSubversionの管理ではTortoiseSVNが使われているだろうが、非開発者が使うならばWebベースのが良いと思うはずだ。そこで使ってみたいのがsventonになる。 sventonはWebベースのSubversionリポジトリブラウザだ。階層をそのまま表示してフォルダを辿りながらファイルを閲覧していくことができる。またコミットログを閲覧してファイルの差分を確認することも可能だ。差分はDiffとして表示することもサイ
Webデザイナーなら忘れちゃいけない一つ。ディスプレイ（モニター）の発色について。 | Maka-veli.com
Webデザイナーなら忘れちゃいけない一つ。ディスプレイ（モニター）の発色について。 On 2011年7月1日, In Creative, Design, by maka-veli.com 画像のカラーマネジメント設定とか、紙質による色の違いとか、セーフモードとかの話しではなく、単純に「モニターの発色」についてのお話。 けっこう舐められません。僕もしょっちゅうやらかします。 このブログでも、モニター変えて見ると全然印象が変わるので時々焦ります。。 今もきっとどこかに変な部分があるでしょう・・・ モニターの違いによる問題 モニターを変えると、 見えていないものが見えちゃうことが多々あります。 特にPhotoShop等で画像を編集していると起きやすいです。 ベクターなどは領域がはっきりしているのでイラレなどでデザインしている場合は少ないかもしれません。 PhotoShop等で画像を
Web屋の私がブックマークしているサイト65 | Webクリエイターボックス
2017年7月14日 便利ツール 久しぶりに自分がブックマークしているサイトを整理してみました。昔から変わらず愛し続けているWebサービスやチュートリアルサイトなど多数あったので一挙にご紹介します！有名どころからあまり知られていないけど便利なサイトまで、多数あるので時間のある時にじっくり見てみてください！ ↑私が10年以上利用している会計ソフト！ ブックマークしているサイト 目次 Webサービス デザイン関連 画像関連 CSS jQuery WordPress フォント スマートフォン 配色関連 HTML5 メルマガ Webサービス 1. Sendoid Sendoidは会員登録不要のファイル送信サービス。ファイルをアップロード後にURLが生成されます。パスワード設定可。 2. HTMLエンコードフォーム HTMLエンコードフォームは特殊記号などをエンコード・デコードしてくれるWebサービ
Webページに書き込み・保存・書き出しができるツール「Scrible」 | ライフハッカー・ジャパン
モバイルバッテリーとは呼べない。「ほぼポタ電」なコレ1台で有事の時もアウトドアも大活躍!【AmazonスマイルSALE】
Webデザイナー & デベロッパー必見！絶対使えるチートシートまとめ | webox blog
フレームワークやらライブラリやら、色々触る機会が多いですよね。 そうやって色々触っていると「あれ、あの関数なんだっけ」みたいな事がよくあります。 そういう時に便利な各種チートシートをまとめてご紹介します。 上はデザイナー向け、下へ行くほどデベロッパー向けになります。 Photoshop Keyboard Shortcuts 忘れがちなショートカット。Win/Mac両対応。 Color theory 壁紙用サイズも多数あります。 Periodic table of typefaces よく使われるフォントを元素周期表にはめ込んだモノ。ぱぱっとどんな感じのフォントなのか確認するときに良さそう。 Git Cheat Sheet Wallpaper どこに入れるか悩んだけど、皆使うべきなのでここにおいとこう。 Ultimate HTML5 Cheatsheat HTML5について網羅したチート
効果的なブレストができそうなオンライン マインドマップ ツール「SpiderScribe」
マインドマップという思考ツールは、発想力や記憶力を高めるだけでなく、発想を蓄積して育てることが容易にできたり、情報を短時間で整理することができたりと、さまざまな良い効果を与えてくれるもの。 そのマインドマップがインターネット上での共同編集を実現したことにより、個人の発想や思考の精度を、短期間で飛躍的に高められるようになりました。 今回は、それらオンライン マインドマップ ツールのなかでも、複数名でブレストすることにフォーカスを当てたものをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 ペンとノートで記憶に残す!アイデアがわき出る! 本当に頭が良くなるマインドマップ(R)“かき方”超入門 ブレストを効果的にするマインドマップツール「SpiderScribe」 「SpiderScribe」は、共同作業でアイデアを出すブレインストーミングに向いているマインドマップ ツ
英語サイト指南役 日本人が作る英語サイトには、こんなに間違いが！ あの有名企業にも？ 日本企業の英語サイトでよく見られる誤り
このブログを見ていて思うこと。 英文の校正に関しては非常に正確なのですが、それを説明する日本語のレベルが低いように思います。 特に句読点の使い方、副詞の使い方には読み手を混乱させる意図があるのではと疑ってしまうほどです。 おそらく既存の英文のチェッカーさんは英語を母国語とする方が行い、 他方で日本語の説明文は日本語を母国語とする方が行なっているのでしょう。 こういったブログで「言語」を担当するのであれば、 日本語担当の方はもう少し日本語を学んだほうが良いと思います。 「日本語を流暢に操れること」と「正確に伝わる正しい日本語を書くこと」は異なる技能です。 ちなみに、英文に誤りがあるのは日本のサイトだけではありませんよ。 米国の某有名企業にも、英国の超有名企業にも、 面白い英文が記載されたサイトはたくさんあります。 そういうところもこのブログでピックアップされてはいかがでしょうか？
jQueryを使って閲覧中のWebサイト自体をその場でプレゼンするサンプル・Screen Presenter - かちびと.net
似たようなのがどこかにありました が。閲覧してるWebサイトそのもの をユーザーにプレゼンする、という インターフェースをjQueryで作った デモ。サンプルはダウンロード出来る のでお暇ならぜひ触ってみてください。 アイデアがちょっと素敵だなぁと思いました。Embedded Help Systemと目的は一緒ですかね。IE6以外は問題なさそうでした。cssでなんとかなるかな・・ 左下に矢印があるのですが、これでプレゼンを進めます。プレゼンは、閲覧中のWebサイトの解説をツールチップを出しながら進めていく形となります。 先にデモご覧になったほうがピンと来そうですね。 デモ※別窓 ハッシュチェンジイベント ハッシュチェンジイベントでブラウザの戻るボタンにも対応されています。 動作も軽快で気持ちいいですね。 綺麗に終わります。 Webサービスの使い方とか、CMSの管理画面の使い方のレクチャーに
テストしてますか?
先の大震災でバタバタしておりました。 遅くなりましたが、被害にあわれました方々の復興を心より願っております。 さて、本業が少し落ち着きましたので技術的な覚書まで。 ブラウザの発展とHTML5の登場によって、様々な種類のWeb Applicationを作成することが可能になって来ました。 がしかし、Javascriptで作成したAPIやアプリケーション、またWeb Applicationではajaxを利用したサーバ側との連携結果のテストをすることは非常に困難ではなかったでしょうか? 例えば、今年の2月にはShibuya.js(残念ながら私は参加できなかったのですが)でTestについてのテクニカルトークが開催されました。 この中でsecondlifeさんもajaxを利用したサーバ側と連携したテストが難しいと、言及されています。 今回から数回は、それを解決するGoogleさんが提供されて
僕が「ホワイトリスト」を採用しなかった訳 - ockeghem's blog
ホワイトリストという用語はセキュリティの分野では非常に基本的な用語ですが、セキュアプログラミングという文脈では意外に曖昧な使われ方がされているように見受けます。本エントリでは、ホワイトリストという用語の意味を三種類に分類し、この用語の実態に迫ります。拙著体系的に学ぶ 安全なWebアプリケーションの作り方（以下、徳丸本）では、ホワイトリストという用語を一度も使っていませんが、その理由に対する説明でもあります。 ホワイトリストの分類 私の調査によると、ホワイトリストは以下の3種類に分類されます。 許可されたものの一覧表（第一種ホワイトリスト） セキュリティ上安全と考えられる書式（第二種ホワイトリスト） アプリケーション仕様として許可された書式（第三種ホワイトリスト） 以下順に説明します。 許可されたものの一覧表（第一種ホワイトリスト） ホワイトリストというくらいですから、本来のホワイトリストは
PythonやLuaをWeb上で実行。LLVMをJavaScriptに変換する·Emscripten MOONGIFT
EmscriptenはLLVMをJavaScriptに変換するソフトウェア。PythonやLuaをWebブラウザ上で実行できる。 EmscriptenはPython/JavaScript製のオープンソース・ソフトウェア。LLVM（Low Level Virtual Machine）という技術がある。ソースコードをアーキテクチャに依存しない中間コードに変換し、最適化した上で各マシン向けにネイティブなコードを出力することでより効率的なバイナリを作成できるというものだ。 Python実行例 つまりLLVMが生成する中間コードを使えば、元々の言語は気にせずに動くという訳だ（おそらく）。それを実証してくれるプロジェクトがEmscriptenだ。 EmscriptenはLLVMの中間コードをJavaScriptに変換するソフトウェアだ。つまり中間コードにさえ変換できれば、それをJavaScriptに変
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
実践・ウェブアプリ高速化テクニック#Chrome+HTML5 Conference