［改訂新版］プロになるためのWeb技術入門 | 技術評論社
概要 なぜWebシステムをうまく作ることができないのか？――本書は2010年に初版が発行されました。Webに携わるエンジニアだけでなく、Webマーケティング担当者にいたるまでWebの仕組みを根本から理解するための技術書として多くの方々に利用されました。それから10数年の月日が流れ、本書の特徴である技術の根本をていねいに解説するスタイルはそのままにアップデートを図りました。最新のWeb技術を取り入れて全面改訂です。さらに技術を学ぶ上でのさまざまな悩みを解消し、エンジニアとして成長していく手がかりをふんだんに盛り込みました。もちろんサンプルアプリケーションプログラムを試しながら理解を深めていく工夫もしています。本書によって本質をとらえるプロの技術力も得てください。 目次 第1章 技術の学び方 1.1 技術の学びはなぜ難しくなったのか 1.1.1 要件の多様さと複雑さ 1.1.2 技術的選択肢の
【JavaScript】Idle Detection APIとかいう悪用以外の使い道がないAPI - Qiita
2024/09/10にIdle Detection APIというAPIが更新されていました。 ステータスはDraft Community Group Reportです。 これはコミュニティによる提案であり、W3Cによる正式な勧告ではありません。 個人や団体レベルでも、とりあえずRFCを作ってみたり検討したりできる段階ということです。 以下はこの提案を管理しているGitHubから、このRFCの意義を解説したReadmeの紹介です。 User Idle Detection API このAPIでは、開発者はユーザがアイドル状態になったとき(キーボードマウスを操作していない、スクリーンセーバーが起動した、画面がロックした等)のイベントリスナーを登録できます。 入力イベントの監視によるソリューションと異なり、この機能はサイトのコンテンツ領域を超えて機能します。 すなわち、ユーザが別のウィンドウやタブ
これはすごい！ HTMLの新機能、popover属性でポップオーバーがJavaScript無しで簡単に実装できるようになります
先日リリースされたChrome 114でPopover APIがサポートされ、HTMLのpopover属性が使用できるようになりました。 今まではポップオーバーを実装するのにはJavaScriptを使用し、ポップオーバーの開閉・フォーカス・アクセスフックなど面倒でしたが、popover属性で実装すると驚くほど簡単で、さまざまなUIコンポーネントに利用できます。 Introducing the popover API by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに HTMLのpopover属性とは ポップオーバーのデフォルト、オーバーライド 自動ポップオーバーと手動ポップオーバー popover属性とdialog要素の違い 近日公開予定の便利な2つの機
PhantomJS - Scriptable Headless Browser
Important: PhantomJS development is suspended until further notice (more details). PhantomJS is a headless web browser scriptable with JavaScript. It runs on Windows, macOS, Linux, and FreeBSD. Using QtWebKit as the back-end, it offers fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. The following simple script for PhantomJS loads Google homepag
Google Libraries API
Google Hosted Libraries は、最も人気のあるオープンソースの JavaScript ライブラリ向けの、安定した信頼性の高い高速のグローバル コンテンツ配信ネットワークです。 Google は、各ライブラリの取り組みの主要な関係者と直接連携し、リリースされた最新バージョンをそのまま受け入れます。 ライブラリ ホストされているライブラリを読み込むには、そのライブラリの HTML スニペット（下記参照）をコピーしてウェブページに貼り付けます。たとえば、jQuery を読み込むには、ウェブページに <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> スニペットを埋め込みます。 独自のウェブサイトで HTTP のみを使用している場合でも、HTTPS 経由
交差オブザーバー API - Web API | MDN
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2019年3月. * Some parts of this feature may have varying levels of support. Learn more See full compatibility Report feedback 概要 従来、ある要素の可視状態、あるいは 2 つの要素の相対的な可視状態を検出することは困難であり、その解決策は信頼性が低く、ブラウザーやアクセスするサイトの動作が重くなる傾向がありました。ウェブが成熟していくにつれて、このような情報の必要性は高まっていきます。交差情報 (Intersecti
最新のウェブフロントエンド技術を無理してキャッチアップする必要はない - id:anatooのブログ
ウェブフロントエンド技術は変化が激しいと言われるけれども、多くの人にとって最新のウェブフロントエンド技術を無理してキャッチアップする必要は無い。以下理由。 ここでいう最新のウェブフロントエンド技術とは、新しいブラウザのAPIや新しいJavaScriptの文法や新しいフレームワーク・ツールなどを指す 今のHTML5はドキュメントを表現するプラットフォームだけではなくアプリケーションプラットフォームとしても機能するように進化をしている最中 だからアプリケーションプラットフォームとしての進化を支える新技術がたくさん出てきている 逆に言うと、アプリケーション(SPAとか)を書かない人にとってはキャッチアップする必要の無い場合がたくさんある また、それらのウェブフロントエンドの新技術を全てキャッチアップするのは基本的に不可能だと思う 自分はウェブフロントエンドやそれのパフォーマンスを専門の一つにして
自分も開発したくなる！楽しすぎるJavaScriptライブラリ7選 - Findy
2016.06.06｜最終更新：2017.11.17 自分も開発したくなる！楽しすぎるJavaScriptライブラリ7選 JavaScriptを使ってユニークなサイトやアプリを制作したい！ そんな時に活用できるのがJavaScriptライブラリです。 本記事では楽しくWeb開発が可能なライブラリを厳選して7つご紹介します！ 顔の認識ができるようになる！ 【 jQuery Face Detection 】 JavaScriptだけで、画像内に映る顔を検出できちゃいます！ 顔の座標位置を検出し、データとして取得できます。 複数人が画像に含まれていても、それぞれ検出可能です。 Webカメラにリアルタイムに映る顔を検出できる「clmtrackr.js」もありますよ！ VR空間で絵が書けるブラウザアプリ！ 【 A-Painter 】 A-Frameはブラウザ上で仮想空間（VR）を実現するフレームワー
Payment Request API の概要 | web.dev
Payment Request API の概要 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 お客様がウェブサイトで商品を購入しようとした場合、サイトではお客様に支払い情報の提供を求め、必要に応じて配送方法などのその他の情報の提供を求める必要があります。この処理は、Payment Request API（PR API）を使用すると迅速に実現できます。 基本的なお支払いの仕組み PaymentRequest オブジェクトを構築するには、支払い方法と支払い詳細の 2 つのパラメータが必要です。また、3 つ目の支払いオプション パラメータは省略可能です。基本的なリクエストは次のように作成できます。 const request = new PaymentRequest(paymentMethods, paymentDetails); 各パラメータの作成方法と使用
JavaScriptで機械学習の実装 3 AROW – Rest Term
今回はオンライン機械学習アルゴリズムとして知られている AROW (Adaptive Regularization of Weight Vectors) を試してみました。内容的には以下のエントリーの続きになりますが、今回からタイトル文言を少し変えようと思います。TypeScript入門という段階はそろそろ脱したかなと思うのと、TypeScriptよりも直接JavaScriptで書く量の方が増えてきたためです。 TypeScript入門 – 機械学習の実装 1 Denoising Autoencoder TypeScript入門 – 機械学習の実装 2 Logistic Regression 前回のエントリー内で、次はブースティング系アルゴリズムを実装してみたいと書いたのですが、オンライン機械学習 (機械学習プロフェッショナルシリーズ)を読んでいたらこの分野への興味が強くなってしまったので
PokemonGoで近くにポケモンが出たら〇〇するトリガーをNode.jsで作る - Qiita
昨日のIoTLTで話をしたネタの中に出てきたAPIを使うときに使ったコード紹介です。 スライドはこちらです ちなみにNode.jsのバージョンは6.3.1です。 pokemon-go-node-api 調べたら色々とあったのでどれを使うかはお任せなのですが、僕が使ったライブラリは近くでポケモンが出たら何かするみたいなことがやりやすかったので紹介します。 pokemon-go-node-api 使ってみる インストール 'use strict'; const PokemonGO = require('pokemon-go-node-api'); // using var so you can login with multiple users let a = new PokemonGO.Pokeio(); //Set environment variables or replace plac
JavaScript の難しさとは何か - mizchi's blog
JSの学習コスト高いかという問題、言語のコア自体はシンプルだが細かい == とかのハマりどころが多いのと、言語機能自体がシンプルすぎてエコシステムを理解してモジュールを扱うところに辿り着くのが大変、という問題に分類できる— 現場の声 (@mizchi) 2016年8月15日 jQueryの学習コストは、DOMはツリーなんだよという概念の獲得と DOM API の抽象サブセットを覚えるというだけで、2016年現在は jQueryによるUI設計論(ここが高まるとBackboneとかその辺)みたいなものに手を出す必要がないなら、そんなでもないんだろうな— 現場の声 (@mizchi) 2016年8月15日 Reactが難しいと言われる場合、仮想DOMという概念がやや難しい、というか非常にCS的なアルゴリズムとデータ構造が背景にあって、その上で単純なトップレベルAPIとアルゴリズムを理解してないと
ブラウザでプログラミング講座するから集まれー！ : IT速報
・暇人対象 ・どの言語教えたらいいのか分からないので、ブラウザがあれば出来るからjavascript教えてみる。 ・他の言語の方がいいならそっちやる。ただしスレ主は別に凄腕プログラマではないから、 初心者向けの本よめば分かることぐらいしか教えられない。 ・前提条件 ・パソコンを使える ・タイピングは得意である ・暇である はじめまーす
Apple Pay on the Web | Apple Developer Documentation
Support Apple Pay on your website with JavaScript-based APIs.
静的な Google マップを JavaScript API で差し替える
Google Maps JavaScript API で Google マップを埋め込む場合、当然のことながら JavaScript が有効でない環境では何も起こらず真っ白になってしまう。これを回避するため、まず Google Static Maps API を利用して HTML に静的な画像のマップを埋め込み、そのパラメーターを読み出して JavaScript API に渡して、動的マップで静的マップを差し替える、とやるとうまい具合に解決できそうと思ってやってみた。 <div id="map-container"> <img src="http://maps.googleapis.com/maps/api/staticmap?markers=35.6604005,139.7290428&zoom=14&size=480x320&sensor=false" alt="..."> </div
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - microsoft/rushstack: Monorepo for tools developed by the Rush Stack community
Vue.js 2.3 CheatSheet
http://japan.internet.com/developer/20090807/26.html?rss
GoogleMapAPIv3まとめ。 - Qiita
http://www.pulp-studio.net/top.php