はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ ウェブアプリケーション

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 44件)

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

2023/09/13 このエントリーをはてなブックマークに追加 105 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita インタラクティブ 要件 ブラウザ 動作

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

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

2023/05/25 このエントリーをはてなブックマークに追加 382 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip WebDriver ネイティブアプリ Selenium 深層

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

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

2020/09/05 このエントリーをはてなブックマークに追加 392 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita ハンズオン ハマリ AWS公式 構築

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

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

2020/03/29 このエントリーをはてなブックマークに追加 743 users Instapaper Pocket Tweet Facebook Share Evernote Clip React angular erukiti Vue Java

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

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

2018/09/13 このエントリーをはてなブックマークに追加 120 users Instapaper Pocket Tweet Facebook Share Evernote Clip Introduction ハンドブック フロントエンド 事例

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

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

2018/03/05 このエントリーをはてなブックマークに追加 580 users Instapaper Pocket Tweet Facebook Share Evernote Clip Vue.js HDE BLOG 開発 HTMLエディタ ユーザ

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

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

2017/12/14 このエントリーをはてなブックマークに追加 398 users Instapaper Pocket Tweet Facebook Share Evernote Clip リバースプロキシ Bitly oauth2 OAuth2認証

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

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

2017/09/24 このエントリーをはてなブックマークに追加 265 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブログサービス 一成 刷新 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 Instapaper Pocket Tweet Facebook Share Evernote Clip トランザクション分離 アプリケーションエンジニア 新卒 個々

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

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

2017/06/02 このエントリーをはてなブックマークに追加 372 users Instapaper Pocket Tweet Facebook Share Evernote Clip Big Sky アプリケーション モチベーション 既存 本番

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

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

2016/09/14 このエントリーをはてなブックマークに追加 316 users Instapaper Pocket Tweet Facebook Share Evernote Clip INTERNET Watch 防災科研 地図ウォッチ 地図上

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

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

2016/02/07 このエントリーをはてなブックマークに追加 114 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita 意訳 終焉 マトモ CSSセレクタ

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

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

2016/01/02 このエントリーをはてなブックマークに追加 173 users Instapaper Pocket Tweet Facebook Share Evernote Clip emacs lisp 抱負 Elixir インタ 会社

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

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

2015/03/20 このエントリーをはてなブックマークに追加 265 users Instapaper Pocket Tweet Facebook Share Evernote Clip Zap エントリ OWASP ZAP 手順 脆弱性

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

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

2015/02/23 このエントリーをはてなブックマークに追加 117 users Instapaper Pocket Tweet Facebook Share Evernote Clip encodeURIComponent Qiita エンコー

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

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

2015/01/20 このエントリーをはてなブックマークに追加 550 users Instapaper Pocket Tweet Facebook Share Evernote Clip Tender Surrender 革命 ウェブ開発 流通革命

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

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

2014/10/28 このエントリーをはてなブックマークに追加 203 users Instapaper Pocket Tweet Facebook Share Evernote Clip マイルストーン プラットフォーム ウェブページ 勧告 達成

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

[速報]HTML5、ついにW3Cの勧告となる - Publickey

2014/10/28 このエントリーをはてなブックマークに追加 548 users Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey 勧告 ウェブページ HTML 冒頭

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

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

2014/05/19 このエントリーをはてなブックマークに追加 550 users Instapaper Pocket Tweet Facebook Share Evernote Clip Tender Surrender 革命 ウェブ開発 流通革命

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

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

2014/05/19 このエントリーをはてなブックマークに追加 550 users Instapaper Pocket Tweet Facebook Share Evernote Clip Tender Surrender 革命 ウェブ開発 周囲 技術

2014年5月19日月曜日 なぜ Web Components はウェブ開発に革命を起こすのか ウェブアプリケーションのフロントエンドに関わる方なら、もう Web Components という言葉を全く聴いたことがない方は少ないのではないでしょか。 すでに関連記事も数多く出回っており、実際に触り始めている方も多いと思います。しかし、なぜこれが革命的技術なのか、周囲の人に簡潔に説明できる方はどれくら... 続きを読む

Kazuho's Weblog: パスワードが漏洩しないウェブアプリの作り方 〜 ソルトつきハッシュで満足する前に考えるべきこと

2013/11/20 このエントリーをはてなブックマークに追加 569 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブアプリ 序論 Thursday 論調 スライド

Thursday, November 21, 2013 パスワードが漏洩しないウェブアプリの作り方 〜 ソルトつきハッシュで満足する前に考えるべきこと ■■序論 徳丸さんのスライド「いまさら聞けないパスワードの取り扱い方」に見られるように、昨今、ウェブアプリケーションの設計要件として、サーバ内に侵入された場合でもユーザーのパスワードをできるだけ保護すべきという論調が見受けられるようになってきました... 続きを読む

Devel::NYTProf で Starlet/Starman でうごくウェブアプリケーションのプロファイリングをおこなう方法まとめ - blog.64p.org

2013/10/08 このエントリーをはてなブックマークに追加 118 users Instapaper Pocket Tweet Facebook Share Evernote Clip Starlet プロファイラ NYTProf Devel 美麗

Devel::NYTProf は Perl5 の世界でもっとも人気があるプロファイラである。表示が美麗であるし、ステップごとの処理速度が簡単にわかるのでとても便利だ。 そんな Devel::NYTProf であるが、Starlet/Starman のようなプリフォーク式のサーバーでうごくウェブアプリケーションとくみあわせる場合の方法論として、わかりやすい資料がみあたらなかったのでここに記すものであ... 続きを読む

動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記

2013/01/28 このエントリーをはてなブックマークに追加 500 users Instapaper Pocket Tweet Facebook Share Evernote Clip rokuga Safari アニメーションgif コマ 1コマ

rokugaっていうウェブアプリケーションを作った.ブラウザ上で動画をアニメーションGIFに変換できる.Google Chromeでもちょっと動くけどSafariで見るのが良い. rokuga - Movie File to Animation GIF Converter 使い方 こんな感じで,動画をドロップしてくださいとか言ってる. 1コマずつ出てきて,このコマとこのコマ,この速さ,みたいな指定... 続きを読む

みんなで一緒にウェブ上の音楽を聞ける polka というウェブアプリケーションを作りました - NaN days - subtech

2012/10/16 このエントリーをはてなブックマークに追加 195 users Instapaper Pocket Tweet Facebook Share Evernote Clip subtech polka キュー 音声 要求

昔 Teto というのを作って、これはニコニコ動画の音声をストリーミングして配信する、というようなことをしていたのですが、いかんせん仕組みが複雑で簡単に使える感じじゃないな〜という問題があり、また、オフィスのみんなでひとつのキューを共有しつつ同時に同じ音楽を聞けたらいいな、という要求を、音声の読み込みや再生処理をすべてクライアントサイドで行うことにして実装したのが polka です。 これからは ... 続きを読む

 
(1 - 25 / 44件)