止まってしまった時計の針を動かしたい
この記事は Cybozu Frontend Advent Calendar 2023 の 15 日目の記事です。 14 日目はこちら → 主要ブラウザでサポートされつつある WasmGC とは何なのか こんにちは。ryounasso です。 ある日、ちょっとした興味で、フロントエンドで処理を行うカウントダウンタイマーを実装しました。 実際に、動かして使おうとしました。 何秒か後に、経過した時間を確認してみると…… 動いていなかったのです…… 😭 なぜ動かなかったのか このタイマーの処理は、フロントエンド側で setInterval 関数を用いて実装しています。 setInerval 関数は、タブがバックグラウンドになると、ブラウザがリソースの節約のために、実行を遅らせたり、停止させたりするそうです。 そのため、別タブに移動した際に setInterval が停止して、タイマーが動いてなか
おかん for Outlook (Outlook Okan) -無料のOutlook誤送信防止アドイン-
for Outlook 2013～2021 (M365 Apps含む) 誰でも無料で使えるOutlook用の誤送信防止アドイン。 おかんのように心配して、細かく確認してくれます。 お問い合わせ ダウンロード 誤送信を防止するために、 送信前に確認画面を表示。 メールの送信先を間違えた。誤ったファイルを添付した。 そんな致命的な事故を未然に防ぎます。 全てをチェックしないと送信できない仕組みで二重確認を確実に実施。 ホワイトリストや警告キーワードなど、オプション機能も充実。 ※Windows版 Outlook(2013～)のみ対応 ※Web版Outlook(Outlook on the web)対応版はこちらです。
Windows10でFTPサーバを構築して、DOSコマンドで動作確認までおこなう。
FTPサーバを使った開発をおこなう場合、各開発メンバそれぞれにFTPサーバを準備するのは骨が折れる作業です。 そういった場合は、Windows10で標準的に使えるFTPサーバを使用する方法が一般的と言えます。 今回は、Windows10上でFTPサーバを構築する方法と、動作確認方法まで紹介していきます。 環境情報 Windows10 IISを使ってFTPサーバを構築する IISはInternet Infomation Service（インターネット インフォメーション サービス）の略で、Windowsに標準装備されているサーバサービス群になります。 今回は、このIISを使ってFTPサーバを構築します。 IISを有効にする IISはWindows10に標準搭載されていますが、デフォルトでは無効になっています。 まずはこれを有効にして、IISを使用できるようにします。 「すべてのコントロールパ
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
Cometに代表されるサーバ・プッシュ技術の復権
「Java News.jp（Javaに関する最新ニュース）」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」（駆け足の要点説明）でお届けします。（編集部） サーバ・プッシュの歴史 Webアプリケーションが広まるにつれて、レスポンスやリアルタイム性を重視することが多くなってきました。Webアプリケーションの形式によっては、ユーザーが主体的に操作してデータを取得するよりも、サーバ側が必要と思われるデータを送り付けることが主体の場合もあります。 例えば、Webブラウザを利用したチャットであれば、通常ページが更新されるのはリロードされたタイミングですが、サーバ・プッシュ型の実装がなされている場合は、新しいメッセージが追加された瞬間に、参加ユーザー全員に伝搬されなければいけません。 Webブラウザを活用したサーバ・プッシュの手法は、古くはNets
InfoQ: HTML 5 Web Sockets vs. Comet and Ajax
World Wide Webは90年代半ばに急速に成長し、情報分散の一番の手段となった。そしてブラウザがユビキタスになりユーザがそれを使うことに慣れてくれば、歴史上のどんなプラットフォームのユーザ数よりも多いユーザが利用するアプリケーションプラットフォームになることは明らかだ。しかし今はHTMLやHTTPなどの標準が、高度なインタラクションや優れたユーザエクスペリエンスといった考え方を元々の設計思想に持ってないため、まだその段階には至っていない。多機能なオンラインアプリケーションを提供しようとする初期の取り組みのいくつかは、MicrosoftのExchangeエンジニアチームでされていた。このチームはメールサーバのフロントエンドをOutlookに似たものにするために96年からIFrame要素を使っていた。当時はそれが応答性や全般的なユーザエクスペリエンスを妨げるものになっていたが、しかし来
リアルタイムWebを構築しやすくする「Socket.IO」とは
本連載では、このTech-Sketchから「コレは！」というテーマをピックアップし、加筆修正して皆様にお届けいたします。 リアルタイムWebとSocket.IO 栄えある連載第1回は、リアルタイムWebとSocket.IOについてお届けいたします。Tech-Sketchに掲載した元ネタはこちらです。 JavaScriptとDynamic HTMLによる「動的に表示内容が更新されるWebサイト」は、JavaScript内から非同期にサーバへ接続しデータを取得する技術、いわゆるAjaxが利用できるようになったことを皮切りに、爆発的に広がりました。Google Mapsなどがその代表例です。 このGoogle Mapsは、表示する場所や縮尺を変更するといった「利用者の操作」を契機として新しいデータをサーバへ取りに行く仕組みになっています。そのためサーバ側でデータが変更されたとしても、次にデータを
can I use... Support tables for HTML5, CSS3, etc
Test a feature Our partnership with BrowserStack now lets you test your website for compatibility across 2,000+ real browsers and devices. Test on: Did you know? Next If a feature you're looking for is not available on the site, you can vote to have it included. Better yet, if you've done the research you can even submit it yourself! You can import usage data from your Google Analytics account and
「デザイン思考 その１」 | オージス総研
デザイン思考とは、Appleのマウスなど画期的なプロダクトデザインしたことで知られるデザインファームIDEOのイノベーション手法です。 IDEO CEOのティム・ブラウンは、デザイン思考を次のように定義しています。 「デザイナーの感性と手法を用いて人々と技術力を取り持つこと」あるいは「現実的な事業戦略にデザイナーの感性と手法を取り入れ、人びとのニーズに合った顧客価値と市場機会を創出すること」 さて「デザイン思考」と初めて聞いたときにどのような印象を受けるでしょうか。「デザイン」と「思考」に分けて考えてみます。 まず「デザイン」ですが、グラフィックデザインやプロダクトデザインなど、どちらかというと物の見た目の印象があるのではないでしょうか？あるいは芸術的なものをイメージする人がいるかもしれません。また「デザイン」はある種の人達にとっては「設計」になりますが、こうなると先ほどの「デザイン」とは
AdobeがHTML5とCSS3で出来るスゴ技を紹介「The Expressive Web」:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
Comparators―比べてみればわかること 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
ASP.NET関連
基本的な注意事項 私的なメモなので、あまり信用しないでください。 実際の動きは自分で確認してください。 基本的に、VS(VB)は2003、.NET Frameworkは1.1、IEは6が対象となっています。 それ以外のバージョンの話題も含まれるかもしれませんが、まあ気にしないでください。 メモというより独り言になっている部分もありますが、今更編集しなおすのも辛いので軽くスルーしてください。 また、同じような内容が繰り返し記述されている可能性もありますが、まとめる気力がないのでスルーしてください。 こんなメモよりもよっぽど有益な情報源 工事中・・・ メモIndex 現在ナッシングです。 ■ エラー発生時のユーザーへのレポート方法 ASP.NET（正確にはWebアプリだけど）で、エラー発生時のユーザーへのレポート方法としてラベルにメッセージを表示させる方法があるが、 HTMLとして画面のどこか
5分で分かるレスポンシブWebデザイン
レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。2010年に誕生し、今も進化をしている。言葉だけを引用するとレスポンシブとは“反応／変化”なので、それに環境に応じて変化するWebと広く理解する方もいるかもしれないが、基本的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。 欧米でも2012年にはリニューアルとともにレスポンシブWebデザインをする大企業のサイトも続々とローンチされている。世界的に有名なオンライン・メディア「Mashable」でも、ポストデスクトップ時代の終わりとモバイル時代の幕開けを理由の1つとしてレスポンシブWebデザインが2013年のメガトレンドと予想している。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Online file browser for your server
IBM Developer