最近、仮想通貨(暗号資産)やNFT(非代替性トークン)、メタバース関連の話題を追っていると「Web3」という言葉に行き当たる。まるで続編映画のタイトルのようだが、ブロックチェーンのプラットフォーム「イーサリアム」の共同創業者による造語だ。仮想通貨の熱心な支持者たちは、インターネットの次の段階をWeb3と呼び、期待をかける。 Web3を説明する方法は2つある。手っ取り早い説明は、「ブロックチェーンを統合したインターネット」だ。「仮想通貨やNFTが、利用するプラットフォームに組み込まれたインターネット」と言ってもいい。もう1つの説明は「ユーザーが所有するインターネット」だ。最初の説明よりは複雑だが、もう少し具体的だ。ブロックチェーン技術を統合することでインターネットは真に平等主義的な場所になる、と仮想通貨の熱烈な支持者たちは言う。 この一派の主張はこうだ。現在のインターネットはFacebook
マイクロソフトはLinuxに対応したWebブラウザ「Microsoft Edge for Linux」の正式版リリースを、オンラインイベント「Microsoft Ignite 2021」で発表しました。 We made it! #MSIgnite kicks off today We're excited to share new milestones and updates for Microsoft Edge, including: Microsoft Edge on Linux IE mode Cloud Site List Management New features for Microsoft Search Read more: https://t.co/JGPTQuIK8V — Microsoft Edge Dev (@MSEdgeDev) November 2, 2021
はじめに まずは宣伝です。 このたび保育園を地図から探せる 保育園マップ というサービスを作りました。 WEB版 iOS版 Android版 Vanilla JSのSPAで作ったのですが、思いの外色んなことをやる必要があったので、制作過程で得た知見をこの記事にまとめました。 網羅的に書いたので長いですが、一つ一つのトピックはそれ程長くないので、興味があるところだけ読んでもらってもいいと思います。 Vanilla JS & SPAとは? Vanilla(バニラ) JSというのは何もフレームワークを使っていない素のJavaScriptのことです。 ただのJavaScriptなんですが、ジョークでフレームワーク風の公式サイト?っぽいものがあったりします。 SPAというのはシングルページアプリケーションの略です。 ページごとにHTMLを用意するのではなく、1つのHTMLの中でJavaScriptに
今までの自宅サーバー高速化の取り組み このブログはWordPressを自宅サーバー(自作パソコン)で構築・配信しているのですが、今まで様々な高速化への取り組みやパフォーマンスチューニングを行って来ました。代表的なものでも以下のような対策を講じてきました。 サーバーのハードウェアのスペックアップ 自作パーツで、Core-i7 3770 HT8コア、メモリ32GB、SSD512GBで構成 PHPにAPC(アクセラレーター)を導入 php.iniもメモリ関連やAPC関連の設定を最適化 ApacheをやめてNginx1.2の最新版でPHP-FPMのリバースプロキシを構成 NginxからPHP-FPMへの接続をポート通信ではなくソケット通信に切り替え Nginxのプロキシキャシュの範囲を強化 キャッシュ対象を画像、JS、CSSにも適用。HTMLをGZIP圧縮してブラウザに送信 MySQL5.6の導入
Jamstackを既存のシステムに導入するかを検討する機会があった。 紆余曲折したものの、未だに暫定的な結論しか出ていない。 とはいえ、わりと頑張った。 今回は Jamstackとはなんぞや? Jamstackの特徴 Jamstackの技術 弱みを解決する策 実際に検討した話 を雑に紹介したい。 個人的なメモなので、間違っているところがあるのを考慮願いたい。 Jamstackとは? JamstackのJamは以下の頭文字をとっている。 JavaScript APIs Markup まず、フロントエンドを持たないAPI群がある。APIはブラウザのJavaScriptから叩かれるかもしれないし、後述するようなSSG =「Static Site Generator」のフレームワークが叩くかも知れない。どちらにせよユーザーに配信されるのはSSGが出力した、Markup。つまりプリレンダリングされた
この記事はPWA Advent Calendar 2019の1日目の記事です。 以前、PWA Night vol.9 で、Web技術だけで作るQRコードリーダーという内容で紹介したのですが、当日は時間の問題で概要程度だったのでもう少し技術的な詳細を書きます。(当日のスライドはこちら) 作ったもの まずは、実際に見ていただくのがイメージつきやすいと思うので動作しているGIFです。 QRコードを読み込んで結果を表示するというものですが、これがブラウザで動いています。 実際に公開されていますのでよかったら使ってみてください。 サイト:https://simple-qr.netlify.com/ GitHub:https://github.com/KanDai/simple-qr-reader 確認している対応ブラウザは以下です。 Android Chrome Android Firefox iO
この記事はPWA Advent Calendar 2020の16日目の記事です。 (だいぶ遅れてすみません) 以前に書いたWebの技術だけで作るQRコードリーダーの続編です。 以前の記事ではjsQRというライブラリを使用してQRコードの読み込みをしていましたが、ブラウザ標準のShape Detection APIというAPIで同じことが実現できそうだったので試してみました。 Shape Detection APIはEditor's draft(2020年12月23日現在)ですが、デスクトップ版とAndroid版のChrome ver83からはデフォルトで有効になっているようです。 ※以前は chrome://frag からフラグを有効化しないと使えませんでした。 参考:https://www.chromestatus.com/feature/4757990523535360 Shape D
視覚障害を持つ米ニューヨーク州の女性が19日、AppleのWebサイトが視覚障害者を差別しているとしてニューヨーク南部地区連邦地裁にAppleを提訴したそうだ(The Register、訴状PDF)。 原告はスクリーンリーダーを利用してインターネットにアクセスしているが、AppleのWebサイト(apple.com)はスクリーンリーダーの利用に適したデザインになっておらず、地元のAppleストアの場所や営業時間を調べることもできなかったという。訴状で挙げられている問題点としては、画像の代替テキストがセットされていないこと、テキスト要素のないリンクが使われていること、同じURLへのリンクが近い場所に複数配置されていることが挙げられている。 そのため、原告はAppleのWebサイトが一般公開の施設や商品、サービス等での障害者への差別を禁じた「障害を持つアメリカ人法」(ADA)第III編やニュー
TwitterやInstagramのロゴやピクトグラムなど、ウェブサイトでは多種多様なアイコンが使われますが、そういったアイコンをウェブフォントにした「Fontisto」が無料で公開されています。商用利用もOKで、さらにCSSツールキットも付属。コードライセンスは「MIT License」、文書ライセンスが「Creative Commons BY3.0」、フォントライセンスは「SIL Open Font License 1.1」となっています。 Fontisto - the iconic font and css toolkit http://www.fontisto.com/ GitHub - kenangundogan/fontisto: The iconic font and CSS toolkit. Fontisto gives you scalable vector icons
昔メール送信のテストをするときはmocksmtpdというのを使っていたのですが、最近はMailCatcherというのがいいそうなので試してみました。 github.com gemで簡単にインストールできます。 $ gem install mailcatcher mailcatcherコマンドで実行するだけ。コンソールにSMTPサーバとWebブラウザ用のURLが表示されるので、アプリケーションからはこのSMTPサーバにメールを送信するように設定します。 $ mailcatcher Starting MailCatcher ~~> ERROR: Something's using port 1025. Are you already running MailCatcher? ==> smtp://127.0.0.1:1025 ==> http://127.0.0.1:1080 Webブラウザ用
Real World HTTPの献本ありがとうございます。Webトラフィックを運ぶプロトコルとして利用されているHTTPの解説書として、HTTP 1.0、HTTP 1.1、HTTP 2.0のプロトコルだけではなく、ブラウザやサーバが何を行っているのかを含めて解説しています。 Real World HTTPの凄いところは、過去の経緯をふまえつつ、HTTPという軸で実際に使われている部分とそうでない部分を明確にしつつ解説されている点です。 しかも、範囲は非常に広いです。HTTPと関連する話として、たとえば、TLS、WebRTC、RSS、RDF、OGP、JSON、GeoLocation、RESTful APIなども解説されていますし、勘違いが発生しやすいno-cacheやno-storeなどに関しても解説されています。 すべての項目に関して詳細に解説されているわけではないものの、それぞれかなりし
WebブラウザからLinuxを管理・操作できるツールで「Cockpit」というものがあるので、今回はそれをインストールしてみる。 なお、コマンドの検証はRHEL系はCentOS 7、Debian/Ubuntu系はUbuntu 16.04 LTSを使って確認しているので、他のバージョンだと少し異なる場合があるので注意。 1.インストール RHEL系、Debian/Ubuntu系それぞれでのインストールコマンドは以下。 CentOSなどのRHEL系 yum -y install cockpit Debian/Ubuntu系 sudo add-apt-repository ppa:cockpit-project/cockpit sudo apt-get update sudo apt-get -y install cockpit インストール完了後、サービスを起動させる。 sudo system
Linux系のサーバー管理ツールといえば Webmin や、有料なら cPanel なんかが有名。 だけど他にフリーなのないかなと探してみると Ajenti というのが最近人気があるっぽい感じだった。 Ajenti 公式サイト http://ajenti.org/ インストール インストールは簡単で、例えば CentOS6 なら以下のコマンドで一発。 (すべて yum で入れてくれる模様) curl https://raw.githubusercontent.com/ajenti/ajenti/1.x/scripts/install-rhel.sh | sh Ubuntuとか他のものは以下のページにインストール方法がある。 http://support.ajenti.org/list/27624-kb/?category=9290 Pythonで動いてるらしく、上記インストールコマンドでそ
県や市の公式ホームページ制作の経験から、気をつけておきたい点をメモに残しておきたいと思います。 納品前 納期が3月に集中する 行政サイトの場合、お金は年間予算や国からの特別補助金などから支払われます。つまり基本的に年度を跨ぐことが出来ません。(保守にかかる費用は別です)その為、行政の案件に頼っている制作会社は納期が重なり3月が滅茶苦茶忙しくなります。 年度末は余裕を持ったスケジュールを組んでおきましょう。 見積もりは2割増しで ここで言う見積とは入札時の見積もりではありません。行政の案件をいくつかこなして担当者と仲良くなってくると、コンペの上限金額を決めるために事前に見積を頼まれる事があります。「もし○○みたいな案件だったらいくら位でできそう?期間と見積もり貰えると助かるんだけど。」みたいな感じです。サラリーマン金太郎の東北編で出てきたアレです。大事なのはここで割引など一切考えずに、むしろ
先月末の話になりますが、SAPジャパンさんを会場に開催されたデータ転送ミドルウェア勉強会で、私が中心になって開発しているHTTPサーバ「H2O」について話す機会をいただき、登壇してきました。 以下は当日使用したスライドです。なぜ今H2Oを開発しているのか、その背景にある現状認識と将来の方針について、日本語で説明してあるので、興味ある方はご覧ください。 発表の機会をくださった@repeatedlyさんと@frsyukiさん、会場を提供してくださったSAPジャパンさん、ありがとうございました。 H2Oの開発は順調に進んでおり、HTTP/2サーバプッシュへの対応も完了し、まもなく次のバージョンがリリースできるかと思います。今後ともよろしくお願いいたします。
404 ノット・ファウンド あるいは、ページが存在しないことについて そのページはかつてここに存在していたか、あるいは元から存在していなかった。ただひとつ言えることがあるとすれば、君の探していたページは今、ここには存在していないということだ。 考えられる可能性はざっと2つある。ひとつはブラウザのアドレス・バーに打ち込んだURLが間違っていたことだ。たしかにURLは取るに足らないアルファベットの文字列に過ぎないし、打ち込んだ後はそのことをきれいさっぱり忘れてしまっても構わない。実際、君はそれを数秒後か数十秒後には忘れてしまうだろう。それでもURLを入力するときには、土曜日の朝にドリップコーヒーを淹れるときみたいに、間違えないよう丁寧に扱ってやる必要がある。ただの1文字でも間違ってしまったURLは、君をどこへも連れて行ってはくれないのだから。 もうひとつの可能性は、君の探していたページが、ここ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く