Welcome to the space elevator, the only elevator that goes to space.
Welcome to the space elevator, the only elevator that goes to space.
辰井裕紀＠ライター @pega3 「私はロボットではありません」って、押す前の動作で多角的に判定していたのか。あの「ゆがんだ文字」は、AIの進歩で破られるようになって提供終了したのは衝撃。 「私はロボットではありません」はワンクリックでなぜ人間を判別できる？ 仕組みとその限界を聞いてきた persol-tech-s.co.jp/i-engineer/tec… pic.twitter.com/RV0J6skXQm リンク i:Engineer 〜だからエンジニアっていいよね〜 「私はロボットではありません」はワンクリックでなぜ人間を判別できる？ 仕組みとその限界を聞いてきた WEBサービスを使用するときによく目にする「私はロボットではありません」。どうしてワンクリックで人とロボットを見分けられるのでしょうか。専門家に聞きました。 660 users 249
概要 先日ふと自分のPCのフィンガープリントを取ってみたところ「IPアドレス」など様々な項目が並ぶ中に「Math.tan」という変な項目を見つけました。 「なぜ三角関数が出てくるの？」と気になって調べてみたところ、**三角関数の値はブラウザやOSの実装により微妙に異なることがあり、特定の式をブラウザに計算させることで利用者を識別する手段になり得る1**という話でした。 面白そうだなと思ったので、本記事ではその手法で実際どの程度までブラウザ/OSを判別できるのか調査してみました。 検証方法 今回は様々な文献12の情報を参考に、以下の式を各OSの各ブラウザに計算させました。 tan(-1e300) cosh(10)（厳密には三角関数の類似ですが） これら以外も10数種類ほど試したのですが、判別に使えたのはこの2つのみでした。 試したOSとバージョン macOS Catalina (ver.10
東京都が今月、新型コロナウイルスの特設サイトを立ち上げました。一般のプログラマーなどが意見を出し合いながら、修正していく新しい方法で制作されていて情報が分かりやすいとして注目を集めています。 この特設サイトは東京都が新型コロナウイルスに関する最新の情報を伝えようと今月３日から公開しています。 発表内容をそのまま掲載する従来の方法ではなく、ＰＣＲ検査を受けた人数の変化や地下鉄の混雑状況の時間ごとの変化などがグラフで示されるなど、データが分かりやすいように工夫されています。 制作にはサイトの設計図にあたるプログラムを公開して一般のプログラマーなどがインターネット上で意見を出し合える「オープンソース」と呼ばれる方法が使われています。 すでに600件以上の意見が寄せられていて、感染した人のうち何人が退院したかの情報を掲載したり、色覚障害がある人のためにグラフの色を変更したりなどの修正が提案がされた
オードリー・タン氏（中央）とCode for Japanメンバーらとの記念写真。来日した際に撮影した。 出典：Code for JapanのHPより編集部キャプチャ 都のサイトは、台湾のIT担当大臣、オードリー・タン氏もシステムの改善に参加したことが話題になった。オードリー氏は台湾で、市民がIT技術を使って課題を解決する｢シビックテック｣の団体を立ち上げた中心人物だ。 オードリー氏が提案したのは、中国語の表現について。言語を選ぶ部分で、｢繁体字｣の表記の、｢体｣を｢體｣への変更を提案した。 東京都から同サイトの作成・運用を請け負っている｢Code for Japan（コード・フォー・ジャパン）｣代表理事の関治之さんは、｢オードリーさんが参加したことが分かり、メンバーも沸きたった｣と話す。 オードリー氏は2019年にCode for Japan 主催のワークショップに登壇するなど、以前からつ
このツイートを見て、「アプリで再ログインを頻繁要求されるってユーザビリティ良くないな。」と思ったのですが、普段裏側の仕組みは意識していなかったりテックリードの方に任せきりだったりしていたので、これを機に調べてみました。 そもそもスマホアプリ の時代、もはやauthenticationですらないと思うのよね。（何を言ってるかわからねえだろうと思うが。） — Hiromitsu Takagi (@HiromitsuTakagi) 2019年7月8日 この記事は「アプリでログインしっぱなしは、どのように実現されるの？」という疑問と調べた結果を共有するために書いていきます。 間違いや「もっとこんな仕組みが使われてるよ！」等のツッコミがあれば、どしどし貰えると助かります！ 疑問1. アクセストークンという仕組みとは？ 「なぜアクセストークンという概念が必要なのか？」 モバイルアプリでユーザー認証をし
ウェブページの表示速度は、離脱率やコンバージョン率にもっとも影響する重要なポイントです。Googleが公表した調査結果では、「表示に3秒以上かかると、約53%のユーザーは離脱する」「表示速度が1秒から6秒に落ちると、直帰率は106%上昇する」というデータが出ているようです。 表示速度を改善する施策は色々とありますが、本記事では「AMPアンプ（Accelerated Mobile Pages）」を作成する際に利用するJavaScriptライブラリーを使って、簡単に表示速度を改善する手法を紹介します。 AMPとはウェブページの読み込みを高速化させる技術 「AMPアンプ（Accelerated Mobile Pages）」とは、名前の通りモバイルでのウェブページの読み込みを高速化させる技術です。 本サイト（ICS MEDIA）では以前「AMPの利点と対応HTMLの作り方」で導入方法を紹介していま
イケてるWebサービスではどんなフレームワークやライブラリが使われているのか気になる人は多いでしょう。やはりトレンドのフレームワークを組み合わせているのか、はたまた意外と枯れた技術を使っているのか。 そんな調査ができるライブラリがstacks-cliです。気になるWebサービスで実行してみましょう。 stacks-cliの使い方 MOONGIFTの実行結果です。かなり高い確度で正解しています。 stacks-cliはHTTPサーバのヘッダーやレスポンス内容を解析して使われているであろうライブラリを判別しています。この辺りのことは解析すれば分かるということで、セキュリティを気にする方は隠せるように調整しても良さそうです。 stacks-cliはnode/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 WeiChiaChang/stacks-cli: ?
こんにちは！ほけきよです。 今日は自動化第三弾！！ SEO対策ってしてますか？ ブログの検索流入をあげるために、Googleには媚を売っていかなければいけないじゃないですか～。 そんなわけで、前回は表示スピード向上にむけた画像圧縮のために、全画像をぶっこ抜いてくる方法を紹介しました。 www.procrasist.com 今日は、SEO対策で大事だと言われる。内部リンクのネットワーク化についてです。 内部リンクのネットワーク化 SEO ブログ とかで調べるとわんさか出て来るわけですよ。内部リンクの密度、数、アンカーテキスト*1などが大事って。 なので、記事をほったらかしにするわけじゃなくて、過去記事にもリンクをはりながら、蜘蛛の巣のような構造にしていかなければいけないってわけです。 めんどい というわけで、最適化しようと思うじゃないですか～。 めんどい、めんどうがすぎる。 まず、どの記事に
5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show
どうも、まさとらん（@0310lan）です。 今回は、JavaScriptでWeb開発をされている方や、これから勉強しようという方も含めてとても便利に使える無料オンラインエディタのご紹介です！ バックエンドは「Node.js」でプログラミングして、フロントエンドは「HTML / CSS / JavaScript」で開発し、そのままホスティングもしてくれるので手軽に公開することも可能なスグレモノですよ。 【 Gomix 】 以前は「HyperDev」という名称でサービスが公開されていましたが、現在は「Gomix」というサービス名に変更されており、今も活発にバージョンアップが続けられています。 ■基本的な使い方！ それでは、実際に「Gomix」を使いながらどのようなサービスなのかを見ていきましょう！ まずは、ブラウザから「https://gomix.com」にアクセスすると、いきなりコード
Interactive Musical Instruments | Codrops WebAudioを使ってピアノやギター等の楽器をWEB上で実現するサンプル MIDI.jsとWebAudioを使って実現されているようですが、凄いの一言。 実験的なデモのようですが一見の価値ありです。 関連エントリ ページ内テキストをハイライトすることができるJS「mark.js」 WEBCAMを使ったアイトラッキングができる「WebGazer.js」 表示領域に入ったかどうかを検知する「in-view.js」 ページの隅に隠せるコンテンツ実装「jquery.tabSlideOut.js」
フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発
IPA（独立行政法人情報処理推進機構、理事長：藤江一正）は、ウェブサイトの開発者や運営者向けの「安全なウェブサイトの作り方」にパスワードリスト攻撃への悪用防止対策等を新たに追加した改訂第7版を2015年3月12日（木）からIPAのウェブサイトで公開しました。 URL：https://www.ipa.go.jp/security/vuln/websecurity.html IPAでは、必要な技術的配慮が不足していたために起こるウェブサイトの情報漏えいや改ざん等、意図しない被害を防ぐため「安全なウェブサイトの作り方」を2006年から発行しており、これまでに6版を数えています。その内容には、IPAへの届出件数が多く攻撃による影響度が大きいソフトウェア製品やウェブアプリケーションに関する脆弱性関連情報を取り上げ、適切なセキュリティが考慮されたウェブサイト作成のためのポイントをまとめています。 7版
久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.png: タブ表示用 favicon-32x32.png: Mac版Safari用 favicon-96x96.png: Google TV用 favicon-160x160.png: Opera 12 までのスピード・ダイアル用 favicon-196x196.png: Android版Chrome用 mstile-70x70.png: Windows 8 用 mstile-144x144.png mstile-150x150.png mstile-310x310.png mstile-31
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.co.jp: ウェブアプリケーションセキュリティ: 金床: 本
Amazon.co.jp: 体系的に学ぶ 安全なWebアプリケーションの作り方 脆弱性が生まれる原理と対策の実践: 徳丸浩: 本
