クラウドファンディングサイトのKickstarterといえば、輪ゴムガンをまじめに作ってみたり、自分で横スクロールゲームを作れるアプリが開発されていたり、名だたるミュージシャンが絶賛するハイレゾ音楽プレイヤーが6億円以上を集めるというプロジェクトが進められているものですが、そんな中で「Potato Salad」と名付けられた以下のプロジェクトが意外ともいえる反響を呼んでいます。一見すると「ネタか！？」と感じさせられるプロジェクトなのですが、よく確認してみると実は「これぞクラウドファンディングの心意気！」と思わず小膝をたたきたくなるような内容です。 Potato Salad by Zack Danger Brown — Kickstarter https://www.kickstarter.com/projects/324283889/potato-salad 「I'm making pot

非同期処理と UI の更新 ではワーカースレッドを利用した非同期処理と UI を更新する時には Handler を利用して UI スレッドに対して処理をポストするという点について説明しました。 ここでは、そうしたバックグラウンドでの処理と UI とのやりとりをひっくるめて簡単に操作するための、 AsyncTask クラスの利用方法を説明します。 さらに、ついでに ProgressDialog のキャンセル処理とプログレスバーの表示についても説明します。 ProgressDialog と非同期処理のキャンセル ここで作るサンプルプログラムは次のようなものです。まずはボタンが一つだけあります。 このボタンをクリックすると、下のスクリーンショットのようにプログレスバー付きの ProgressDialog が表示されます。 この進捗が１００％になったところで、ダイアログは消えます。また、 BACK

ご注意：本記事は、＠IT／Deep Insider編集部（デジタルアドバンテージ社）が「www.buildinsider.net」というサイトから、内容を改変することなく、そのまま「＠IT」へと転載したものです。このため用字用語の統一ルールなどは＠ITのそれとは一致しません。あらかじめご了承ください。 1. OpenCV 1.1 OpenCVとは OpenCV（正式名称： Open Source Computer Vision Library）は、オープンソースのコンピューター・ビジョン・ライブラリです。コンピューターで画像や動画を処理するのに必要な、さまざま機能が実装されており、BSDライセンスで配布されていることから学術用途だけでなく商用目的でも利用できます。加えて、マルチプラットフォーム対応されているため、幅広い場面で利用されていることが特徴です。 OpenCVは、Intelで開発さ

ブラウザとwebカメラで遊べるので気軽で楽しい。 概要 Webカメラで撮影した画像を取得できるWeb RTC APIを使って、 javascriptで画像を取得。 ↓ それをtoDataURLメソッドでバイナリ文字列に変換し、 ajaxでrailsのサーバ側に送る。 ↓ railsは受け取った画像をOpenCVで処理してクライアントに返す。 クライアントは受け取った画像を表示する。 公開コード https://saoyagi@bitbucket.org/saoyagi/pose2.git ＊このアプリは人のいろんなポーズを集めるために作ったので、 Poseというキーワードがいろんな所に出てくる。 関係サイト ヒューマンインタフェース学会若手の会 HI2013ワークショップ http://www.his.gr.jp/_sig/hist.html 事前準備 前提として、画像処理が簡単にできるラ

画像処理だけで飯が食えるかっ！？ 主にコンピュータ関連の話題中心にしていこうかと思ってますがどうなるかは不明です。 写真の加工や顔認識といった画像処理の話題が多くなるかと思います はじめまして。京都の会社で画像処理エンジニアをしてますsakiyamaKです。 いつからかinstagramとかで写真をお洒落に加工するフィルタが流行りだして、ずっと興味があったので自分のプログラムで再現できないかと調べてみました。 で、一応コツがつかめる程度には再現できたんですが、いかんせん画像処理といえばC言語系でやるのが普通です。でもそれだとウェブ系の人たちにウケが悪そうだなと思ったんで、まずjavascriptの画像処理ライブラリを作ってみました。 名づけてOpenCVjs！ 名前の通り画像処理ライブラリのデファクトスタンダードであるOpenCVのjavascript移植版です。 せっかく作ったんで誰かに

