欽ちゃんの仮装大賞で使われていたパネルをwebアプリのツールとして再現してみました。操作方法は A S D キーでカウントアップ、R キーでリセットできます。ヘルプボタンからスマホ向けのボタンを表示する機能がありますので、スマホユーザーの方はそちらのボタンを利用して楽しんでください。
欽ちゃんの仮装大賞で使われていたパネルをwebアプリのツールとして再現してみました。操作方法は A S D キーでカウントアップ、R キーでリセットできます。ヘルプボタンからスマホ向けのボタンを表示する機能がありますので、スマホユーザーの方はそちらのボタンを利用して楽しんでください。
この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事 で使い方など詳しくご紹介していますので、ぜひご参照ください! 2024/05/07 追記 最新の登壇スライドバージョンはこちらです。 登壇時の様子がYouTubeに上がっているのでよろしければあわせてご覧ください。 はじめに 言い切りタイトルすみません 僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています 極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います 帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です 動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかな
2021/5/17追記 2021年5月現在、Safariではこの方法に対応していません。Safari用に別途ファビコンを用意する必要があります。 ちょっとしたWebサイトを作るときに地味に面倒なのがファビコンです。わざわざ画像を作るのも、どこかからちょうど良い画像素材を持ってくるのも、アップロードするのも面倒だったりします。 そんなときは絵文字をファビコンとして使いましょう。 やり方 先にやり方を載せておきます。これをHTMLの<head>の中へコピペすればファビコンとして絵文字が表示されます。 <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text x=%2250%%22 y=%2250%%22 style=%
Web標準のHTTPクライアントfetch()でストリーミングしながらアップロードできるようになる。
ある日、自分の親や夫がボケたら、亡くなったら…。「その時」はいつか必ず来るとわかっていても、つい先延ばしにする人は多い。58才主婦・香川さんが話す。 「最近、うちの父も足腰が弱ってきて、歩くのも難しくなってきました。万が一の時を考え、そろそろ家族で話し合っておこうと思いますが、『お父さんが死んだらさ』とは言い出しにくくて…」 久しぶりに親族が集まっても、大事なことは結局、誰も切り出せずじまい。香川さんのような家庭は多いのではないだろうか。 だが、先延ばしにしてよいことなど1つもない。家族の死後は通夜に葬儀にやることが山積みで、その後も延々とさまざまな手続きに追われる。 そればかりか、親と生前にしっかり話し合わなかったがために、期限内に適切に手続きできず、損したり、トラブルに発展したりすることもあるのだ。 別掲の「早わかりカレンダー」に、家族の死後、どんな手続きがどれくらいあるかをまとめた。
本連載では第一線のPerlハッカーが回替わりで執筆していきます。今回のハッカーはDeNAの嶋田裕二さんで、テーマは「高速なWeb APIの実装とテスト」です。 Web APIの基礎知識 はじめまして、DeNAでMobageオープンプラットフォームのWeb API(以降Mobage API)を実装しているxaicronです。Mobageオープンプラットフォームは、Mobageの機能をWeb APIを通して外部の開発者に公開することにより、ソーシャルゲームをユーザに提供するサービスです。 簡単に説明するとWeb APIとは、HTTPを利用してネットワーク越しに処理を行い、結果を返すしくみです。最近ではJSON(JavaScript Object Notation)というフォーマットを利用してデータのやりとりをすることが多くなっており、Mobage APIも基本的にはJSONを受け取って処理を行
今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■
あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。 本当にあった怖い話 上司 「とにかくJavaScriptのコードを速くしてくれ」 私 「分かりました、速くします」 (次の日) 私 「いいプロファイラがないなら作ればいいじゃない」 同じチームの人 「えっ?」 私 「最高のJavaScriptプロファイラ作ったよ」 同じチームの人 「「えっえっ???」」 私 「早速使ってみたらこことここが遅いって分かったよ」 同じチームの人 「「「この子は一体…」」」 JavaScriptのプロファイリングの難しさ 近年、Webブラウザーの処理速度は著しく向上し、その可用性の高さから、アプリケーションのプラットフォーム
「完全な『パクリ』レポート」を作成せよ──大阪市大の課題、その狙い 常識や先入観を逆手に ITmedia ニュース 2月16日(月)14時53分配信 「完全な『パクリ』レポートとして作成せよ」「自分で独自に執筆した文章を一字一句たりとも交えてはならない」――大阪市立大学文学部で示されたレポート課題が話題を集めている。Web情報の「コピペ」(コピー&ペースト)に頼る学生が問題になって久しいが、あえて「パクリ必須」を課す狙いや学生の反応を、同大大学院文学研究科の増田聡准教授に聞いた。 【その他の画像】 話題になったのは、「授業関係の連絡」として学生向けに掲載された「表現文化論特論」の期末課題。2月10日に増田准教授が自身のTwitterで紹介し、現在までに700リツイートを集めている。 「『佐村河内事件に思う』という題名を付し、この題名に即した内容のレポートを作成せよ」という課題は特に珍し
恐ろしいことですが、実装が全然違うStruts2の脆弱性S2-020と同様の攻撃手法で、Struts1も脆弱性があることが分かりました。 http://www.lac.co.jp/security/alert/2014/04/24_alert_01.html ここではあまり明らかになっていませんが、原因は // Set the corresponding properties of our bean try { BeanUtils.populate(bean, properties); } catch(Exception e) { throw new ServletException("BeanUtils.populate", e); } finally { if (multipartHandler != null) { // Set the multipart request handl
ウィリアムのいたずらが、街歩き、食べ物、音楽等の個人的見解を主に書くブログです(たま~にコンピューター関係も) Struts1の脆弱性の問題 Struts1.X系に脆弱性の続きーもとはStruts2系の脆弱性(中間報告:その1) http://blog.goo.ne.jp/xmldtp/e/eaeeba0f8c4a6ed91d832e79068557c2 を書いてから、Struts1からStruts2への移行に、皆さん関心あるらしく、 StrutsとStruts 2の違いを、必要なファイルの立場から見る http://blog.goo.ne.jp/xmldtp/e/b2b5f4f3904834f210e1ba0d3f45c8ac?fm=entry_awp のアクセスが増えている。 しかし、実は、そこに書かれているよりも、移行には、かなりの手間がかかるので、 ものすごく簡単な例を挙げて、それ
教養の運命 大塚英志 教養、ということばがかつてあった。歴彦(つぐひこ)は「インテリジェンス」ということばとしてタイム社の副社長からこれを聞いた。 面倒だが、まず、「教養」から始めたい。 そして、ここで、教養ということばを試みでウィキペディアでの記述のされ方を確かめてみる、と記した時点で、ぼくは既に「教養」とかつて呼ばれたものの変質を実は端的に物語ってしまっている。つまり、一つのことばから何かしらの議論を組み立てようとした時、かつては「辞書」からそのことばの定義なり語源を拾い出して議論を組み立てていく、というのが一つの作法としてあったからだ。だが恐らくある年代にとってはもはや「辞書を引く」という行為そのものが消滅しているにちがいない。例えば「辞書」の代名詞であった岩波書店の『広辞苑』もまた、「辞書」という書物の形以外にCD─ROM、電子ブック、電子辞書、携帯電話端末のサービスという形で書物
CSS や JavaScript ファイルなどを gzip 圧縮して転送量の削減や Web サイト表示速度の向上を実現する方法を解説。既存 Web サイトのソースには一切手を加えない方法でまとめています。おまけでキャッシュ関連の記述もあり。 いや、1バイトの無駄もゆるせねぇんだよとか、難読化したいとかなら別にやればいいんですけど、CSS や JavaScript ファイルの改行やスペースを削除しただけでファイル容量圧縮、読み込み速ーい的なこという人がいるので今さらですが書いてみます。すでに色々なところで書かれてるのでかぶるのは承知の上で。 改行や無駄なスペースなどを削除すること自体が悪いと言ってるわけではありませんのでその辺は誤解ないようにお願いします。ただ、gzip 使って圧縮するのに比べたら、改行削除して削れるファイルサイズなんて微々たるものです。もちろん、両方やれば最大限ファイルサイ
ライトノベルの人気投票企画、「好きなライトノベルを投票しよう!! 2012年上期」の結果が出て、「2012年上半期ライトノベルツイッター杯」の投票も締め切りを迎えました。いつもなら私も参加していたところでしたが、このところの私はまったくラノベを読むことができない絶望的状況に陥っておりまして、今回は投票ができませんでした。その埋め合わせと言ってはなんですが、ラノベの代替食料として貪り読んでおりますWeb小説の個人的ベスト10を書いておこうと思います。順不同です。よろしくお願いします。 『八重鏡』藤崎悠貴 http://ncode.syosetu.com/n3245bc/ (完結済) 「小説家になろう」と言えば異世界召喚ファンタジー!ということで、まずはこちらをオススメいたします。最初はしかつめらしい文体に戸惑われるかもしれませんが、慣れれば作品自体は軽妙なもので、意外にするすると読めると思い
今のインターネットはIPバージョン4で動作していますが、そのIPv4で各機器を識別するためのIPv4アドレスが遂に事実上枯渇しました(参考)。 長年「枯渇する」と言われ続けていましたが、それが遂に現実の物となりました。 ここでは、IPv4アドレス枯渇とは何かと、それによって何が起きるのかを紹介します。 IPv4アドレス枯渇に関して、アナログ放送の停波と地デジへの移行や、原油枯渇と似たようなものであるような認識が多く見られますが、個人的にはIPv4アドレス枯渇後のIPv4アドレスのアナロジー(類比)としては相撲の親方株の方が近い気がしています。 まず、アナログ放送の停波と地デジへの移行ですが、アナログ放送は2011年7月に一斉に停止します。 しかし、IPv4アドレスの場合は、ある日突然IPv4が使えなくなるわけではなく、今まで使っているIPv4アドレスはそのまま使い続けられるという意味でアナ
オンラインゲームに不正アクセスしたとして、コンピュータープログラマーの男ら2人が、不正アクセス禁止法違反容疑で神奈川県警に逮捕された。事件の摘発で、ゲーム内では価値があるとされ、仮想通貨で取引されているキャラクターが使うアイテムが現実世界の通貨で取引されていた実態が浮かび上がった。男らは不正入手した他人のアイテムを転売して現金を手にしていたが、ゲームをめぐる法律は未整備なのが実情となっている。(太田明広、黒田悠希) 急成長産業に潜むわな 日本オンラインゲーム協会(東京)によると、平成16年のゲームのプレーヤーは延べ約2千万人で売り上げは約580億円だったが、21年には約8500万人、約1300億円と急成長を遂げている。同年のゲーム運営会社は118社で、ゲーム数は570タイトルに上っている。 今回の事件の舞台となったのは、「リネージュ2」というオンラインゲーム。ゲーム内に登場するキャラクター
あと半年後ぐらいに予定されているIPv4アドレス枯渇に関して箇条書きにしてみました。 とりあえず、ざっと思いつくのはこんな感じです。 何か思い出したら、また箇条書きにしてみるかも知れません。 IPv4とIPv6には互換性がないので、結果として二つインターネットが出来る形になる IPv4アドレスが枯渇してもIPv4は使われ続ける IPv6への移行が進むとしても、ペースは遅いと予想されている IPv4が全く利用されなくなるほどIPv6への移行が進むかどうかを疑う人は日本では特に多い 全体としてIPv6へと移行する方向であるが、それがどれぐらいの速さかまだ誰にもわからない 2010年現在、IPv6ネットワークは世界的に拡大し続けている 2010年時点で最も積極的にIPv6を推進しているのがフランス 2010年に入ってからアメリカでも積極的にIPv6が用意されている IPv4アドレス枯渇は、ただち
政府が非公開とした尖閣ビデオがユーチューブに流出した問題で、検察が同サイトを運営するグーグルに対して投稿者の通信記録の開示を要請した。これに対してグーグルは「法律に基づく要請があれば、捜査に協力していく」と回答。さて、いったいどういう法的根拠だとグーグルは尖閣ビデオ流出投稿者記録を開示するだろうか。愚問かもしれないがわからない。存外に深い問題を秘めているかもしれないのでブログで愚考してみたい。 尖閣ビデオ流出から三日以上も経ち、NHKの7時のニュースでも毎日報道され、それなりに流出の真相解明が進んでいるのかと思いきや、実際に流出映像が投稿されたユーチューブ側での解明は進んでいない。 この件について今日のNHK「グーグル“捜査には協力”」(参照)はこう報道している。 この問題で検察当局は、衝突事件の映像が流された動画投稿サイトの「ユーチューブ」を運営するアメリカの大手ネット企業のグーグルに対
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く