JSでブラウザの戻るボタンを止める方法。 - Qiita

2023/09/13 105 users Qiita インタラクティブ 要件 ブラウザ 動作

ウェブ開発の世界では、JavaScriptは開発者がインタラクティブでダイナミックなウェブアプリケーションを作成できる強力なツールです。ウェブ開発における一般的な要件の1つに、ブラウザの戻るボタンの動作を制御することがあります。 このブログ記事では、ブラウザの戻るボタンを無効にするJavaScriptのコード・スニペ... 続きを読む

IIJ、社内開発した文書共有アプリをOSSとして無償公開

2023/05/25 382 users IIJ OSS cats_dogs HTML PDF

印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます インターネットイニシアティブ（IIJ）は5月25日、社内開発した文書共有のウェブアプリケーション「cats_dogs」（キャッツ・ドッグス）をオープンソースソフトウェア（OSS）とし... 続きを読む

ブラウザ自動操作技術の深層へ、直接触れて学ぶ WebDriver と Chrome DevTools Protocol

2022/03/29 154 users WebDriver ネイティブアプリ Selenium 深層

ウェブアプリケーションの開発においてE2Eテストの自動化は身近なトピックです。SeleniumやPuppetter、PlaywrightやAppiumなどがブラウザ・ネイティブアプリの自動操作のOSSとしてよく挙げられます。しかし、それらの裏側はご存知でしょうか？ 本トークではこれらのツールの背後にいるWebDriver、Chrome DevTools Protoc... 続きを読む

AWS公式『現代的なウェブアプリケーションの構築』ハンズオンのハマリどころ - Qiita

2020/09/05 392 users Qiita ハンズオン ハマリ AWS公式 構築

AWSは、AWSのサービスを活用した実践的なハンズオンコンテンツを多数公開しており、 日本語化もされています。 アマゾン ウェブ サービス (AWS) の実践的チュートリアル https://aws.amazon.com/jp/getting-started/hands-on/ 社内向けにコンテナやAPI Gateway初学者向けのハンズオン教材を探していたところ、 ちょうど... 続きを読む

現代ウェブフロントエンド（ウェブアプリケーション）について理解する唯一の方法｜erukiti｜note

2020/03/29 743 users React angular erukiti Vue Java

この記事は、ウェブ技術の開発者（Java, PHP, Ruby, Go... 全て含む）のうち、少しでもJavaScriptを触ったことがあるけど、現代ウェブフロントエンドというか、特にウェブアプリケーション —— React, Vue, Angular など—— が分からない人に向けて、たったひとつの理解方法を提示するものです。 追記: ちなみに果てしなく... 続きを読む

Introduction · Webフロントエンド パフォーマンス改善ハンドブック

2018/09/13 120 users Introduction ハンドブック フロントエンド 事例

Webフロントエンド パフォーマンス改善ハンドブック このパフォーマンス改善ハンドブックでは、ウェブアプリケーションにおけるフロントエンドのパフォーマンス改善について扱っています。 目的 このハンドブックでは過去に行った改善の事例を中心に紹介しています。 そのため、現在の最適な解決方法を提案するものでは... 続きを読む

Vue.js で始めるシングルページアプリケーションの開発 - HDE BLOG

2018/03/05 580 users Vue.js HDE BLOG 開発 HTMLエディタ ユーザ

2018 - 03 - 05 Vue.js で始めるシングルページアプリケーションの開発 Vue.js は JavaScript フレームワークです。 ウェブアプリケーションのユーザーインターフェイス開発を支援する様々な仕組みを提供します。 管理画面はもちろん、HTMLエディタのようにユーザの入力に対して即応性が必要なアプリケーションを簡単に作ることができます。 例えば、テキストエリアに文字を入力... 続きを読む

最近のGoプロジェクトのMakefile - 詩と創作・思索のひろば

2017/12/15 72 users Makefile npm 思索 ひろば イチ

2017 - 12 - 15 最近のGoプロジェクトのMakefile Go 最近は仕事でも新しくGoのプロジェクトをイチからはじめることが増えてきて、コピペ元が欲しくなるので、スナップショットとして残しておきます。とくに Go でウェブアプリケーションを書くような場合を想定していて、npm エコシステムにも乗っていきます。 大まかな方針としては、 self-contained である グローバル... 続きを読む

手っ取り早くウェブアプリケーションにOAuth2認証を導入する - その手の平は尻もつかめるさ

2017/12/14 398 users リバースプロキシ Bitly oauth2 OAuth2認証

2017 - 12 - 14 手っ取り早くウェブアプリケーションにOAuth2認証を導入する bitly/oauth2_proxy を用いて， ウェブアプリケーション に手っ取り早くOAuth2認証を導入するという話です． oauth2_proxyは良い感じでOAuth2による認証を肩代わりしてくれる君で，何らかのリバースプロキシの認証機構と組み合わせて利用すると簡単にOAuth2ログインを実現す... 続きを読む