http://satch.jp/jp/ ･･･KDDIが運営しているARライブラリ。 開発ガイド、APIリファレンス、サンプルなど資料が豊富。 アプリ作成には開発者登録、アプリ登録が必要。 資料はすべて日本語。 ・metaio Mobile SDK http://www.metaio.com/software/mobile-sdk/ ・・・英語。 JARを追加するだけで利用可能。 トラック画像（認識するための画像）もプロジェクト内に登録するだけで可能。 無料版ではカメラビューに透かし画像が表示される。 ・Vuforia http://www.qualcomm.com/solutions/augmented-reality ・・・Qualcommの提供するARライブラリ。英語 ビルドにはAndroid NDKが必要。 トラックデータはウェブサイトにて登録・取得。 単純なトラック画像では認識率

プログラミング未経験でも手軽にAndroidアプリが作れるApp Inventor。本連載では、App Inventorでアプリを作り、使用しているコンポーネントに関して実際にJavaのAPIと比較して、できることを検証していきます Webアプリ開発者がモバイルARアプリを作るために 「AR（augmented reality）」という言葉が、ごく一部の研究者や技術者の中でしか知られていなかったものから、徐々に一般への認知が広まりつつある状況が生まれてきています。例えばカーナビのようなものに「AR」と名の付く機能が搭載されたり、携帯型ゲーム機にもARを体験できる機能が付いたりなど、身近な応用例も増えてきています。 一般的になりつつあるとはいえ、では実際に「ARを使ったものを作ってみよう」といって「何から手を付ければいいのか」「どう始めればいいのか」興味はあっても踏み込めていない方が、読者の

js-arucoというのを、今更ながら見ている。 これは、JavaScriptだけでIDマーカーベースのARを実現するライブラリで、5×5のNyIDマーカーと大体同じことが出来る。しかもJavaScriptなのでプラグイン不要だし、Android端末（Nexus 5）上でも動いた。 （iPhone 5はJavaScriptのカメラ取得API「getUserMedia」に対応していないのか知らんが、動かん） 例えば、jsdo.itに、以下のようなサンプルがあり、その気になれば3Dモデルを表示することも可能のようだ。 ちなみにこれは別に俺が作ったわけではない。本当は真っ先に作りたかったくらいだが。 （この例はMicroGLというライブラリの関係で、Chromeでしか動かないようだ。Firefoxでは駄目だった。） と言う事で、非実在法人クウソウのロゴをマーカーに出来ないかと試してみたが、そのま

多くの女性を悩ませる「ほうれい線」や「たるみ」。その大きな原因の一つが"糖化"という現象にあることが分かってきました。しかも、40歳を過ぎるころから、体内の組織でこの糖化が進行し、それが骨粗しょう症や生活習慣病のリスクを高めることも明らかに。最新の研究に基づく、糖化防止法を紹介します。白米、白いパンといった精白された炭水化物食品をよく食べ、ジュースや焼き菓子が好きという人は要注意。たるみが進む

バッテリーを長持ちさせるために、通常はある程度の時間が経ったら画面を暗く、あるいは薄暗くします。 ディスプレーの設定 (Screen Timeout) にて、どの程度の時間が経った後にスクリーンを OFF にするか設定可能です。 通常はそれでいいのですが、例えばビデオや TV の画像を再生するアプリケーションで動画を見ているときに、1分おきに画面が暗くなっても困りますよね。 この場合、このアプリケーションの開発者は動画プレーヤーを使っているときだけ画面が OFF にならないように（逆に言えば ON のままに) するとよいでしょう。 ここではシステムの設定に関わらず、画面を ON のままにする方法を説明します。 パワーマネージャからロックを取得 画面を ON にしておくには、PowerManager (パワーマネージャ) の newWakeLock メソッドで WakeLock を取得して、

はじめに データアクセスの高速化、セッションの保持などに非常に重要なポジションを占めているMemcached 特徴をあげると、速い安い美味いで、AWS上のサービス化などされており、非常に扱いやすいプロダクトなのですが、Memcachedそのものが単一障害点とならないように冗長化を測った時に深刻な問題が発生する可能性があることをご存知でしょうか。 システムに心あたりがある方は今すぐ代替手段を検討しなければなりません。 どうしてもMemcachedを使いたいという方はこちらへ それでもMemcachedを使いたいあなたへ 前提条件 そもそも冗長化をしなければ問題ないという運用はその時点で怖いのでNG cache機構という性質上、データが飛ぶのは問題ない(”正”となるデータを他から読み出すだけ)が、誤ったデータが読み出されるのをNGとする Memcachedを利用した時に利用ノードを決定するのは

