「うわ・・・私の年収、低すぎ？」メーカー
うわっ・・・メーカー v0.96 巷でよく見る「うわ・・・私の年収、低すぎ？」のバナーっぽいものを作ります。 吐出されたソースをコピペすると、程よくホームページやブログに張り付けられます。ご自由にどうぞ。 1行目：：全角文字ならレイアウトが崩れにくいです 2行目：：1行目+2文字ぐらいだとバランスがいいです 3行目： 4行目： リンク先URL：空欄でもOKです。 イメージ： ソース ※HTMLのbodyタグ内にコピペすると動くかもです。divなど任意のブロック要素内に書けばその要素の末尾に表示します。 ※ブログパーツとしても動くかもです。(試してないです) ※動かないかもしれないです。FireFoxとChromeで確認してます。 ※イメージファイルはサーバに一旦アップロードしますが残していません。そもそもファイルを置けないサーバです。 ※FileAPIを使えるブラ
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
挙動が大事！ JavaScriptでWindow.closeする時のブラウザ別対応まとめ - TechNote
社内用のWebシステムにこれまで設置してなかった「閉じる」ボタンを設置することになった際、少々ブラウザ問題でつまずいた点があった。ググっても最近のwindow.close周辺の情報を見つけることができなかったのでまとめておく。 photo credit: flod via photopin cc １．まず、閉じるボタンの必要性 ２．IE（シェア：57.8%） ３．Firefox（シェア：18.9%） ４．Chrome（シェア：16.0%） ５．safari（シェア：5.6%） ６．まとめ あわせて読みたい ※ちなみにバージョンはie10、firefox26.0、chrome 31、safari 5.1.7です。 １．まず、閉じるボタンの必要性 ブラウザには標準で×（閉じる）ボタンがついているのに、どうして閉じるボタンを自作する必要が生じるのか？ 一般的には、システム終了のタイミングで何らか
プログラマなら思わず「くすっ」と笑う「コード大喜利」結果発表！！ #java #javascript｜CodeIQ MAGAZINE
JavaScriptか、Javaを使ったコード大喜利の結果発表です。審査員は、出題者の柳井政和さんと、CodeIQ運営事務局です。審査員によって見事選ばれた解答コードは、額縁にいれて表彰いたします！ さぁ、よってらっしゃいみてらっしゃい！ by CodeIQ運営事務局 ● 「コード大喜利」結果発表 プログラマーなら思わず「くすっ」と笑う、短いコードを投稿する「コード大喜利」。その結果を発表いたします。 今回募集したプログラミング言語は「JavaScript」と「Java」です。 お題は、3種類（クリスマス、ドラえもん、スターウォーズ）とフリースタイルを用意しました。 結果、「クリスマス」「ドラえもん」「フリースタイル」が届きました。 というわけで、まずは、私「クロノス・クラウン 柳井」が選んだ投稿を掲載して、その後に、「CodeIQ運営事務局」が選んだ投稿を掲載、その後に選出されなかった投
JavaScriptで高速なコードを書く際の注意点。または私は如何にして心配するのを止めてJSXを作ることにしたか
JavaScriptで高速なコードを書く際の注意点。または私は如何にして心配するのを止めてJSXを作ることにしたか 本日、福岡で開催されたプログラミング言語のパフォーマンスを考えるイベント「ぷろぐぱ」で、「JSX 速さの秘密 - 高速なJavaScriptを書く方法」という演題で講演しました。 JavaScriptで速いコードを書こうとする際に陥りがちな罠を紹介し、それらの問題にJSXではどうやって対処しているか、プログラミング言語設計と最適化機能の実装を説明しました。プログラミング言語設計に興味がある方にとっても、JavaScriptを使ったプログラミングに興味がある方にとっても面白い内容になっているかと思います。
【JavaScript】デバッグをする際に使える22個のconsoleオブジェクトのメソッド - ノンカフェインであなたにやさしい
JavaScriptのデバッグをする際にconsole.logをよく使いますが他にも便利なメソッドがあります。 consoleオブジェクトの中身を確認すると以下のメソッドが定義されています。 assert clear count debug dir dirxml error group groupCollapsed groupEnd info log profile profileEnd table time timeEnd timeStamp timeline timelineEnd trace warn console.assert(expression, object) expressionが偽の場合、コンソールにobjectを出力します。 console.clear() コンソールをクリアします。 console.count(label) コンソールにlabelと累計実行回数を出力
Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
ブラウザ上でLinuxが動く! なんとGUIも! Javascriptで実装されたOR1Kエミュ『jor1k』|ガジェット通信 GetNews
ブラウザ上でLinuxが動く! なんとGUIも! Javascriptで実装されたOR1Kエミュ『jor1k』 いやはや、世の中にはクールで変態なハッカー（褒め言葉）がいるものです。 この『jor1k』というプログラムは、完全にJavascriptで実装されたOR1K（OpenRISC 1000）エミュレーターで、ブラウザ上でLinuxを実行することができてしまいます。 ブラウザ上でLinuxを起動してターミナルでコマンドラインの入出力をするだけであれば、これまでにも「Javascript PC Emulator」というJavascriptで実装されたPCエミュレーターがありました。しかし、『jor1k』のスゴイ所はX Window Systemが起動しGUIもちゃんと操作できることです。たとえば、冒頭の画像は、“お決まり”のxeyesを起動してみたところです。ちらつきはあるものの、目玉が
そのまま使える正規表現集 for regExp (javascript) | 素人ときどき玄人
一定期間更新がないため広告を表示しています
世の中のHTML5アプリケーションが糞だから、俺が「初期化」の作り方を教えてやんよ - mizchi's blog
2chまとめみたいなタイトルにしてみた。(してみたかった) HTML5のアーキテクチャと初期化とキャッシュの考え方が、「ウェブエンジニア」は本当に出来てない。 とくにソシャゲをウェブビューに貼ってスマホ対応しました系。本当にダメ。 じゃあどうするか？基本的に「初期化」の考え方を直せばどうにかなる。 (この記事はBackboneを使うときに考えてることだけど、他でも一緒だと思う) 前提 シングルページアプリケーション セマンティクスやSEOは考慮しない 基本哲学 共通モデルの初期化を徹底的に行う サーバーにリクエストを投げるのは最小限 クライアントでサーバーモデルのキャッシュを作り、更新が期待されるまで再取得しない 理由 いくらDOMの最適化したところでUXに影響が大きいのはサーバーリクエスト(200~2000ms)で、プログラミング段階で辛さがあつまるのは非同期処理の部分。 プログラマとし
モジラ、互換Flashプレイヤーの「Shumway」をJavaScriptで開発中
モジララボは現在、SWF形式ファイルを再生できる互換Flashプレイヤー「Shumway」を開発中だそうです。 モジラジャパンの浅井氏のツイートで知りました。 JS実装FlashプレイヤーShumwayの動作サンプル bit.ly/LvmcNO と解説 bit.ly/LvmdRU PDF.jsに続いてFlashもJSによるプレイヤーを同梱する日が来るかもね — dynamis (でゅなみす)さん (@dynamitter) 6月 19, 2012 GithubのShumwayのページには以下のような説明があります。 Shumway is an HTML5 technology experiment that explores building a faithful and efficient renderer for the SWF file format without native c
Exuberant CtagsのJavaScript解析能力を向上させたので、それをvimのtaglist.vimに適用してみた - 新・日々録 by TRASH BOX@Eel
id:eel3:20090326:1238028321 の続編。 コードを書く時は基本的にvim派*1なので、関数などのオブジェクトを一覧表示してくれるtaglist.vimを愛用している。 taglist.vimは背後でExuberant Ctagsを使っているので、ctagsの解析能力が向上すれば関数一覧に表示されるものも増えるはず……なんだけど、そこは現実社会ほどではないけど事前の根回しが重要、ということらしい。 ctagsで解析されていても、taglist.vim側で表示しないオブジェクトがある id:m-hiyama:20080627:1214549228 にsample.jsというサンプルソースがあるけど、試しに手元のExuberant Ctags 5.7J1で「ctags sample.js」でタグを生成させたら、こんな結果になった*2。 !_TAG_FILE_FORMAT
別ドメインのjsonデータをXMLHttpRequestでやりとりする | バシャログ。
いつのまにやら家から5分の距離に新しくコンビニができたことに気づいたtanakaです。 今日は、別ドメインのjsonデータをXMLHttpRequestで普通に取得するにはどうすればいいか調査したので方法をまとめます。実装としてはもう4年くらい前から使えるようになっていますが、私はまだ使ったことがなかったので。 XMLHttpRequest とクロスドメイン XMLHttpRequest が Internet Explorerに実装され、それ以外のブラウザに実装された当初は JavaScriptが実行されたページのドメイン以外にリクエストを送りデータを受け取ることはできませんでした。別ドメインに非同期でリクエストするためにいくつかの方法が考えられましたが詳しい説明は省略します。(一旦サーバを経由する・Flashを経由する・JSONPを使うなど) 2009年になりXMLHttpRequest
『スマートフォン向けJavaScriptライブラリ tofu.js』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは！ 現在ブラウザベースの新規ゲームの立ち上げをしています、2013年入社のチャーリー@charlie10151015です！ 主にフロント側をメインにJavaScriptというへんてこな言語を書いています。 最近のマイブームは3D関連でthreejs, webGL, Blenderなどに手を伸ばしております。 tofu.jsについてお話できればと思います。 tofu.jsとは？tofu.jsはHTML5に組み込まれたcanvasをFlashライクなコードで利用できるJavaScriptのライブラリです。 弊社の主席エンジニアが開発し、
innerHTML += ... な書き方について - hogehoge @teramako
DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマーク - DOM操作の最適化によるJavaScriptチューニング（前編） | HTML5Experts.jp はてなブックマークで『後でツッコミする』と書いたとおり、ちょっとツッコミたいと思う。 ツッコミ記事のつもりが、自分がツッコミされることとなり、ダメダメな記事です。それでも良ければお読み下さいｗ // サンプル1: パフォーマンスが悪い var ul = document.querySelector('#output'); for ( var i = 0; i < data.length; i++ ) { ul.innerHTML += ‘<li>’ + data[i] + ‘</li>’; } 上記コードはダメなコードであり、理由は、 li要素をループが回るたびに追
jstest
The cross-platform JavaScript test framework jstest is a testing framework for JavaScript that’s designed to run on any platform with minimal effort. It provides a familiar RSpec-style API for organising tests that can run on the following platforms: Web browsers: Chrome, Firefox, Internet Explorer, Opera, Safari Headless browsers: PhantomJS, SlimerJS Server-side platforms: Node.js, Narwhal, Ringo
vagrant？それ、WindowsのVmware Playerでもできるよ！（震え声 - @numa08 猫耳帽子の女の子
Windowsだって自動化を夢に見る 仮想マシンを利用してサーバーを運用するシチュエーション、仕事だけでなく一般の家庭でもよくあると思います。 ただ、一言でサーバーと言っても常時動作している必要があるものばかりでも無いかもしれません。 そこで、リモート操作やスケジュール機能を利用してお手軽に仮想マシンの操作を行う必要がでてきます。 そこでvmware playerですよ！！ だって無料だもん。Vmware ESXiのようなハイパーバイザではないため、現在利用している環境を壊したり、 新たな環境を用意する必要はありません。 また、Vmware VIXを利用すればコマンドラインから仮想マシンに対して様々な操作を行うことができます。 起動とサスペンド WindowsなのでJavaScript（CScript)です。 var targets = new Array("\"F:\\Virtual M
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://s-macke.github.io/jor1k/
JavaScriptアプリケーションのためのデザインパターン
素早く簡単にGoogleマップを導入できるjQueryプラグイン「initmap.js」:phpspot開発日誌