ページ上でずっと動いているsetTimeout、setInterval、requestAnimationFrameを見つけてパフォーマンス改善する | Web Scratch

2017/12/07 99 users setInterval setTimeout timer

複雑なウェブアプリケーションになってくると、1つのページで複数のTimerなどを回すことがあります。 例えば、Twitterのようなアプリならば、ポーリングで更新するために setInverval のようなタイマーを回します。 また、ゲームなどCanvasで描画を行うアプリケーションならば、メインループを requestAnimationFrame で回します。 このように色々なタイマー系が一つの... 続きを読む

カードを選んでクリックするだけでローカルPCでの面倒な作業を自動化する「Ellp」 - GIGAZINE

2017/10/20 62 users GIGAZINE Twitter Facebook ベータ版

FacebookやTwitterなど、いくつものウェブアプリケーションを連携させることができる無料のクラウドアプリケーションに「 IFTTT 」がありますが、IFTTTのように簡単な操作でローカルのPCを操作することができるフリーソフトとして「 Ellp 」が登場しました。2016年11月にベータ版がリリースされたばかりのサービスにもかかわらず、すでに全世界で10万人以上が利用しているとのことで早... 続きを読む

“モダン”ウェブアプリケーション 〜アメブロ5ヶ年計画〜 // Speaker Deck

2017/09/24 265 users ブログサービス 一成 刷新 Speaker Deck モダン

HTML5 Conference 2017.9.24 1. “モダン”ウェブアプリケーション ∼アメブロ5ヶ年計画∼ HTML5 Conference 2017.9.24 原 一成 @herablog 2. アメーバブログ 2004年開始のブログサービス 芸能人の利用が多い 芸能人以外とそれ以外のPVは半々 3. 2015 バックエンドシステムの刷新 2017 2016 Isomorphic Ja... 続きを読む

トランザクション分離レベルの古典的論文 A Critique of ANSI SQL Isolation Levels を読む - Hatena Developer Blog

2017/06/21 431 users トランザクション分離 アプリケーションエンジニア 新卒 個々

2017 - 06 - 21 トランザクション分離レベルの古典的論文 A Critique of ANSI SQL Isolation Levels を読む こんにちは、 id:alpicola です。今年4月に新卒入社してアプリケーションエンジニアとして働いています。 ウェブアプリケーションはその性質上、データベースに対して同時に大量の問い合わせを行います。そうした中でデータベースが個々の問い合... 続きを読む

Big Sky :: ログイン認証をマイクロサービス化する「loginsrv」

2017/06/02 372 users Big Sky アプリケーション モチベーション 既存 本番

認証を持たないウェブアプリケーションをいざ認証に対応させようと思うと案外面倒でモチベーションを無くしてしまうなんて事もよく起きうる話です。特に社内向けのアプリケーションを作っていたら本番で使う事になってしまって、なんて話は良くある話です。開発で本番 DB を見るのはちょっと...。でも既存のコードをゴリゴリと触りたくない。そんな場合にログイン認証部分だけマイクロサービス化できると気持ちも幾分和らぎ... 続きを読む

【地図ウォッチ】 1600年分の災害事例を地図上で調べられる「災害年表マップ」、防災科研が公開 - INTERNET Watch

2016/09/14 316 users INTERNET Watch 防災科研 地図ウォッチ 地図上

国立研究開発法人防災科学技術研究所（NIED）は、日本全国で過去に発生した自然災害の事例を地図上で調べられるウェブアプリケーション「災害年表マップ」を公開した。 災害事例の分布や発生頻度を視覚的に把握 　NIEDでは、災害事例を全国一律に俯瞰することを目的として、「災害事例データベース」の構築・整備を2009年に開始。データベースには、416年から2013年まで約1600年分・約5万レコードの地震... 続きを読む

[意訳]グローバルCSSの終焉 - Qiita

2016/02/07 114 users Qiita 意訳 終焉 マトモ CSSセレクタ

このポストは以下の記事の意訳です。 The End of Global CSS 何か間違いなどありましたら、ご指摘いただけると幸いです。 (以下、訳) CSSセレクタはすべて同じグローバル空間に存在しています。 CSSに触れた人は皆、以下のような見解に至っていることでしょう。 CSSの考えはドキュメントの時代に設計されたもので、今ではモダンなウェブアプリケーションのためのマトモな開発環境を提供する... 続きを読む

安全なウェブサイトの作り方：IPA 独立行政法人 情報処理推進機構

2016/01/27 51 users IPA SQLインジェクション ウェブサイト 独立行政法人

「安全なウェブサイトの作り方」は、IPAが届出 (*1) を受けた脆弱性関連情報を基に、届出件数の多かった脆弱性や攻撃による影響度が大きい脆弱性を取り上げ、ウェブサイト開発者や運営者が適切なセキュリティを考慮したウェブサイトを作成するための資料です。 「安全なウェブサイトの作り方」改訂第7版の内容 ・第1章では、「ウェブアプリケーションのセキュリティ実装」として、SQLインジェクション 、OSコマ... 続きを読む