先日Macを再インストールするに当って、いい機会なので使ってないツールを省き使っているツールを厳選してインストールすることにした。あまり増やす気はなかったが、使うものだけ入れても73個になった。 コマンドライン ツール管理 brew-cask: HomebrewでMacアプリをインストールできる。 brew-gem: Homebrewでgemツールをインストールできる。 brew-pip: Homebrewでpipツールをインストールできる。 npm: Node.jsのパッケージ管理ツール。 DevOps ansible: Python製の構成管理ツール。Chefから乗り換え。 boot2docker: MacでDockerを使える。 packer: 仮想マシンのイメージを作るのに便利。 Git git: バージョン管理ツール。 hub: GitHubのコマンドラインクライアント。プルリク

Using AngularJS with Rails 4 should be pretty easy. Include the AngularJS library in your asset pipeline and start coding away. Unfortunately, it’s not quite that simple. You may have trouble… Compressing AngularJS code in your asset pipeline By default, Rails 4 compresses all of your JavaScript using UglifyJS. Sadly, UglifyJS clobbers AngularJS files, but the fix is a snap1. Go into config/enviro

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

技術を活かし、新しい価値を創造する DeNAのエンジニアは、想像を超えるDelightを届けるために何ができるかを考え、技術力と発想力で新しい価値を生み出しています。 多様な専門性を持ったエンジニアが切磋琢磨し、互いに刺激し合える環境や制度がさらなる成長へとつなげます。

レノボ・ジャパン株式会社は、ビジネス向けの10インチWindowsタブレット「ThinkPad 10 (シンクパッド テン)」を発表した。 1920×1200ドット（WUXGA）で10インチのタッチ液晶を搭載する「ThinkPad 10」は、CPUにBayTrail-TことAtom Z3795を搭載することで前モデル「ThinkPad Tablet 2」と比べて約2倍のパフォーマンス向上を果たしているのがポイント。 法人向けモデルはすでに販売を開始。個人向けモデルも販売予定となっているが、時期については現在のところ未定となっている。 ■64ビット版Windows 8.1も搭載可能 また、OSで64bit版Windows 8.1 Proの搭載も可能で最大4GBのメモリーを搭載しても余すことなく使うことが可能になっている。本体には、フルサイズのUSB2.0ポートや、microSDカードスロット

ウェブ上（パソコンのブラウザ）でホワイトボードのように簡単に書き込めるツールやソフトはないかと探していたら「何かをペイント」が見つかりました。これはGoogleChromeの拡張機能なので、もちろん無料で使えます。使い方・・・Web上でホワイトボードでオンライン共有「何かをペイント」Chrome拡張機能が便利！ is a post from: ネットビジネス副業で稼ぐイノウエのブログ

Stitchesはオープンソースとして公開されているHTML5製のCSSスプライトジェネレーターです。画像をアップロードし、配置を決めてDownloadsをクリックすればコードとプレビューが表示される、というシンプルなもの。jQueryとModernizrに依存した作りのようです。MITライセンスの元で公開されています。 Stitches

「DUALSHOCK 4」をAndroidスマホ用ゲームパッドに変えるアタッチメントが2160円で発売 編集部：小西利明 製品写真。DUALSHOCK 4を包むように固定する部分と，9個の吸盤でスマートフォンと支える部分からなる 2014年7月8日，スペックコンピュータは，PlayStation 4純正ゲームパッド「DUALSHOCK 4」にAndroidスマートフォンを取り付けられるようにするアタッチメント「コントローラクリップ for Smartphone(PS4ver.)」を発売した。スマートフォンとDUALSHOCK 4は，付属のUSB Micro-B端子ケーブルを使って接続する仕様だ。 価格は2160円（税込）。直販サイトとAmazon.co.jpで販売が始まっている。 AndroidスマートフォンとDUALSHOCK 4を接続した状態 スマートフォンの台座になる部分は角度を90

