Sound Walker という Web アプリを作りました。 ↓ここで遊べます↓（スマートフォンで開いてください） https://www.sound-walker.app リポジトリはこちら https://github.com/Leonardo-mbc/sound-walker ホーム画面に追加することで、インストールしたアプリのように遊べます。 Webでどこまでできるかをやってみようと思って作り始めて、 ほっといて数年たったら技術がみるみる変わっていて、いろいろ味が出てきました。 Service Worker, Add To HomeScreen などなど Webでできるゲームってだけだったのが、普通にスマホで動くゲームになる時代になっております。 Sound Walker で使ってる技術は WebGL(Three.js), WebAudioAPI, ServiceWorker,

This domain may be for sale!

最近だとSNSに、「JINとかはちまをブロックしよう！アレ読んでるのはアホだけ！」みたいな言説をよく見る。正直私もそう思うし、何度か無断転載された上に言ってもない事を言ったことにされた経験が5回ぐらいあるので、心底排除されることを願っている。 けど今、こいつらより遥かに目障りなサイトがネットの海に溢れている。それが会社がライターに二束三文で記事を書かせるタイプの「企業運営型ゲーム攻略サイト（仮名）」だ。正直はちまJINよりも、個人的には不快度が高い。 具体的に何が迷惑なのか、いくつかの理由に分けて説明する。 問題点1.　空白のページによる検索妨害 問題点2.　画像及び文章の組織的な剽窃 問題点3.　誤謬満ちた情報及び無責任な体制 企業運営型ゲーム攻略サイトの問題点 具体的に我々はどうすべきか 問題点1.　空白のページによる検索妨害 例えば、今私がプレイしている『モンスターハンターワールド』

大家好。Gaoqiao（ガオチャオ）です。 中国では春節の休みが終わったばかりですが、まだまだ正月ムード。なんならクリスマスの飾りもまだ残ったままです。 私はというと春節はずっと中国で過ごしていたものの、遠隔で仕事をしつつ日本で某メーカーと協業で作っていたHTML5ゲームのプラットフォームが先週ローンチして一息ついています。 私の会社では2015年に日本のYahoo!かんたんゲームプラスという広告マネタイズ主体のゲームプラットフォームにHTML5ゲームをリリースして以来、継続的にHTML5ゲームの開発に取り組んでいます。 HTML5ゲームとはどういうものかというと、例えば下記のようなWebブラウザで起動してプレイできるゲームのことです。 ひっぱりマッピー大作戦 - Yahoo!ゲーム http://yahoo-jp.portal.connectedgamestore.com/game?ga

ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・ この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第3回目となる本記事ではウェブ業界の「HTMLコーディング」や「フロントエンド」を中心にアンケート結果を紹介します。アンケートは筆者のTwitterから実施していたものです。 CSSのレイアウトに使うのはFlexboxが多い ウェブサイトの大枠レイアウトを組むときに一番使っているCSSの種類を質問しました。 727票の回答があり「float」が32%、「Flexbox」が51%、「Grid Layout」が11%、「table」が6%でした。 Flexboxが最多となったのは、未対応ブラウザ（例：IE9）が無視できるシェアまで下がったことや、floatよりFlexboxのほうが

前回の記事では、フォームを最適化することでウェブの決済フローを改善するアイディアについて書きましたが、今回は新しい標準 API を使ったアプローチについて書きます。 見た目にも違いが分かりやすいものですので、まずはこちらをご覧ください。 デモはこちらからお試し頂けます (実際に商品を購入することはできません。また、クレジットカードなどの情報がサーバーに渡されることはありません)。 これまで使われていたフォームの代わりに、支払い専用のユーザーインターフェースが使われていることにお気付きと思います。実はこの UI はウェブサイトが用意したものではなく、ブラウザが提供するもので、サイト管理者はこれを呼び出すことにより、従来のフォームよりも手軽に、正確な支払情報をユーザーから提供してもらうことが可能になります。今回ご紹介するのはこれを実現する Payment Request API についてです。

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

