TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
最近今あるサイトをスマートフォンに対応させるべく、コツコツがんばっているわけですが、その際に気になったことや知っておきたいポイントをまとめてみました。基本的な内容も多いと思いますが、ご参考になればと思います。 1. スマートフォンに対応させるには？ ウェブサイトをスマートフォンに対応させるには2つのパターンがあると思います。 PCにもスマートフォンにも対応したページを作成するか、PC用ページとは別にスマートフォン専用ページを作成するかです。 1つ目のPCにもスマートフォンにも対応したページは、Media Queriesを使う場合が多いと思います。 Media Queriesを使うと画面のサイズの違いによって適用するCSSを変更することができます。 例えば、CSS-Tricksというサイトは画面サイズによってレイアウトが大きく変わってます。 Media Queriesについては後で簡単に紹介
Webパフォーマンス虎の巻
Webパフォーマンス向上施策のために、今更ながら超速本1を読んだので、今までの自分の知見と合わせてまとめてみます。 なるべく柔らかく、改善施策ってまず何をどうすればいいの？という疑問を持った人に向けて書いています。 ▪️格言 そもそもWebは速い。遅くしているのは我々です。大抵は技術の問題ではなくて、人の問題。 引用元： テクニックではなく、今、本気で取り組むべきWebパフォーマンス （html5jパフォーマンス部 部長 竹洞さん） 心得 パフォーマンス向上に対する施策は大別すると以下の２通り 軽量化 （単純にやりとりするデータ容量を小さくすること） 圧縮 削除 最適化 （その時に最も適している実装・実行をとること） 経路・順番の変更 非同期 もっとも遅くしている原因を探して、それを対策するのが原則。「対効果」が絶対的正義である。手段から入るのは愚策。まず先に原因を知ることが重要。 ▪️1
Microsoft Corporation
このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。
[ MSN ] Web Messenger
![[ MSN ] Web Messenger](https://cdn-ak-scissors.b.st-hatena.com/image/square/710cfa790cecb8444591c0e6d0cf27f9af16a1be/height=288;version=1;width=512/https%3A%2F%2Fstatic-global-s-msn-com.akamaized.net%2Fhp-ks%2Fsc%2Fc6%2F519670.jpg)
音楽系のWebサービスに凝っている今日この頃ですが、またも熱いWebサービスを発見しました。クラブミュージックをエンドレスで再生してくれるWebサービス「forever.fm」です。 SoundCloudから旬なクラブミュージックをピックアップしてエンドレス再生forever.fmクラブミュージック好き、部屋で1人、お酒を飲みながらノリノリになりたい時ってありますよね？（ないですか？） そんな時なんかに大活躍しそうなサービス。 これがまた単純に曲と曲をつないでいるわけではないんですって。 これらの再生トラックは単にSoundCloudから取得したもののケツとアタマをクロスフェードで繋げているわけではなく、The Echo NestのAPIを利用して各トラックの音楽的な成分を分析し、テンポや階調の類似するポイントを見つけ出して繋げ合わせるという、つまり、人間のDJが実際に行なうことをそのまま
特に新卒でプログラマになりましたとか、若者に向けて、RSSリーダーで技術情報にアンテナ張ると色々捗りますよ。というご紹介です。 普段からRSSリーダーを利用して情報収集されている方には、つまらない記事ですが、あなたの知っている一番若いエンジニアに教えてあげてください。知らない新卒エンジニアは多いみたいです。 情報収集の方法は？日々技術は進歩していて、流行廃りもあります。こういった情報を追いかけるために、どのようなツールを活用していますか？ 「Twitterで話題になってるのを見るぐらい」というだけでは、そのつぶやきを見過ごしたら、二度と知ることができません。 SNSなどが普及したことによって情報が流れるスピードが上がったので、1日後にはまた新しい話題にすり替わってます。それに、あなたが本当に知りたい分野の最新の情報であるとは限りません。 これでは話題の技術を把握することができませんし、重大
HTMLの外部ファイル化
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
動画や掲示板、オンラインストレージなど、普段から利用しているネットサービスは数多くある。これらのサービスのほとんどはブラウザーから利用でき、専用ソフトがいらないという手軽さが魅力だ。しかしその半面、動画のダウンロードができなかったり、サーバーが混むと接続できなくなったりと、不便に思うことも多々ある。 そこで今回紹介するのが、こういったネットサービスを便利にしてくれるフリーソフト。初心者でも安心して使いこなせるものから、機能を特化した便利ツールにいたるまで、動画、画像、音楽、コミュニケーション、ファイル管理の5つのテーマにわけて紹介していこう。 動画を楽しむ まずは見たい動画の検索やダウンロード、再生ができるソフトが基本。これにプラスして、携帯プレーヤーの形式へと変換してくれるツールを使えば、ダウンロードした画像を活用しやすくなる。また、自分で動画を作るときに便利なデスクトップ録画ソフトも紹
USBメモリ（フラッシュメモリ）がどんどん大容量に、そして安くなってますね。この有り余るキャパシティを生かそうと、持ち運びできる「USB applications」の開発が進んでいます。 これらのソフトに求められる第一条件はスリムな点ですが、でもそれ以上に重要なことは出先のパソコンのレジストリをいじらないこと。つまり OS のレジストリに依存しないで立ち上がり、動いてくれることに尽きますね。 今回そういう意味での「Potable」アプリを実際私が使っているものを中心に紹介します。すべて無料で使える定番といえるでしょう。 ①Portable Firefox このおかげで私の PC 生活が一変しました。なんといっても自宅のブラウザ環境をそのまま持ち運びできる点がすごいです。拡張の Foxmarks と組み合わせれば最強です。 ⇒http://d.hatena.ne.jp/husigi/2007
Google Japan Blog
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
あべむつき 年収のことを調べているなら、こちらのウェブサイトをよく確認したほうがいいです。 そしてあべラボを購入したいと思っているなら、上のページで、あべラボを買うと何が出来るのかを、しっかりとチェックした上で買うことをおすすめします。 また、口コミが書かれていれば、それもよくチェックしたほうがいいです。 以下のあべラボに関する情報も参考になるのではないでしょうか？ 商品名称：あべラボ 商品紹介：夢は大きく、意識は低くをコンセプトにビジネス系YouTuberとして活動してきたLUCKY MINE（ラッキーマイン）のあべむつきが立ち上げるビジネス系オンラインサロン 購入価格：9800円 商品提供者：安部 夢都生 決済会社：infotop 販売者公式サイト このページでは、あべむつき 年収の情報を募集しています。下のコメント書き込み欄でお知らせください。 当ウェブサイトでは、Twitter（X
JavaScriptは移り変わりの早い言語です。 もう1年以上経っていますし、記事のメンテもちゃんとできていないので、消し線を入れることにしました。 参考程度のために記事は一応残しますが、より新しい情報を読まれることをお勧めいたします。 はじめに --- 最近では JavaScript の実行環境はブラウザに限りません。（node.js, Web Workers） また、旧来のような <script> 経由でのロードもとうに古くなっています。今は CommonJS スタイルで、require を用いたモジュールのロードを行なうことがより良いとされています。 ですから、次のようなことは改める必要があります。 - var YourModule = {}; などとして、外部から YourModule.hoge(); などと呼び出す書き方 - this === window だと思うこと 今回は、
最近のJavaScript開発まとめ
9月/10月社内Tech勉強会レポート – NodeJS/Privacy Sandbox API/3rdPartyCookie/NodeJS/PromiseAll/cascae/
リグレト - みんなで「ヘコむ」を楽しもう！
This domain may be for sale!
HTML5 基礎知識 - web探検隊
HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋
MacbookAir買ったらスグ入れたい！エンジニア必携ツール65個 | Find Job ! Startup
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
ウェブパフォーマンスの基礎と今後の動向について、Web標準周りを中心に解説しています。GREEのMini Tech Talkで発表時の資料です。
XHTML Mobile Profileに対応したHTML 本連載では、「PCサイトを制作してきたけど、携帯サイトは初めて」といった企業や個人クリエイター向けにPCとモバイルの違いなどをふまえ、携帯サイトを公開するまでの入門的なノウハウを紹介していきます。 まず、今回はHTMLの種類やタグ、CSSなど携帯ブラウザによる違いと、画面サイズやキャッシュ容量などの端末による違いについて紹介していきます。 では、早速携帯サイトを作る上でマークアップの基本となるHTMLについて説明します（図1-1）。携帯電話はPCと比べても非常に早い進化を遂げてきたため、どれも基本はHTMLを基準に作られていますが、携帯ブラウザ（iモード、EZweb、Yahoo!ケータイ）で表示可能なHTMLの仕様には実に多くの種類が存在します。 現在市場に出回っている機種ということに限定すれば、XHTML Mobile Prof
HTML5 & CSS3 ブラウザ別サポート状況
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
Google Chromeにバージョン10から待望のパスワード同期機能が追加されたので、これを機に長い間使い続けたFirefoxから乗り換えてみました。DropboxやEvernoteの台頭の影響もあって”クラウド化”の利便性が大いに取りざたされている昨今ですが、Google Chromeもこれと同じように、ブックマークから拡張機能までほとんどのユーザー設定に関する情報をクラウドに預けられるので、定期的にバックアップを取る必要がなかったり、別のPCでも一発で同期できるところに他ブラウザにはない魅力を感じました。 実際の移行に当たっては、今まで使っていたFirefoxと同じ使い勝手やアドオンで追加された機能（私がずっと使っている13個のお気に入りFirefoxアドオンまとめを参照）をGoogle Chromeでどこまで再現できるのか、というのが最大の課題でしたが、最近ではChromeも拡張機
mixi足あと廃止に寄せて - 最速転職研究会 | コメント mixiって今ほとんどがモバイルでアクセスされてたはずだけど、スマホ以外のガラケーでもこの問題が起きるの？
mixiが6年以上に渡って放置してきた足あと機能を使って訪問者の個人特定が可能な脆弱性を修正した。簡単に説明するとmixi以外のサイトからでもユーザーに気付かれずに、その人のmixiアカウントを特定するということが出来たが、出来なくなった。(正確にはユーザーが気付いたとしても特定された後) アダルトサイトが訪問者のmixiアカウント収集したり、ワンクリック詐欺サイトがmixiアカウント特定して追い込みかけたり、知らない人からメッセージ送られてきてURL開いたらmixiアカウント特定されてたり、そういうことが今まで出来ていたのが出来なくなった。 過去にもいろんな人が言及してるし、すでに終わった議論だと思ってる人もいるだろう。世間一般にどれぐらい認知されていたのかはよく分からないが、少なくとも技術者やセキュリティ研究者の間ではよく知られている問題だった。 http://internet.kil
Something went wrong, but don’t fret — let’s give it another shot.
このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.
JSLinux
Run Linux or other Operating Systems in your browser! The following emulated systems are available: CPUOSUser InterfaceVFsync accessStartup LinkTEMU ConfigComment
「ブックマークレット」とはブックマーク (お気に入り) を利用してブラウザに便利な機能を追加するものです。例えば、閲覧中のページをはてなアンテナに追加したり、はてなダイアリーで言及するといったことがブックマーク1クリックでできるようになります。 各ブックマークレットをWebブラウザのブックマーク(お気に入り)に登録してください。 Internet Explorerでの登録方法 以下のブックマークレット一覧の リンクを右クリックし[お気に入りに追加]を選びます。 「追加しようとしているお気に入りは、安全でない可能性があります。続行しますか？」というダイアログが表示されたら[はい]を選択してください。 フォルダ選択時に[リンク]フォルダを選ぶとブラウザのリンクツールバーに表示できます。 Mozilla Firefoxでの登録方法 以下のブックマークレット一覧の リンクを右クリックし[このリンク
これ以上は長くなるため後述． Chromeは既に，Safariもようやく 上記の通り，Service WorkersがPWAでも最重要な機能の一つである．Chromeでは既に対応済み． しかしSafariが対応しておらず，世間的にはモチベーションの上がらない状況であった（やちまもその一人である）． Safariにおいて，Service Workersの実装状況 No active development が Under Consideration になったのは2015/12/041のことである． 20ヶ月という永遠とも呼べる時を経て，2017/08/032にようやく In Development となったわけであった． ちなみにMicrosoft Edgeでは既に開発中34である． だから何なのか SafariにService Workersの実装がなされると，一気にウェブアプリへの移行が
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
新しくスタートした大容量ファイル転送サービス｢Sendoid｣がかなり使える！2011.03.23 21:00 mayumine 新しくリリースされた大容量ファイル転送サービス｢Sendoid｣これはかなり便利そうです。 RapidshareやMediafire、またDropboxやBittorrentといったサービスの類で、これらの良いとこ取りしたような感じです。 日本のサービスだと、宅ファイル便やデータ便が、ずっとシンプルになって使いやすくなったイメージ。 ファイルを1対1で送りたい場合において最良のサービスであるとTechCrunchが賞賛しているように、ファイル容量、セキュリティ、そしてアップロードとダウンロードの待ち時間においてSendoidは優れています。 誰でも簡単に使えるよう、ブラウザベースのシンプルなインターフェースで完結しているのも素晴らしい点ですね。 使い方はとっても
Internet Explorer の今後について 07/18/2018 2 minutes to read こんにちは。Microsoft Edge / Internet Explorer サポート チームです。 以前に「Internet Explorer および Microsoft Edge での Flash の今後の対応予定について」という記事を公開しましたが、「Internet Explorer」自体の今後の予定についてお問い合せをいただくこともありましたので、今回はそのお話をします。 2014 年の 8 月 7 日に Internet Explorer のサポート ポリシー変更を発表しました。この変更により、2016 年 1 月 12 日をもって各 OS 上で動作する最新バージョンの Internet Explorer のみがサポート対象となりましたが、それから 2 年半が経過し
ドットインストール代表のライフハックブログ
Photo by Jason Cartwright こんにちは。谷口です。 プログラミングの勉強で「ちょっとあの開発言語の勉強をしてみたいな～」「実際にコードを書いて動かしてみたいな～」という時に、ハードルとなるのが「実行環境の作成」だと思います。 そんな時に役立つのが、書いたコードをブラウザ上で実行できる「オンライン実行環境サービス」です。 今回は、実行環境の手間を省いて「書いたコードをブラウザ上で実行できる無料サイト」を紹介します。 目次 ・複数言語対応系 ・ideone ・CodePad ・paiza.io ・repl.it ・Codecademy ・runnable ・Wandbox ・SourceLair ・JavaScript系 ・JSFiddle ・jsbin.com ・Codepen ・jsdo.it ・PHP系 ・PHPfiddle ・PHP Sandbox ・Write
Mozilla Re-Mix: ケーブルもチューナーも無しで世界中のテレビチャンネルを試聴できるFirefoxアドオン「TV-FOX」
PCでテレビを見ることができるようになってからずいぶん経ちますが、最近では光ファイバーを使ったテレビ放送なども利用できるようになり、ますますPCでのテレビ視聴が充実してきています。 しかし、こうした放送を視聴するには、契約や月額料金などが必要となる上、専門チャンネルなども個別に契約しなければ視聴することができません。 また、光ファイバー経由のサービスを使わず放送を視聴したい場合は、アナログ・地デジチューナーなども必要となります。 こうしたことからテレビ視聴環境の導入を見送っている方も多いと思いますが、Firefoxに「TV-FOX」というアドオンをインストールしておけば、ちょっとしたケーブルテレビで見るような放送ならタダで好きなだけ見ることができるようになります。 「TV-FOX」は、Firefoxに常駐するツールバーから、世界各国の数千チャンネルのテレビ放送を無料で視聴することができると
Webページがブラウザに表示されるまでに何が起こるのか？
## # Host Database # # localhost is used to configure the loopback interface # when the system is booting. Do not change this entry. ## 127.0.0.1 localhost 上記で「127.0.0.1 localhost」とあるように、[IPアドレス] [ホスト名]というフォーマットで書かれます。 HOSTS.TXTが使われていた当時 ( 1970年代 ) では、わずか数百台のホストしかなかったので、ネット上の全てのホスト情報の記載が可能でした。 しかし、インターネットが普及していくにつれてHOSTS.TXTは肥大化していき、1983年には、ホスト数はおよそ数万台になりました。もはやHOSTS.TXTによる名前解決は不可能となったので、現在のようなDNS
Wordmark
Wordmark helps you choose fonts by quickly displaying your text with your fonts.
Dropboxを使い倒す10の裏技
Dropboxは｢素晴らしい｣のひと言に尽きますよね。2007年に地味なスタートを切って以来、このクラウドストレージサービスは飛躍的発展を遂げてきました。ブラウザで使えるインターフェイスに加え、今ではWindows、OS X、Fedora、Ubuntu向けクライアントも提供し、AndroidやiOSの携帯にも対応しています。利用料は無料から。猿でもわかるインターフェイス。こんな便利なDropboxを使わない手はない！ そこで今回は初めて使う読者のために、この編集部お気に入りのクラウドストレージソリューションをさらに便利に使う10のTipsをご紹介します。 友だち・アソシエート紹介してDropboxのスペースをもらっちゃおう デフォルトで無料でもらえるストレージ（2GB）以上欲しい人は、DropboxのサイトにログインしてGet Started ＞ Invite Friendsをクリック。紹
ログインが必要なサイトの多くは、IDとパスワードを入力するフォームが設置されています。 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 このようなケースに役立つハックの紹介。 以下のJavaScriptをアドレスバーに入力すると、次のようなダイアログ内にパスワードが表示されます。 javascript:(function(){var s,F,j,f,i; s = ""; F = document.forms; for(j=0; j<F.length; ++j) { f = F[j]; for (i=0; i<f.length; ++i) { if (f[i].type.toLowerCase() ==
![アスタリスクで隠されたパスワードを確認する方法 [K'conf]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a87d5887c466cccb0b849babb90931bdfa1b8c8/height=288;version=1;width=512/http%3A%2F%2Fkenz0.s201.xrea.com%2Fimage%2Fweblog%2F071121%2F2.gif)
ガジェット（モジュール）でゲームもできる！？ ドラッグしてカスタマイズできる自分だけのポータルサイトを。 Googleパーソナライズド・ホームページ（旧名）を使い倒す！
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマートフォン専用ページを作成する際に知っておきたいポイント｜Webpark
イケてるクラブミュージックをエンドレスで再生してくれる「forever.fm」｜男子ハック
若者が知らない最強の情報収集方法「RSSリーダー」 | Act as Professional
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
本当に便利なフリーソフト上げていってくれ : はれぞう
最終決定版！ ネットで役立つ定番フリーソフト｜超定番から上級者向けまで！ ネットツール徹底活用
オンライン快適仕事術 - USBメモリに入れて持ち歩ける「ポータブルアプリ」 ベスト15
Blitz - ウェブクリエイタの人も，そうでない人も楽しめるデザインブログ
最近の行儀のよい JavaScript の書き方 - Qiita
ウェブパフォーマンスの基礎とこれから
[Think IT] 第1回：携帯サイトとPCサイトはここまで違う！ (1/3)
FirefoxからChromeに乗り換えたので導入した拡張機能＋周辺ツールまとめ | フリーソフトラボ.com
JavaScript is not available.
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
はてなブックマークレット - はてなで使えるブックマークレット
やばい、iOSにネイティブアプリ要らなくなるかも。SafariもPWAに対応する可能性 - Qiita
What's New in SQL2016 CTP2 Release - MSDN Blogs
新しくスタートした大容量ファイル転送サービス｢Sendoid｣がかなり使える！
Internet Explorer の今後について | Microsoft Docs
Firefox 3で導入したアドオンまとめ | IDEA*IDEA
これはすごい！3秒でプログラミングが始められるサービス17選 - paiza開発日誌
アスタリスクで隠されたパスワードを確認する方法 [K'conf]
ゲームもできる！iGoogleの使い方！（Googleパーソナライズド・ホームページ）