ここのラーメン屋、実は4年前のワールドカップの時に、社員の人達とめっちゃよく来てた。近くにスポーツバーがあって、そこでサッカーの試合を観た後によく食べに行ってたんです。 店内はめっちゃ狭い。( いや、想像以上ですよ。) いつ行っても行列。そして店内は死ぬほど煮干クサイ。(笑) もしかしたら狭すぎて、煮干臭すぎて、クレームも出るかもしれない。いや、出てるよね。きっと。 だからこの看板で事前にクレームを防いでるんです。煮干が嫌いな人は来ないでね。って。 でもこれって、大切なことだと思いません？ そう。 よく温泉、っていうか、露天風呂とかでありますよね。 こんな看板見たことありませんか？ ( ボクは出張の際、APAホテルによく泊まるので、よく見かけます。) この看板って、元は言うと、どうして作られたか知ってます？ あるお客さんが露天風呂に入ってて、その湯船に虫が入っててクレームを出したんです。(

Yo.を使えばフレンドネームをタップするだけで、フレンドに気持ちが届けられるYo！ オレたちのルール決めて使えば、メールの回数が半減するYo！ フリック入力？連打入力？いいや、時代は『Yo.』だYo！ Yoはこんなとき便利だYo！ いつもアイツはヘッドホン。何度呼んでも気づかない。 そんな時は「Yo！」 ご飯後は、眠気に勝てない。ウトウトしてたら気づかれそう！ そんな時は起きろ「Yo！」 アイツは別のフレンドと、トーク盛り上がって時間を忘れてる。 そんな時は先に行ってる「Yo！」 Yoの使い方はオレたち次第！文字の入力なしでフレンドとコミュれるYo！ 使い方を説明するYo！ 登録の仕方だYo！ Yoを使いたくなったら【SINUP】だYo！ 前回使ったことあるなら【LOGIN】からだYo！ 【USERNAME】と【PASSWORD】をタップして入力すれば、アカウント作成完了だYo！ ウェルカ

有料200円で10万ダウンロード！萌えトレーニングアプリ「ねんしょう！」のオタク系開発者が語る、萌え系アプリヒットのコツ。 本日は萌えトレーニングアプリ「ねんしょう！」シリーズをつくっているCreativeFreaksさんのインタビュー記事をお送りします。 アマチュア声優の起用法、男女のお金の使い方の違いなど、萌え系・キャラクターアプリをつくりたい人は参考になるのではとおもいます。 （※写真：CreativeFreaks代表の菅田さん） 初代「ねんしょう！」について 開発元「CreativeFreaks」について教えてください。 菅田： CreativeFreaksは今メンバーは4名、デザイナー1名プログラマー2名、プロデューサー1名で活動しています。主に萌えトレーニングアプリ「ねんしょう！」シリーズの開発をしています。 初代「ねんしょう！」はダウンロード数はどのくらいなんですか？ 菅田：

夏のJAWS-UG 三都物語 2014というイベントで「そろそろJavaみなおしてもええんやで」というプレゼンしてきました。 Javaのイベントではなかったので、Javaを使ってない人を想定したプレゼンでしたが、実際会場のほとんどがJavaメインではなかったようです。 for(int num : nums){ if(num > 10) continue; sum += num * 2; } というコードが、NetBeansの「関数操作を使用」というリファクタリングで sum = nums.stream().filter((num) -> !(num > 10)).map((num) -> num * 2).reduce(sum, Integer::sum); になったところがハイライト。 ここまでできるとは思ってなかった。 そろそろJavaみなおしてもええんやで from なおき きしだ

「日本のエンジニアは米国に移住すべき」ニュース読み上げアプリ「Umano」のこれまでと、エンジニアが英語を習得するメリット。 今回は、ニュース読み上げアプリ「Umano（ウマノ）」を運営する、Ian Mendiola（イアン）さんにアプリのお話を伺ってきました。 TIMEやBusiness Insiderなどの海外サイトでも、優良アプリとして選ばれている「Umano」の話、日本にいるとわからない、アメリカの話なども聞けました。 ※なお「Umano」は2015年5月12日に「Dropbox」に買収されたとのこと（Umano公式サイトより）。 Umano（ウマノ）について。 なんでUmanoをつくったんですか？ Ian： Umanoは（市場がどうということではなく）自分たち自身のためにつくったんです。 いつもテクノロジー系のブログを読んでいたんですよね、だからそれをいつでも持ち歩けて、ライフス

概要 思ったよりバズったので、いくつか加筆修正しました beta3でArrayの型指定の方法が変わったなーと思って眺めていたら、もっと根本的な変化がありました。 SwiftのArrayがヤバイなどで話題になってたやつです。 公式ドキュメント The Swift Programming Language 変更点 Array in Swift has been completely redesigned to have full value semantics like Dictionary and String have always had in Swift.  This resolves various mutability problems – now a 'let' array is completely immutable, and a 'var' array is complet

あなたは上司や同僚、部下に関心を持っていますか？家族構成を知っていますか？夢や目標を知っていますか？趣味や好きなことを知っていますか？過去の苦労を知っていますか？意外にも、これらを互いに知ることが、あなたのチームを強くするかもしれません。 本『今いる仲間で「最強のチーム」をつくる　自ら成長する組織に変わる「チームシップ」の高め方 』。 著者は、ドクターシーラボ、ネットプライスの社長として両社の上場や成長に多大な貢献をし「成長請負人」と呼ばれた人物です。 その著者が語る、最強のチームを作るポイントは「チームシップ」だといいます（著者の造語で「チームのメンバー全員が自分のチームという意識を強く持ち、チームに貢献する」こと）」。 今日は本書から、今いる仲間で「最強のチーム」をつくるための3つの考え方を紹介します。 1. お互いの「違い」を認め合う人はみんな違う。 そのことをまず理解し、認め合わな

"マルチタスク"とは、複数のタスクを同時に行うこと。例えば職場で、電話をしながら他の人へのメールを書いたり、資料を作ってみたりすることありませんか？　そしてマルチタスクをしていると、何となく効率的に仕事をこなしているような気分になりますよね。 でもとある研究によると、実はマルチタスクは生産性を最大40%も下げてしまうという結果に！　そもそも人間は2つ以上のことを同時にできないようになっているので、"マルチタスク"という呼び方自体間違っているそうです。では私たちがマルチタスクをしているような気になっている時、実際は何をしているのかと言えば、別々の作業を瞬時のうちに切り替える"スイッチタスク"なのだとか。

こんにちは。機械学習グループの深澤(@fukkaa1225)です。 先日、Amazon Bedrock が一般利用できるよう(GA)になりました 。本記事ではこちらを用いて RAG(Retrieval-augmented generation) アプリケーションを作成してみた様子と、他 LLM モデルとの比較結果についてご紹介します。 Amazon Bedrock とは aws.amazon.com 公式サイトより文言を引用します。 Amazon Bedrock は、Amazon や主要な AI スタートアップ企業が提供する基盤モデル (FM) を API を通じて利用できるようにする完全マネージド型サービスです。そのため、さまざまな FM から選択して、ユースケースに最も適したモデルを見つけることができます。Amazon Bedrock のサーバーレスエクスペリエンスにより、すぐに FM

ありがちな話なのでこのことについてふと考えることが多い。 最初に断っておくと特に結論はなく、ケースバイケースで考慮するべきというのが僕の考え。 それを踏まえて、先ずは良い点について考えてみる。 一番もっともらしい理由は、他のエンジニアが納得しやすいこと。一番戦闘力の高いエンジニアがエンジニア長になって皆を束ねていくという世界観。若く猛ったエンジニアも従ってくれるけど、石器時代っぽい。 次点として、システムの実装を把握しているのであまり滅茶苦茶なことにはなりづらく、安心して任せられるということ。 それ以外にありがちなものとしては、人的コストの圧縮も考えられる。人件費もそうだけど、頭数が1つ増えるだけでコミュニケーションパスは爆発的に増加していくのでコミュニケーションコストの削減にも繋がる。 次に悪い点について考えてみる。 これはまさにピーターの法則そのもので、組織の構造的な欠陥を示している。

ども、大瀧です。 Docker 1.0がついにリリースされました！パチパチ。 今回のリリースにより、Docker自体はDocker Engineと名を変え、旧Docker Indexは大幅機能強化でDocker Hubとしてリニューアルしました。Docker Hubはヒジョーに気になるところですが、まずは落ち着いて手元のDocker環境を1.0にアップグレードしようと思ったらまたハマったので、ここでシェアしておきます。 動作確認環境 Mac OS X Marvericks ここが変わったDocker 1.0 on OSX Boot2Dockerのインストーラができました。Homebrewとはおさらばです。 Docker (Engine) Serverのポート番号がTCP/2375番に変わりました。コレはハマりますw 2014/06/10 12:40更新 : homebrew-caskであれ

クロコス CTO 柄沢聡太郎（Sotarok）さんへのインタビュー。現在28歳となる柄沢さんは、学生時代に技術書を共著し、成長著しいグリーに新卒入社すると約1年後にはクロコスを共同創業。CTOを務め、わずか1年半でヤフーに売却している。そんな彼はこれまでの人生をどのように振り返るのか？ 20代にして、技術本執筆・起業・バイアウトを成したエンジニア 「なぜあの人をCAREER HACKで取り上げないんですか？」 この言葉を、読者や取材対象者から何度訊かれたことだろう…。その人物こそSotarokこと、クロコス CTO の柄沢聡太郎さんだ。 現在28歳となる柄沢さんは、激動のエンジニア人生をそれこそ「爆速」で駆け抜けてきた人物。そんな彼はいま、自分のキャリアをどう振り返り、これからのキャリアで何を企んでいるのか？ ［プロフィール］ クロコス CTO 柄沢聡太郎　Sotaro Karasawa

よいチームをよい雰囲気を保ったままよい組織にスケールさせていくためにできること / What you can do to scale a good team into a good organization

次世代メールプラットフォームの実現を目指すスタートアップInbox (米サンフランシスコ)が、同社のプラットフォームに対応したメールアプリを構築するための開発者向けAPIとクラウドサービスを発表した。 Inboxは同社が開発するメールプラットフォームを「メールの30年以上におよぶ複雑な標準とフォーマットを統一し、バグのトラブルを避けて素早く新しいアプリを開発できるようにする」としている。サービスプロバイダの違いに影響されない統一的な新しいメール標準の確立を目指している。 Inbox APIはメールアカウントにアクセスし、メールの変更や送信を可能にするRESTエンドポイントを提供する。カスタムフィルタの作成、添付機能、下書きといった機能をアプリに持たせることが可能。機能的にはGmail APIに似ているが、Inboxは「コンシューマ向けとエンタープライズ向けのあらゆるアカウントに1つで対応で

色々あってDockerした。さっくりとアプリ作るならHerokuも便利なのだけど、Dockerをサポートする他のPaaSも使えた方が便利そうな風潮を感じたので。 1. インストール＆導入 Mac OS X - Docker Documentation Releases · boot2docker/osx-installer からpkgインストーラをダウンロードして実行。適当にはいる。 boot2docker Mac OS X上で、Dockerを走らせるためのLinuxなVMを boot2docker で立ち上げられる。（boot2docker/boot2docker はpkgインストーラに含まれている） boot2docker init boot2docker up boot2docker init で初期化 boot2docker up で起動。dockerコマンドにホストを教えるための

これまで Ajax で二重ポストをしないようにするには、 DOM を操作して disable にして押せなくしたり、できないものは HTTP リクエストする前に変数に状態を持たせてレスポンスがきたらその状態をクリアしたりするといったものがありましたが、リクエストを出す処理ごとに二重ポストを防止するコードを入れなければいけないことが多く面倒でした。 もう少しスマートなやり方ないかな、と調べていたところ丁度使用している AngularJS でよい感じに解決しているブログを見つけましたので紹介します。 http://blog.codebrag.com/post/57412530001/preventing-duplicated-requests-in-angularjs AngularJS は HTTP リクエスト後に結果が返ってきてないものを $http.pendingRequests に登録

実践Ruby on Rails 4 現場のプロから学ぶ本格Webプログラミング 顧客管理システムの構築を体験しながら、Railsアプリケーション開発のノウハウを習得！ この記事は、書籍『実践Ruby on Rails 4 現場のプロから学ぶ本格Webプログラミング』の内容を、Think IT向けに特別にオンラインで公開しているものです。詳しくは記事末尾の書籍紹介欄をご覧ください。 本記事では、テストフレームワークとしてRSpecを採用します。RSpecをうまく活用すると、簡潔で読みやすいテストコードを書くことができ、Railsアプリケーションの保守性を高めることができます。 しかし、RSpecの用語法や表記法はやや独特で、慣れるまでには時間がかかります。読者の中にはとまどいを覚える方がいらっしゃるかもしれませんが、次章以降を読み進めるうえでの鍵となりますので、是非じっくりと読んで理解してく

こんにちは。PR TIMESフロント・エンジニアの山田です。 弊社ではAjaxを使ったサイトやサービスも多く運営しています。 さて、そのAjaxですがページ遷移なしにコンテンツを切り替える場合、当然ながらそのままではブラウザのURLも変わりません。これではユーザーが直接読み込み先にアクセスしたり、ブラウザのBACKボタンで前に戻ったりできないので不便です。そんな時に使えるのが、Hisotry API。これはブラウザの履歴をJavascriptから管理、操作できる便利なAPIです。 まず以下の4つは以前からあり、古いブラウザでも動作します。 history.back();//表示した履歴の1つ前のページにもどる history.go(4);//表示した履歴の4つ前のページにもどる history.go(2);//表示した履歴の2つ先のページに進む history.forward();//表示