You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
ネットにおける「魚拓」といえば、ウェブページのキャッシュをクラウド上に保存すること、およびそのサービスを指す。将来的に消えてしまう可能性があるページを保存しておき、あとから参照できるようにするこれらのサービスは、サーバに何らかの障害が発生してオリジナルのページにアクセスできなくなった時の代替としても使えるほか、世代ごとのコピーを保存するクリッピングの用途にも有益だ。 今回は、任意のウェブページをクラウド上に保存できる、いわゆる「魚拓」サービスと、ウェブページのキャッシュを定期的に保存しているウェブサービスを紹介する。これらを使いこなせば、万が一の場合にオリジナルのページが見られなくなっていて困り果てることもなくなるはずだ。併せてウェブページの内容を画像化もしくはPDF化して保存できるサービスも紹介するので、用途に合わせて役立てていただきたい。 ウェブページのキャッシュを保存するサービス ま
我らがフリーソフトウェア財団が、最近W3Cに提案されたEMEという規格について警告を発している。EME(Encrypted Media Extensions)はウェブ上のメディアに対してDRMを持ち込む規格である。オー・マイ・ガッ!!なんということだろう。 なぜDRMがダメなのか。ウェブの良い点はHTMLという共通の規格によって、ブラウザーが違えど誰もが同じページを参照することができるということだ。どのようなOS、どのようなデバイス、どのようなブラウザでも関係ない。現在でもFlashが組み込まれたページという問題はあるものの、HTMLによる表現の共通化は割とうまくいっている。標準化が進むHTML5はさらにそのFlashも不要になる可能性を秘めている。DRMはウェブの良さを台無しにするからである。 EMEはそのような自由なウェブを真っ向から否定するかのような存在なのだ。 もし、HTMLにDR
The rise of synthetic media: Get ready for AI avatars at work
「Am I Responsive?」はあなたのサイトがレスポンシブデザインかどうか確認できるサイトです。URLを指定すると様々な大きさのディスプレイでどのように見えるかをチェックできますよ。レスポンシブになっているかどうか確認したい方には重宝するサイトです。 以下に使ってみた様子を載せておきます。まずAm I Responsive?へアクセスしましょう。 確認したいサイトのURLを指定しましょう。「GO」ボタンを押します。 このように様々な大きさの画面で閲覧したときの表示具合を確認できます。それぞれページをスクロールすることもできますよ。レスポンシブデザインかどうかひと目で確認できて便利ですね。ウェブデザイン系のお仕事をされている方には重宝するサイトかと思います。ぜひご活用ください。 Am I Responsive? (カメきち)
Drive is a great place to store HTML, JavaScript and CSS files so they are safe, available from anywhere, and easy to work on with others. And now you can host and share this content too. How it works: Create a new folder in Drive and share it as "Public on the web." Upload your HTML, JS & CSS files to this folder. Open the HTML file & you will see "Preview" button in the toolbar. Share the URL t
数年ほど「成人サイト」の運営をこっそりとやってたことがある。 本業の稼ぎが少なかったので、1時間ほどでできる副業を探していた。 都合のいい副業は見つからず、それで一線を越えた。 サイト売買 アダルトレーダー http://www.adultrader.com/ ここには、胡散臭いサイトが格安で売りにでている。 2万円~200万円まで様々。 一ヶ月ほど張り付いて、2万PV、2千UU/日 + 3キーワードが上位 SEOもばっちりなサイトを15万円で購入した。UUの割にPVが高い、格安だと思う。 胡散臭いので詐欺られないか不安だったが、案外スムーズに取引できた。 そしてエログを買った。 ノウハウは一般サイトは少し違った。 「偽リンク」という手法を使わないとアクセスは伸びなかった。 短縮URLを使ってURLを隠す 【動画1】【動画2】【動画3】【動画4】 ← 必ず動画あり! そうすることで、強引に
追記:【割引コードGET!】ヤバイくらい簡単にプロフェッショナルなサイトが作れるStrikingly.comが割引コードくれた! | バンクーバーのうぇぶ屋 上記追記ですが、このStrikingly.comのデイビットさんと話をして、クーポンコード貰えたんでご紹介記事が上になりますー! 以下より本記事本文 いやー、今日まで散々”簡単にサイトが作れるん時代っすよねー”的な事を色々書いてきましたが、もしかしたらこれは今までご紹介したどんな簡単WEBサイト作成サービスよりも凄いかもしれません。 超シンプル、超簡単、超楽、超綺麗。 無料版でもそのクオリティの高さにはちょっとビックリですが、有料版にすればA/Bテストにカスタムドメインまで全然オッケーとか色々ヤバイ高機能。 例えば、こんなサイト1時間も掛からず作れちゃう。簡単だけどレスポンシブ可もされてるし。使い方も説明が必要か迷うレベルで簡単。 S
Easel is an in-browser, high-fidelity web design tool aimed at designers and developers on small teams.Design For the Web Easel is an in-browser, high-fidelity web design tool that lets you mockup, share and implement your ideas with ease. Design Design accurately with built-in web fonts and true-to-browser rendering. Start quickly by importing your existing styles with our chrome extension. Share
近年、WANは帯域幅を大量に消費するプラットフォームやアプリケーションの問題にそれなりに取り組まなければならなくなってきている(関連記事:WAN高速化装置の導入効果が得られる条件とは?)。またWebベースのファイル共有ソフトウェアやビジネスコラボレーションソフトウェアのプラットフォームがよりリッチになる中で、Webコンテンツ最適化は世界規模でビジネスを行うマルチサイト企業にとって必須項目となっている。 とりわけ、企業が関心を抱いているのは米MicrosoftのSharePoint Serverの最適化技術だ。プロトコルの最適化や圧縮、重複排除などを用いてWANリンクの効率向上を図るWAN最適化技術は多くのベンダーが提供している。だが、そうした技術の中には、Webベースの企業向けアプリケーションの基底にあるHTMLコードの非効率性の問題を解消するものは少ない。 関連記事 HTMLコードの自動
This website uses cookies to analyze our traffic and only share that information with our analytics partners. Accept OWASP Japanチャプターのホームページへようこそ。 OWASP - Open Worldwide Application Security Project とは、Webをはじめとするソフトウェアのセキュリティ環境の現状、またセキュアなソフトウェア開発を促進する技術・プロセスに関する情報共有と普及啓発を目的としたプロフェッショナルの集まる、オープンソース・ソフトウェアコミュニティです。The OWASP Foundationは、NPO団体として全世界のOWASPの活動を支えています。 OWASP Japanチャプターは、首都圏のみならず、国内全域における
消費者庁が規制を検討しているとされるソーシャルゲームの「コンプガチャ」。本稿では、コンプガチャの仕組みを解説する。 「ガチャガチャ」を連想させるシステム 「ガチャ」は、「ガシャポン」などでカプセルトイを買うときの様子「ガチャガチャ」に由来する。ガチャガチャもコンプガチャも、景品を一回引くたびに費用を負担させる点など、仕組みとしては似通っている。ガチャも、ソーシャルゲームで初めて採用されたシステムではなく、ゲーム内課金の一環として、以前からパソコン向けオンラインゲームなどで提供されていた。 ゲーム内のポイントを使った無料のガチャを提供するゲームもあるが、ほとんどの場合は仮想通貨を用いた有料のガチャだ。無料ガチャでは手に入らない、魅力的でレア度(希少性)の高いアイテムが用意されていることが多い。また、複数回を一度に引ける「連続ガチャ」といった仕組みを用意するゲームもあり、その場合は連続ガチャに
誤解を与えるタイトルにしてしまったので、訂正しました。ごめんなさい。 こんにちは@poyosiです。PNGを使いまくってコーディングしてますか? 会社から「WebサイトでPNGを使うのはNGだからGIFにしとけ」とか言われたことないですか? そうではなくても、「なんとなくPNG使うくらいならGIFにしといたほうが安心」という方もいるのではないでしょうか? 今日は画像ファイルフォーマットであるPNGをWebサイトに使うのはどうなの?というお話をしたいと思います。 WebサイトでPNGを使ってもいいんじゃない? 「WebサイトでPNGを使うのは非常識だろ」という事を言われたのですが、仕様書など特に取り決めがない限りでは、それは違うんじゃないかなと思っています。 私はWebサイトでPNGが使われることについては「どんどん使うべき!」と思っています。 そもそもPNGを使わないほうがよいと言われた理
Googleが、自分のサイトがスマートフォンからどのように見えているかを確認できる「スマートフォン最適化診断レポート」というサイトを公開しています。 URLを入力し、いくつか質問に回答するだけなので、興味のある人はぜひ試してみると良いかと思います。 ネタフルで試してみましたよ。 ブログのURLを入力し「サイトを判断する」をクリックします。 診断中です。 診断中には、何やらスマートフォン雑学的なものが表示されます。 スマートフォンで自分のサイトを表示した様子と共に、いくつか質問が表示されます。 ネタフルは「サイト運営型」ですかね。 質問にも回答します。 以上、10分ほどで診断完了です。 自分でも分かっているようなことですが、こうして客観的に伝えられるとなんとかしないといけないな、という気にもなりますね。 というか、PC版がそのまま表示されてしまってなんだか申し訳ない気持ちになったのですが、考
「モバイルファースト」というキーワードをご存知だろうか。その名の通り、まずモバイルサイトを中心にコンテンツを考え、PCなど他のデバイスへと対応させていく考えだが、その本当の意味を勘違いしている人も多いようだ。 スマートフォンの登場で注目を集めているモバイルファーストでは、「ワンソースから各デバイスに対応していく考え方」がポイントになる。そのとき重要になるのが、コンテンツを一元管理できるマルチデバイス対応CMSの存在だ。 この記事では、Webサイト制作現場だけでなく、企業Web戦略の面でも重要な意味を持つ、モバイルファーストの基本について解説する。 スマートフォンの普及で見直しが迫られるPCサイトスマートフォンの普及が加速している。ケータイキャリアのプロモーションや新製品ラインナップを見れば、これは当然の流れだろう。インターネットにアクセス可能なデバイスとして見ると、PC、フィーチャーフォン
わかってる人にはもう「何を今さら」という話かもしれませんけど、悲しい思いをすることが多いのでここであらためてお願いします。 ウェブサイトに金額を書くとき、円記号 (¥) を使う際には HTML に ¥ ではなくて ¥ と書いていただきたいのですお願いします。 日本語環境の Windows 端末から入力した円記号は、日本語環境の Windows で見ると円記号になってますけど、その他の多くの環境であれはバックスラッシュになります。 日本語版の Windows でこう表示されていても その他の環境ではこうなります。 HTML 内に \ ではなく ¥ と書けば基本的にはどの環境でも ¥ が表示されるはずなので、円で金額を書く時にはぜひ ¥ にしていただきたいのですお願いします。 こいうことが起きている事情はこのあたりで。 日本語用文字コードにおける円記号 – Wikipe
前回に続いてトーキョーギークスタイル(TGS)に登壇しました。「Webアプリのアーキテクチャの歴史と進化」について話しました。セミナー資料を公開します(過去文書含めて、上部の「ドキュメント」メニューからたどれます)。 Webアプリのアーキテクチャの歴史と進化 セミナー後、Webアプリの歴史がDIまでって中途半端じゃないですかと指摘を受けました。その指摘は正しいと思います。私的メモではもう少し先のPlay Frameworkまでの史観を作っていました。 セミナーでの説明をDIでやめた理由は、それ以上話すと内容が更に散漫になりそうだったことと、評価の定まっていない動向を語るのに躊躇したこと、そしてそもそもPlay Frameworkを語って新しい動向も知ってますアピールをして自己満足したいだけではないかと自己分析してしまったからです。 ここに書く分にはどうでもいいので手元で作っていた私的史観を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く