JavaScriptで作ったお絵描き掲示板のソースを公開するよ | fladdict
去年、ノリで数日で作り上げたJavaScript製のお絵描きアプリ、JSPaintのソースコードを公開してみた。 なんとなく勢いで。 Download 1週間で実装したわりには、指先ツールとかカラーピッカー、Undoまで完備されていて結構頑張ってるんじゃないかと。ただしIEでは（メンドイので）動きません。Twitter投稿のみphpを使っていてZendのフレームワークが必要です。この辺は @sumihiro さんのご助力に感謝です。 ソースの書きかたが、ちょっとクラシックでprototypeで疑似クラスを作っていますが、まぁ気にしない。本職JavaScripterでもないので割と突っ込みどころが満載です。 こまかい事はTwitterのfladdictで捕まえて聞いてください。
Selenium何とかっていうツールがやたら色々あるのはどういうわけなのか | MagicPod Tech Blog | MagicPod: AIテスト自動化プラットフォーム
ブラウザの画面テストを自動化するツール、Selenium。 大変便利なツールなのですが、Selenium RC、Selenium IDE、WebDriverなど色々な名前が出てきて、「なぜこんなややこしいことになっているんだろうか」と思ったことはありませんか? その理由を知るには、Seleniumの歴史について知る必要があります。 今回は、Seleniumの誕生から2013年5月現在に至るまでの歴史を振り返りながら、それぞれのツールがどのような位置付けのものなのか、見ていくことにしましょう。 ※ 歴史はいいからとりあえずSeleniumを使ってみたい、という方は、Selenium公式サイトからSelenium IDEをダウンロードすれば使えます。 Selenium Core Seleniumの原型は、米ThoughtWorks社で働いていたJason Huggins氏によって2004年に作
Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能
Webアプリのデバッグやチューニングに役立つ、Chrome Developer Toolsの主要機能を、スクリーンキャプチャ中心で簡潔に紹介。2014年10月に最新情報に改訂。 モダンブラウザーの中でGoogle Chromeは最後発ながら、その機能の潤沢さ、便利さ、高速さからシェアを大きく伸ばしている。そして、今やほとんどのブラウザーではWindowsの場合F12キーを押すことで（Macの場合はCommand＋Option＋Iキーで）手軽に各ブラウザー搭載のデベロッパーツールを利用できるが、特にChromeのデベロッパーツールは、非常に機能が豊富なため、利用している人もかなり多い。 本稿では筆者がよく使う機能や、使うと便利な機能を中心に、Chromeのデベロッパーツールについて紹介していく。なお、本書は執筆時点で、最新のChrome 38を使用している。 機能ふかん 残念ながら、Chro
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
電気代計算君
スポンサードリンク 家電製品の消費電力から電気代(電気料金)とCO2(二酸化炭素)排出量が計算できます。 1. 種類： ※「種類」を選択すると、「1日あたりの使用時間」が自動的にセットされます。ここでセットされる時間はあくまで目安なので、実際に使用している時間を入力してください。 2. 消費電力： W（ワット） ※半角で数字を入力してください。 入力例1: 「28W」と「30W」をセットで使用する場合→28[W] + 30[W] = 58[W] 入力例2: 「340kWh/年」の場合→340[kWh/年] x 0.114（冷蔵庫専用の係数） = 38.8[W] 家電製品の「消費電力」を調べるには… 3. 1日あたりの使用時間： Hour（時間） ※半角で数字を入力してください。 入力例1: 1日2時間、ただし3日に1回のみ使用する場合→ 2[時間] ÷ 3[日] = 0.67[Hour]
ビル・ゲイツも融資！ 研究者のためのFacebookこと「ReseachGate」が科学に変革をもたらす | ライフハッカー・ジャパン
ここ数年で最も革新的なネットサービスといえば、その1つにFacebookが挙げられるでしょう。実名ベースの「つながり」を元に、情報の交換・共有を可能にしたFacebookは私たちの生活に大きな影響を与えました。 Facebook以上にこの「つながり」のパワーを発揮しようとしているソーシャルメディアが「ResearchGate」です。「研究者のためのFacebook」として注目されているその試みとはいかなるものでしょう。まずはどのようなサービスかを紹介し、そのあとで何が注目に値するかを見ていきます。 スタートアップが盛り上がるドイツの首都、ベルリンに拠点をおく ResearchGateはベルリンに拠点を置くスタートアップ企業。2008年にウイルス学者のIjad Madisch氏を含める3名の若者によって設立されました。 拠点にベルリンが選ばれた背景についても触れておきましょう。ベルリンは今、
感覚派デザイナーも知っておいて損はない「デザインの要素と原則」 | WebNAUT
「あなたは感覚派デザイナー？それとも理論派デザイナー？」 このような質問をされると、理論派デザイナーだと答えたくなる理系出身デザイナーのタカハマです、こんにちは。 今回は、そんな理屈っぽい私の大好物である「デザインの要素と原則」をご紹介したいと思います。理論派デザイナーの方はもちろん、感覚派デザイナーの方も知っておいて損はないですよ！ 「デザインの要素と原則」はビジュアルデザイン全般に活用できる Webデザインに限らず、ビジュアルデザインの基礎を学ぶ上で、大変参考になる「デザインの原則」というものがあります。いわゆる「Design elements and principles（デザインの要素と原則）」や「Gestalt principles（ゲシュタルト原則）と言われる原則で、デザインの構成要素や要素同士の関係性が全体に与える影響をまとめたものになります。 調べてみると識者によって分類や
「わざと脆弱性を持たせたWebアプリ」で練習を
命名・「やられWebアプリケーション」（仮） 構築したWebアプリケーションがセキュアかどうかを確かめる方法として、疑似的に攻撃を行うことで問題を発見する「脆弱性診断」があります。脆弱性診断は専門業者が実施することがほとんどだと思いますが、あなた自らが脆弱性診断の技術を身につけることで、セキュアWebアプリケーションについての理解が深まるとか、自社内で脆弱性診断ができるようになるといったこともあるかもしれません。 脆弱性診断の技術を身につける過程では、脆弱性を見つける手法を試したり、診断ツールを試したりする必要がありますが、診断といえど攻撃と同様のことを行うので、気軽に実稼働環境で実験するわけにもいきません。ましてや、他人や他社のWebサイトで試すなどはもってのほかです。 そこで、わざと脆弱性を持たせたWebアプリケーションと、それを動作させる環境が必要になります。 このような環境をわざわ
Apacheのアクセスログを解析するフリーソフト4種
レンタルサーバーなどで一般的に使用されているApacheで吐き出されるログを管理・解析する為のツールを4種類紹介します。 いつもは「自分で試したものを紹介する」スタイルを取っていますが、今回は「これから試す」ものの紹介で、全く試していません。 定番なもの・これは使えそうと思ったものを挙げています。 ApacheLogViewer メジャー・基本。GUI で視覚的に詳細なデータを閲覧可能。フリー。 ダウンロード：ApacheLogViewer のダウンロード 「Windows用」となっているので、恐らくログをダウンロードしてローカルで解析するタイプ？ 作者は日本人。GUIは分かりやすくて丁寧。 解説サイト↓ ApacheLogViewer:インストールと基本的な使い方 - ItsMemo::IT 「ApacheLogViewer」：：自宅サーバー構築ブログ Visitors GIGAZINE
"Web開発ツールを使いこなせ!"クリエイターの道具箱(6) 期待のWeb開発特化軽量エディタ、Adobe Brackets
第4回より、Web開発に特化した開発環境/エディタとして、GUI/CUIそれぞれの著名な開発プラットフォームを、第5回では最新版にて大幅にWeb開発の機能が強化された高機能開発プラットフォーム、NetBeansについて紹介しました。今回は、Adobeがオープンソースソフトウェアとして公開している軽量Web開発エディタ・Bracketsについて取りあげたいと思います。 Adobe Bracketsとは Adobe Bracketsとは、Adobeが開発・公開しているエディタです。The MIT Licenseのもと、オープンソースソフトウェアとして公開されています。Windows、Mac OS X上で動作します。 特徴は次のとおりです。 ・初期状態でHTML/CSS/JSをサポート ・ライブプレビュー、コード補完、自動インデント、JSLint ・必要最低限の機能のみを搭載。利用者が別途欲しい
"ストレスに悩まない職場をつくる"―ストレスチェック・組織改善ツール・アンケート自動入力は情報基盤開発
ストレスチェック 紙・WEBどちらにも対応したストレスチェックキットを提供しています。紙版は最低価格を保証！ 詳しくみる ABOUT 情報基盤開発について 株式会社情報基盤開発は、独自開発した紙データの自動入力・集計システムAltPaper（アルトペーパー）を中心に、AltPaper事業（アンケート集計事業）、ストレスチェック事業、SI事業を展開しています。 当社は、経営者が東京大学在籍時に橋梁情報や検査結果の管理を行なうシステム「橋守Eagle-eye」を開発し、2004年に創業しました。その後も研究開発を続け、新たに開始したのが手書き回答アンケートのデータ入力・集計作業を自動化するAltPaperです。このAltPaperという名前は、AlternativeとPaperを組み合わせたもので、「紙の別の可能性を追求したい」という思いが込められています。 現在も様々な作業に紙が用いられてい
TechCrunch | Startup and Technology News
When Alex Ewing was a kid growing up in Purcell, Oklahoma, he knew how close he was to home based on which billboards he could see out the car window.…
)
Web ページへの Windows Media の追加
この例では、メタファイルに MyFile.wvx という名前を付けることができます。両方のファイルに同じ名前を付ける必要はありませんが、同じ名前を付けておくと、ファイルがたくさんある場合に整理しやすくなります。 メタファイルを作成し終わったら、Web サーバー上に公開して Web ページからアクセスできるようにします。次のステップはシンプル リンクの追加です。 シンプル リンクの追加 Web ページから Windows Media ファイルを再生またはライブでストリーミングする最も簡単 (および多くの場合、最適) な方法は、メタファイルに簡単なハイパーリンクを挿入することです。エンド ユーザーがリンクをクリックすると、Windows Media Player が開き、エンド ユーザーのコンピュータに Windows Media Player がインストールされているという想定に基づいて、デ
「Webサイトの配色で困った！」→「HUE/360使えば良いじゃない」
Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
codepad
Your Friendly Web Development Companion
日本語文章校正ツール - フリーで使える表現チェック・文字校正支援Webツール
レッツPHP!
落書きから似たような画像を検索してくれる『Gazopa』 | 100SHIKI
IDEA * IDEA