どうも、海外就活生のはっしーです。 自称プログラマとして、たまにはIT系のネタを。 現在、現役の大学生たちと一緒に、プライベートでウェブアプリを開発運営しています。大学生向けに、不要な本を無料で譲渡しあえるプラットフォームとしてのサービスです。 テクスチェンジ 先日、この広報および運営を担当してくれているメンバーが、こんな報告をしてきました。 「はっしーさん、Facebook ログインと Twitter ログインが使えません！」 くだんのウェブサービスには、SNSのアカウントと連携してユーザ登録できるボタンを用意しています。なんでも、大学構内で新規ユーザ登録を呼びかけたところ、この機能がうまく使えなかったそうなのです。 「なにかバグがあるってこと？」 「いえ、Facebook や Twitter の アカウントをもっていても、パスワードを覚えてなくてログインできないんです」 ｴｯ!? (

これからはHTML5ゲームの時代が来る？　月間総PV611億のYahoo! JAPANが放つ，“第三のゲームプラットフォーム” 編集長：Kazuhisa カメラマン：佐々木秀二 12→ この記事を読む人にとっては釈迦に説法でしかないが，国内コンシューマ市場はやや停滞状況に差し掛かり，かつて一世を風靡したPCの“MMORPG”は昔ほどの精彩を放たなくなっている。それらに取って代わるかのようにスマートフォンのゲームが猛威をふるっているのが，昨今のゲーム業界の情勢だ（PCのブラウザゲームは割と元気）。 法人の多くがスマホに注力し始めていてゲーム業界全体に少なからぬ影響があるうえ，射幸性をクローズアップしたマネタイズ手法や，もはや“不正”といってもよいランキング操作，開発費の高騰によるリクープの難しさなど「いろいろ言いたいこと」もあるにはある。 それでも，いままでのゲーム業界が努力してもあまりうま

JavaScriptを中心としたWebアプリ開発の栄枯盛衰まとめ――LiveScriptからAngularJS／React.jsまで：15周年記念特別企画 ＠ITが誕生した2000年頃はJavaScriptが不遇だった時代。そこから現在のような人気のプログラミング言語になるまでには、どのような歴史があったのか。15周年を迎えた＠ITの豊富なWeb開発関連記事とともに振り返る。 2015年6月17日に、JavaScriptの最新標準仕様となる、ECMAScript 6（ES6、ECMAScript 2015）が正式に承認されました（参考）。1997年にECMAScriptのバージョン1がリリースされてから6度目のアップデートとなり、これまでの中で一番大きな変更が加えられたことになります。 本稿では、ECMAScript 6が正式に承認されたということもあり、2000年頃の第一次ブラウザー戦争

ブックマークレットとは？ ブックマークレットとは、一言で言えばブラウザにWebサイトへのリンクではなく“機能”をブックマークしておくもの」です。ブラウザに登録するところまでは一緒なのですが、そのブックマークレットをクリックすることで様々な機能を使えるようになります。 「拡張機能やアドオン使えばいーじゃん！」という考えもあるのですが、拡張機能やアドオンは結構PCのメモリを消費してしまうのですよね…。なので、ちょっとしたことをするならばブックマークレットを使ったほうがPCのメモリの節約になるのでオススメです！ サイト運用・分析に使えるブックマークレット あらゆるSNSでの反響がすぐに分かる！「ソーシャルてんこ盛り」 まずは私が１番お世話になっているブックマークレットである「ソーシャルてんこ盛り」。これ1つで気になるページのSNSでの反響をいっぺんに知ることができます！また、このブックマークレッ

【及川卓也・清水亮・羽田野太巳・藤村厚夫】すごい人達呼んで「Webは死ぬか？」をマジメに語り合ってもらった（前編） 白石 俊平（HTML5 Experts.jp編集長） 今また、「Webの死」を予言する論調をそこここに見かけます。モバイルやウェアラブルといった新たなコンテキストが、プラットフォームネイティブな技術の優位性を後押ししているだけではなく、Webコンテンツの消費の仕方を大きく変え、Web上で成り立っていたビジネスモデルをも脅かしつつあります。 本当にWebはヤバいのか、気になってしょうがないので、スゴい人たちに集まってもらって、「Webは死ぬか」について語り合っていただきました。Webを取り巻く様々な論点を包括的に議論でき、貴重な場になったのではないかと自負しております。 Webに関わる人にとっては必読の対談だと思います！でもこの記事、長くて濃いので、心してかかってくださいね:-

Google I/O 2015でのセッション「The Next Generation Mobile Web(次世代のモバイルWeb)」がそこそこに激アツな気がしたのですが、予想に反し、あまり注目を集めていません。 わかります。大衆向けなメディアだと、AndroidやVR/AR、Google Photosのようなわかりやすいキーワードの方が注目されるでしょう。エンジニア向けメディアであっても、昨今のモバイル技術の状況を鑑みて、ネイティブアプリの方を扱いたいと感じるのが当然です。 先日、某懇親会で「え、モバイルをWebでやっているのですか？それ、完全に負け組じゃないですか」と言われ、そこまで印象が悪いものかと心を痛めました。負け組とか、Webがかわいそうじゃないか。 そんな状況というのもありまして、先日の「第58回HTML5とか勉強会」では、あえてGoogleらが考える「次世代モバイルWeb」

このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。

消費者の商品選択を助け、不当な顧客誘引を防止すること、 消費者から指摘されているあたかも優良であるような思わせぶりの表示をなくすこと、 原産地や製法など消費者が求めている製品情報をガラス張りにして公開すること、 このような消費者への公正で正直な情報公開について、塩関係の業者が相談して表示ルールを作りました。このルールを自主的に守っていこうという活動を具体的に進めていくのが食用塩公正取引協議会です。 2024年3月1日 2月29日をもって、『塩７点としおぴぃミニトートバッグプレゼントキャンペーン』を終了しました。たくさんのご応募(2844名)ありがとうございました。 厳正なる抽選のうえ当選者を決定し、3月中のプレゼント商品発送をもって発表にかえさせてもらいます。また、次回をお楽しみに。 2024年2月9日 お知らせとお詫び： 2月１日より開始した『塩７点としおぴぃミニトートバッグプレゼントキ

MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時