githubのアレ(history.replaceStateとかhistory.pushStateの話) - 愛と勇気と缶ビール
会社で下の記事についてリマインドしてもらって、なんとなく気になっていたことを調べたメモ。 http://webtech-walker.com/archive/2010/12/06160539.html 記事を読んで、history.replaceState(null, "title", "/new.html") とかやると遷移なしでページのcontentも勝手に置き換わるのかなー、だったらあのアニメーションはどこで発火してんだ？とか考えていたがそもそもreplaceStateの動作について勘違いしていた。 要は、次のようなhtml書いてボタンをクリックしても、historyの先頭が置き換わるだけでページ自体には何も起こらない。(ただしlocation.hrefは置き換わっており、reloadすると/replace.htmlにいく) <!DOCTYPE HTML> <html lang="e
【師走なので、簡潔に】iPhoneのwebアプリを作成する際にで使えそうな機能について簡単にまとめてみた
こんにちは、橋本です。 早いもので、2010年も残すところあと10日。 アシアルの営業日は残すところあと２日です。 こんな忙しいときにブログ当番が回ってきて、目がまわりそうなのですが、 弱音を吐いていても仕方ないので、さくっとブログ書いちゃおうと思います。 さて、今日はiPhoneのwebアプリを作成する際にで使えそうな機能について、 使い方を簡単にまとめていきたいと思います。 内容もコードも簡潔に。師走なので。 1. 位置情報の取得 iPhoneのsafariから位置情報を取得するときには、GeoLocationAPIを使用します。 サンプルコードを以下に <!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>location sample</title> <script type="text/java
コピペで使える言語・コマンドリファレンス - ITproリファレンス：ITpro
HTMLやCSS、DynamicHTML、JavaScriptやPerl、Windowsコマンド、ネットワークコマンド、Linuxコマンドといった、Webサイト構築やアプリ開発に欠かせないプログラミング言語とコマンドのリファレンスマニュアルです。各項目のサンプルコードは、コピーし貼り付けてすぐに使えます。入門講座も用意しました。ぜひブックマークしてお役立てください。 HTML HTMLは、Webコンテンツを作成する上で、最も基礎となる記述言語です。各タグについての概要や属性などをサンプルを交えて説明します。 HTMLリファレンス（107項目） HTMLリファレンスの使い方 HTML入門 CSS CSSは、Webページのレイアウトなどといったコンテンツの見栄えを指定する記述言語です。各スタイルの概要や使い方を説明します。 CSSリファレンス（73項目） CSSリファレンスの使い方 CSSの基
人の話を聞かない人の V8 エンジン。 V8 を C++ に組み込んで遊ぼう - お前の血は何色だ!! 4
C++ Advent Calendar です。 google の V8 engine を 組み込んで簡易スクリプトにしてしまおうという話です。 C++の言語仕様や boost の話は超絶詳しい人たちがされているので、誰もやらなそうな ぬるいいい加減な話をします。 #間違ってたら突っ込みよろしく!! なぜ V8？ Lua ぢゃだめなんですか？ C++ から呼び出しやすい 組み込み言語として、 Luaがあります。 しかし、 Luaはコメントが -- から始まったり、 〜end と、 C / C++ に組み込みやすいスクリプト言語なのになぜか pascal チックな文法？という不思議なところがあります。 やはり、 C++ ユーザとしてはコメントは // で書きたいし、ブロックは { } でやりたいですよね (y/Yes) そんなところに、 google の V8 engine があります。 C+
【Webアプリ】iPhone4 で画像をきれいに表示するもう一つの方法【mod_rewrite】 - nazokingのブログ
iPhone4は解像度が高いので、画像を切り替えないと、もやっとする。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話 Retinaディスプレイに画像を最適化させるのって意外とめんどいよね！ という現実に打ちのめされたので、まとめてみます。 によると ぜんぶ高解像度の画像にする → 3Gで表示が重いかも 画像を2種類つくって切り替える → 画像の数が多いとひとつひとつCSS指定するのが辛すぎる 画像はスケーラブルなデータ形式で用意する → 次に作るときはそうしよう…… 画像はそもそも使わないデザインにする → 次に作るときはそうしよう…… ということで決定打はなさそうな感じ。 でも、画像の切り替えって USER_AGENT 見て mod_rewrite で
Kotaku - The Gamer's Guide
Rocket League, everyone’s favorite car soccer game, has been at the forefront of discussions around online cross-play for several years now. Long before Sony agreed to play nice with the Nintendo Switch and Xbox One when it came to Fortnite, Rocket League studio Psyonix has been working to create unified player…
Web開発周りのVimの設定
HTML/CSS/JavaScriptを書くために行ったVimの設定やインストールしたスクリプト等をざっとまとめてみた。「VimでWeb開発を100倍効率的にする方法」といったような生産性を上げるための設定の類ではない。 HTMLファイルを:makeで文法チェック tidy.vimが用意されているので、HTML Tidyをインストールし、.vimrcに以下のように書くだけで良い。 autocmd FileType html :compiler tidy autocmd FileType html :setlocal makeprg=tidy\ -raw\ -quiet\ -errors\ --gnu-emacs\ yes\ \"%\" tidy.vimのmakeprgでは日本語が化けるので-rawを追加する。 HTMLファイルのインデントをやり直す gg=G ノーマルモードではggでファイ
HTML5 のセキュリティは十分か？
原文(投稿日：2010/08/24)へのリンク 誕生から10年近い 現在のHTML仕様は，疑いの余地なく，そして良くも悪くも，ソフトウェアアーキテクチャおよびソフトウェア工学に革命を起こしてきた。その重要な資産を 近代化する準備を産業界が整えた現在において，IDG News の Joab Jackson 氏は先週，HTML5 に関する既知のセキュリティ問題を要約する記事を執筆した。 HTML5 は，[...] 本格的な Web アプリケーションを構築するために併用される，緩やかな相関関係を持った標準規格のコレクションを表すためによく使用される名称です。HTML5 は ページフォーマット や オフラインデータストレージ，あるいは イメージ描画 といった面で機能を提供します。(W3Cの仕様ではありませんが，Web アプリケーションの構築に広く利用されている JavaScript も，規格のひと
「第9回 HTML5とか勉強会」活動報告 | gihyo.jp
8月17日、HTML5開発者コミュニティhtml5-developers-jp主催の「第9回 HTML5とか勉強会」が開催されました。本稿では、本勉強会の録画とともにレポートします。 今回は普段とは趣向を変え、前半には本勉強会スタッフが開発したHTML5によるデモアプリの紹介を、後半はLT大会ということで5名のスピーカーの方々にお話いただきました。 なお、本勉強会では初の、8月初旬に移転したばかりのGoogleの東京オフィス（六本木ヒルズ）をお借りさせていただきました[1]。 1週間日めくりお絵かき日記 最初に、スタッフの一條さんより、canvas API, localStorage, CSS3を活用した絵日記デモが紹介されました。 デモでは、canvasを用いフリーハンドで描いた絵日記をlocalStorageに保存し、日めくりで確認できることが示されました。canvasの装飾をCSS
画面遷移なしでファイルアップロードする方法 と Safariの注意点 (groundwalker.com)
画面遷移しないでファイルをアップロードするのは iframe を使うことで実現できる。 HTMLはこんな感じ。upload.html <html> <head> <script type="text/javascript"> <!-- function uploaded(msg) { document.getElementById('msg').innerHTML=msg; } //--> </script> <title>upload test</title> </head> <body> 何かの編集ページとか <iframe name="uploader" src="" style="width:0px;height:0px;border:0px;"></iframe> <form target="uploader" method="POST" action="uploader.php
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Boilerplate: The web’s most popular front-end template
GitHub - macek/google_pacman: Play Google Pacman