2016年の抱負: Emacs Lisp を書く会社を立ち上げる - だるい

2016/01/02 173 users emacs lisp 抱負 Elixir インタ 会社

私には、Emacs Lisp によるウェブアプリケーション開発シーンを盛り上げていきたいという熱い想いがあります。 最近、「次に来る大物Web言語」と称され Elixir などが注目されている様子が伺えますが、ウェブアプリケーションのサーバーサイド実装において次に来る言語というのであれば、個人的には Emacs Lisp こそを推していきたいと思います。なぜなら Emacs Lisp には、インタ... 続きを読む

Kazuho's Weblog: mruby で同期呼出を非同期化する話（もしくは H2O の mruby ハンドラでネットワークアクセスする話）

2015/11/11 61 users mruby 同期呼出 ウェブサ Rack パンドラ

■背景 H2Oではバージョン1.5より、mrubyを用い、Rackのインターフェイスに則った形でハンドラを書けるようになっています。 この機能を提供している目的は、正規表現による書き換え等を用いる複雑な設定ファイルではなくプログラミング言語を用いることで、ウェブサーバの設定をより簡潔に拡張しやすくするためです（Apacheのmod_rubyやmod_perlのようにウェブアプリケーションをウェブサ... 続きを読む

Web開発者であれば押さえておきたい10の脆弱性　～セキュリティ学習の第一歩はここから踏み出そう (1/2)：CodeZine（コードジン）

2015/10/29 87 users CodeZine コードジン ドキュメント 脆弱性 インパクト

本記事では、重要なインパクトのある10の脆弱性についてまとめた、「OWASP Top 10」をご紹介します。OWASP Top 10は3年に1度のペースで改定されてきたドキュメントで、特にウェブアプリケーションにおける重要な脆弱性やその脆弱性を作りこまないようにする方法を示しています。これによりセキュリティ対策の基礎を効率的、効果的に学ぶことができるため、これからセキュリティに関する勉強を始めたい... 続きを読む

ウェブアプリケーションを開発しながら、手軽に脆弱性検査する方法 - Web Application Security Memo

2015/03/20 265 users Zap エントリ OWASP ZAP 手順 脆弱性

以前、OWASP ZAP に追加された attack mode の概要 というエントリを書きましたが、このATTACK modeを使った簡単なセキュリティ検査の手順をメモしておきます。この機能を使えば、ウェブアプリケーションの開発中にZAPが勝手に脆弱性スキャンしてくれます。 ※ この機能が追加される バージョン 2.4 はまだリリースされていないのですが、こちら から ZAP Weekly をダ... 続きを読む

encodeURIComponentが世界基準だと誤解してた話 - Qiita

2015/02/23 117 users encodeURIComponent Qiita エンコー

URLをいじくるプログラムをいじっていて、仕様がよくわからなくて悩んだのでまとめます。 ことの経緯 HTTPとはなんぞやとか、GETとPOSTがどうの、それぞれでパラメータがどういう経緯でウェブアプリケーション(とかCGI)に渡って来るのかぐらいは知っていました。で、ウェブでXHRでGETリクエストを送る場合にはJavaScriptのencodeURIComponent()で各パラメータをエンコー... 続きを読む

なぜ Web Components はウェブ開発に革命を起こすのか: Tender Surrender

2015/01/20 550 users Tender Surrender 革命 ウェブ開発 流通革命

ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しかし、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくらいいるでしょうか？この記事では、それを試みていきたいと思います。 デジタル部品の流通革命 ソフト... 続きを読む

サーバーとウェブアプリを高速化し、さばけるアクセス数を競う技術戦が今年も -INTERNET Watch

2014/11/12 65 users ウェブアプリ INTERNET Watch サーバー 予選

イベントレポート ISUCON 4 サーバーとウェブアプリを高速化し、さばけるアクセス数を競う技術戦が今年も 「ISUCON 4」開催、予選に185チーム・本戦に31チームが出場 （2014/11/12 13:00） 与えられたサーバーとそこで動くウェブアプリケーションを限られた時間で高速化して、さばけるアクセス数を競う技術イベント「ISUCON 4」が11月8日に開催された。第4回となる今回は、... 続きを読む

HTML5勧告–オープン・ウェブ・プラットフォームの重要なマイルストーンを達成

2014/10/28 203 users マイルストーン プラットフォーム ウェブページ 勧告 達成

2014年10月28日(アメリカ)： ワールド・ワイド・ウェブ・コンソーシアム(W3C)は、ウェブページやウェブアプリケーションを構築する際に使用されるフォーマットHTMLの第5版であるHTML5を勧告として公開し、オープン・ウェブ・プラットフォームの礎を築きました。HTML5は、アプリケーション開発者やアプリケーション産業がこの先何年に渡って信頼するに足る、アプリケーション開発のための機能を提供... 続きを読む