FlashはAdobe Systems社が音声や動画、ベクターグラフィックスのアニメーションを組み合わせてWebコンテンツを作成するソフトであり、作成された動画コンテンツもFlashと呼ばれています。最初、Flashは動画ファイル（MPEG）より軽く、簡単に人、動物などの動きを表示できるために、Webサイトで埋め込む動画形式として普及になります。 HTML5の新時代 でも、Web業界のスーパーヒーローとしてのFlashの会社Adobe Systemsが、モバイル端末向けFlash Playerの開発を中断すると発表しました。一時にまだ取れないですけど、Adobe Systemsのこの思い切った決断を行うなんて、決して意外なものではありません。 近年、HTML5に対する注目度が高くなるにつれて、Flashの終わりに加速させます。特に 、IEがFlashの「ゼロデイ攻撃の脆弱性」を見つけて、セ
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。 画像は元記事からの引用です。 初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました 本気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。 私は毎日のように、重要なユーザー情報をlocal storageに保存す
概要 このドキュメントではローカルストレージの説明と、各ブラウザでの動作を検証する。 ローカルストレージとは、データをブラウザ側に蓄積する仕組みである。 保存時に、サイトごとにKeyと文字の組み合わせでデータを格納する。 サイトごとの領域は、それぞれ独立しており、別のサイトで記録したデータを操作することはできない。 また、それぞれのサイト毎に保存できる上限は制限されている。その具体的サイズはブラウザ毎にことなる。 詳細な仕様は下記を参照のこと。 https://html.spec.whatwg.org/multipage/webstorage.html#the-localstorage-attribute 実装例 下記にローカルストレージの実装例を紹介する。 localStorage APIの使用例 localStorageの操作を行うAPIの使用例を紹介する。 このAPIは、処理が完了す
もはや皆さまおなじみの「HTML5」ですが、今回はその機能の１つの「Web Storage」について特徴から動きについてざっくりと触れてみたいと思います。 はじめまして！昨年の10月よりspiceworksのsystem担当として入社しました「長澤」です！ 以前にもブログにはちょっとだけ出ています… これです！！ 違う違う… これです！！ ※元ネタの内容はぜひこちらをご覧ください！！ 以後お見知り置きをお願いしますm(_ _)m プログラムについてはまだまだひよっこで、毎日英数字の羅列との格闘を繰り広げています。 そんなフレッシュで脂の乗った長澤が贈るブログに少しの間お付き合いください。 ■Web Storageとは ローカルにデータを保存する仕組み。 種類は「session Storage」と「local Storage」の2つ。 データ保存容量は約5MB(※ブラウザ及びバージョンにより
■sessionStorageは、一回限りのセッションで有効なストレージ sessionStorageは、ウィンドウやタブ単位での一回限りのセッションで有効なストレージです。 ウィンドウやタブが開いている間のみデータが保存され、閉じるとデータが失われます。 同じドメインのサイトを別々のウィンドウで開いている場合には、それぞれが別のsessionStorageとなります。 クッキーとは異なり、ウィンドウ間でデータが共有されることはありません。 sessionStorageを利用する一例を挙げてみます。 例えば、2つのウィンドウで同じサイトを開きながら航空券を注文する場合、 クッキーでは買い物かご情報が混在してしまって、同じフライトのチケットを気づかずに2枚注文してしまう可能性があります。 sessionStorageでは、それぞれが別のセッションとなるため、 別ウィンドウの買い物かご情報が混
Canvasでは線を引くだけではなく、さまざまな図形を描くためのメソッドを用意しています。このコーナーではCanvasで利用できる図形描画のいくつかをご紹介します。 矩形（長方形） 先ほどのコーナーでは、線を引くことで矩形を描きましたが、一発で矩形を描くメソッドがあります。 ctx.fillRect(x, y, width, height) 塗りつぶした矩形を描きます。x, yには矩形の左上端の座標を、widthに矩形の横幅を、heightに縦幅を引数として与えます。 ctx.strokeRect(x, y, width, height) 矩形を描きますが、枠線のみとなります。引数はfillRectメソッドと同じです。 ctx.clearRect(x, y, width, height) 矩形を削除します。削除された部分は透明になります。引数はfillRectメソッドと同じでです。 それぞ
首都圏のキャバクラは地域によって色が全然違う こんにちは！ 皆さん、キャバクラって行ったことはありますか？w 俺はしょっちゅう行ってるんすけど、いや〜、これが沼で通い出したら止まらないww だからお金ができるたびに首都圏のキャバクラを回ってるんすけど、よく調べてみると、キャバクラって地域によって全然毛色が違うんですよ！ そこに通う人のニーズだったり、好みだったりがお店に反映されてんのかな？w だからキャバクラにハマる人って、初めて行った店の雰囲気とかキャバ嬢の見た目とかでどハマりする人と、そんなにハマらない人がいるんですよね。 俺はその前者wどハマりして今では抜け出せないところに来てるっすww じゃあ、首都圏、特に東京のキャバクラには地域によってどんな特徴があるのか、紹介していきたいと思います！ 新宿歌舞伎町のキャバクラの特徴と必要な予算 キャバクラって言ったらまず新宿歌舞伎町を思い浮かべ
知っていれば恐くない、XMLHttpRequestによるXSSへの対応方法：HTML5時代の「新しいセキュリティ・エチケット」（3）（1/2 ページ） 連載目次 皆さんこんにちは。ネットエージェントのはせがわようすけです。前回は、同一オリジンポリシーを突破する攻撃の代表的事例であるXSSについて、特にDOM based XSSと呼ばれるものについて解説しました。今回はその続きとして、XMLHttpRequestによるXSSを解説します。 XHR Level 2によるリモートからのコード挿入によるXSS 従来、XMLHttpRequest（以下、XHR）は、表示しているドキュメントと同じオリジン（オリジンについては第1回を参照）としか通信できませんでしたが、現在の主要なブラウザーではXHR Level 2と呼ばれる実装により、オリジンを超えて通信することが可能になっています。 これは、Jav
クロスプラットフォーム開発の大本命!? HTML5もアプリもFlashも開発できる「OpenFL」とは？ 「インタラクティブコンテンツをワンソースでクロスプラットフォームに対応させたい」、それはフロントエンドのデベロッパーであれば誰もが望むことではないでしょうか。一昔前はAdobe Flashが「Open Screen Project」と題して一歩手前まで実現していましたが、iPhoneからFlashを締め出そうとするAppleの強硬な姿勢によって頓挫することになりました。 尾野さん(しっぽさん)からの勧めもあり調べたのですが、「OpenFL」（オープンエフエル）というテクノロジーはさまざまな形式にインタラクティブコンテンツを出力できます。つまりOpenFLを使えばワンソースでクロスプラットフォームを実現できるのです。今回はOpenFLからHTML5とFlashを出力することによってクロス
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
2011年2月26日（土）に開催されました 第五回 ライブドア・テクニカルセミナー の発表資料と動画を公開致します。ご参加頂きました皆様、どうもありがとうございました。 「開発者から見たAndroidとiOSアプリの違い」(佐孝 太郎 株式会社ライブドア) 「HTML5で動くFlash Playerを作ってみた」(紀平 拓男 氏 株式会社 ブロードテイル) 「対談: 新進気鋭のSAPに聞いた現場事情」(石井 武 氏 株式会社オルトプラス/ 聞き手 伊勢 幸一 ) 「スマートフォン向けソーシャルアプリケーション開発の現在」伊藤 直也 氏 グリー株式会社) 講演1「開発者から見たAndroidとiOSアプリの違い」 株式会社ライブドア 開発部開発2G（スマートフォンチーム） 佐孝 太郎（約21分） 1/2 2/2 概要： 「スマートフォン」でひとつに括られるAndroidとiOSですが、
少しまえに、技術評論社のWEB+DB PRESSに「独自フォーマット戦略の終焉」というコラムを書いたのだが、それがウェブ上で公開されたので、ここにリンクを張っておく。 言いたい事は一通り書いておいたので、それに関してはそちらを読んでいただくとして、このコラムを書いた後に二つの新たな動きがあったので補足しておく シャープが海外では ePub をサポートすることに決めたこと これは当然と言えば当然だが、相変わらず日本国内では独自フォーマットのXMDFという戦略には私は賛成できない。「コンテンツを囲い込みたい」という気持ちも分かるが、コンテンツ・プロバイダーも賢くなっている今の時代、結局は自分の首を絞める事になると思う。それよりも、シャープという会社として、ePubなりHTML5のオープンなスタンダードに日本語特有の機能を実装して行くための人的資源を提供してそこでリーダーシップを取るという戦略の
アドビシステムズのイベント「Adobe MAX 2010」がロサンゼルスで行われたのは、先週10月25日（日本時間25日深夜）。同社CTOのケビン・リンチ氏の基調講演では、モバイルデバイスの盛り上がりというIT業界全体のトレンドに触れた後、アドビ製品の最初の話題として登場したのがHTML5/CSS3によるマルチスクリーン対応でした。 一方でFlashとAIRが主役として登場したのは後半。セットトップボックスで動作する「AIR FOR TV」の発表と、ゲームプラットフォームなどに使えるGPU対応のFlashの発表などにおいてです。 ［速報］Adobe MAX 2010。HTML5とjQueryに対応したWebアニメーションツール「EDGE」などを発表 － Publickey アドビのイベントで、HTML5/CSS3/JavaScriptがFlashよりも先に紹介される。これはアドビがHTML
HTML5が拓く新しいWeb（8. html5-dev-jp編） HTML5はコミュニティやベンダの 知恵や経験の蓄積 新野淳一 Publickey 2010/7/16 Web標準のHTML5への進化は、ベンダに対してだけでなく、コミュニティ活動にも影響を与えています。HTML5に関するメーリングリスト「html5-developers-jp」の管理人で、「HTML5とか勉強会」なども主催されている白石俊平氏に、HTML5との出会い、コミュニティ活動のきっかけなどについて聞きました。 ―― 白石さんはいま、「html5-developers-jp」のメーリングリストの管理人で、かつ「HTML5とか勉強会」などの勉強会も主催されていらっしゃいますよね。HTML5の本「HTML5＆API入門」も出されています。そもそもHTML5との出会いはいつごろで、どうしてHTML5だったのですか？ HTM
HTML5が拓く新しいWeb（5. W3C編） HTML5に関わらないと 日本企業は世界から遅れる 新野淳一 Publickey 2010/4/6 HTML5について日本語で議論する「HTML5 JAIG」メンバーに、そもそもHTML5の仕様はどのように決められているのかを聞いた 日本語でHTML5についての議論を行うW3Cのグループ HTML5の仕様は現在、W3C（World Wide Web Consortium）のHTML Working Group（以下、HTML WG）を中心に策定が進められています。HTML WGのHTML5に関する議論は、メーリングリストに入ることで誰でも参加可能ですが、英語でのコミュニケーションであり、また仕様策定に関する内容が中心であることなどから、日本人で参加している人はそれほど多くありません。 そこで、日本語でHTML5についての議論を行うことを目的に
2010年1月、噂の「iPad」が満を持してAppleから発表されました。iPadではFlashが動作しないことが明らかになり、AppleのFlash対応について議論が過熱しています。Flashをめぐって、AdobeとAppleが歩み寄るかと思われた時期もありましたが、もはやその気配はなさそうです。批判や反論はセンセーショナルにクローズアップされるものの、なかなか議論の大筋が見えにくいAppleとAdobeの一連の確執について、HTML5への流れも合わせてまとめていきたいと思います。 ■ 実は歩み寄ろうとしていた時期も… Appleのタッチ系デバイスでのFlash対応をめぐって批判と反論の応酬を繰り返しているAdobeとAppleですが、2009年の年初にはAdobeがAppleに歩み寄ろうとしているとみる記事がありました。 ▽ アドビ、アップルと組んでiPhone用 Flashを開発中
3月9日付けのマイクロソフトのIEBlogにポストされたエントリ「Working with the HTML5 Community」では、マイクロソフトがいかにHTML5の標準化に真剣に取り組んでいるかをアピールしています。 このエントリでは、HTML5関連のワーキンググループやタスクフォースにInternet Explorer開発チームからさまざまなメンバが参加していることが紹介されています。 競合他社やコミュニティとも協力している その内容は、Internet ExplorerプログラムマネージャのTony Ross氏がHTMLワーキンググループに対して意見のフィードバックを行っていること、HTML5 Testing Task Forceでは、Internet Explorer Test LeadのKris Krueger氏がファシリテーターとして参加、また、canvas要素やvide
HTML言語の最新バージョンとして、現在標準化作業が進められている「HTML5」。はてなブックマークでもこのキーワードを目にする機会が増え、「HTML5って何？」と疑問に思っている人も多いのではないでしょうか。今回は、「HTML5って何？どんなことができるの？」という疑問にお答えしたいと思います。 ■HTML5でできること まずは、HTML5を使うと具体的にどんなことができるのかを見ていきましょう。 ＜具体的に何ができるの？＞ ▽HTML5.JP - 次世代HTML標準 HTML5情報サイト ▽HTML5とは？変わるWebと注目の新要素 HTML5.0の情報サイト ▽大幅に進化した次世代 HTML 規格「HTML5」とは？ - japan.internet.com Webビジネス ▽HTML5, きちんと。 ▽めざましTech - HTML5 についての Q&A ▽2010年に勧告される「
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く