フルスタック Web フレームワーク HonoX を使ってみる

2024/02/11 91 users フルスタック web hono vite honox

フルスタック Web フレームワーク HonoX を使ってみる 2024.02.10 HonoX は Hono と Vite をベースにしたフルスタック Web フレームワークです。Hono が提供するサーバーサイドやクライアントサイドの機能を使いつつ、ファイルベースルーティングや Islands Architecture などの新しい機能を使うことができます。 HonoX ... 続きを読む

パスワード変更用のURLを明示すためのwell-known URL for Changing Passwordsという仕様について

2023/06/01 205 users 仕様 URL bokken_ tag 想定 パスワード変更

作成日 2023-05-31 更新日 2023-05-31 author @bokken_ tag well-known, appsec はじめに パスワード変更のためのURLを示すための、A Well-Known URL for Changing Passwords という仕様が存在する。¶ この仕様は主にクライアントサイドのパスワード管理ツールで使われる想定の仕様だ。¶ 本記事ではこの仕様がどういうも... 続きを読む

バックエンド Web API に管理画面/管理機能を追加するアーキテクチャパターン - valid,invalid

2021/01/22 283 users プレゼンテーションロジック アーキテクチャパターン 実装

プレゼンテーションレイヤ、いわゆるフロントエンドがクライアントサイドで実装・実行されるアーキテクチャ (注 1) において、管理画面/管理機能をあとから追加する際にどのような実装パターンがあるのかを整理してみます。 注 1: Presentation Domain Separation の実践の中でも、物理的にプレゼンテーションロジックと... 続きを読む

クライアントサイドに基づいたWeb開発アーキテクチャ「JAMstack」がなぜ人気になっているのか | コリス

2019/11/05 60 users JamStack コリス 静的サイトジェネレーター 元ザ 下記

静的サイトジェネレーターが最近、非常に普及してきました。 それに合わせて注目されているのが「JAMstack」です。JAMstackとは何なのか、なぜJAMstackが人気になっているのかを紹介します。 Why JAMstack is Becoming so Popular by Luca Spezzano 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サ... 続きを読む

クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策

2019/08/09 54 users テンプレートエンジン サーバサイド autoscale 攻撃

autoscale: true クライアントサイドからサーバサイドまで破壊するテンプレートエンジンを利用した攻撃と対策 - 3つのテンプレート - 自己紹介 Name : azu Twitter : @azu_re Website: Web scratch, JSer.info アジェンダ テンプレートとは テンプレートの種類(レベル) テンプレートをコンパイルする場所と問題 信頼でき... 続きを読む

サイト上で実行されるプログラムについて同意を確認するためのプログラム – GUNMA GIS GEEK

2018/06/19 119 users GUNMA GIS GEEK 同意 プログラム サイト上 昨今

昨今、クライアントサイドでプログラムを実行するリスクが高まっています。 そこで、ページ上で実行されるプログラムについて閲覧者に同意を求めるプログラムをこのページに埋め込んでみました。 ひとえにクライアントサイドで実行されるプログラムといっても様々なものがあります。 例えばこのブログはWordpressで作ら... 続きを読む

クライアントサイドのモデルとは何か 後編 ~ 単方向データフローと参照透過性 - mizchi's blog

2018/05/17 232 users クライアントサイド MVC mizchi's blog

2018 - 05 - 17 クライアントサイドのモデルとは何か 後編 ~ 単方向データフローと参照透過性 この記事は クライアントサイドのモデルとは何か 前編 ~ クライアントサイド MVC の死 - mizchi's blog の後編。 前提として、今回の出す例で、「Web フロントエンドで、そこまで複雑な状態を考慮するなんてそもそも間違ってる」という意見があると思う。これに関して、そもそも「... 続きを読む

クライアントサイドのモデルとは何か 前編 ~ クライアントサイド MVC の死 - mizchi's blog

2018/05/15 524 users Flux 蓄音機 MVW ViewModel Model

2018 - 05 - 15 クライアントサイドのモデルとは何か 前編 ~ クライアントサイド MVC の死 前置き この記事、本来は Flux には Model がないのではないかと思った覚書 - ナカザンドットネット と Flux の Store が ViewModel かって話からの MVW とかどうでもいいって話 - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く として書き始めた記事だ... 続きを読む

Reactを使って本気でアンケートシステムをつくった - Qiita

2017/12/25 481 users Qiita React レポジトリ OSS 実装

この記事は エムスリー Advent Calendar 2017 の25日目の記事です。 普段はDB・サーバサイド・クライアントサイドまでの設計・実装・運用を扱っていますが、この記事ではReactを使って開発したシステムについてを紹介しようと思います。 作ったもの アンケートシステム( survey-designer-js )を作り、社内で使っていました。またOSSとしてレポジトリに公開もしていま... 続きを読む

Web クライアントサイドのパフォーマンスメトリクス — Speed Index、Paint Timing、TTI etc... ::ハブろぐ

2017/07/11 93 users TTi パフォーマンスメトリクス ハブろぐ web

色々なパフォーマンス指標のこと 何かを評価するときには何らかの指標（メトリクス）を定めますが、何を指標として設定してどのように測るかというのは重要です。 いわゆる KPI もそうですが、扱っている商材やビジネスのステージ（フェーズ）によっても適切な指標は変わるかもしれません。色々な指標をよく理解して引き出しを広げておくことは、状況に合わせて適切な指標を選んで改善していく過程で役立ちます。 これまで... 続きを読む

無料でAES256で暗号化された静的HTMLページを簡単に作成できる「StatiCrypt」 - GIGAZINE

2017/06/15 57 users GIGAZINE サーバサイド github.io 復号化

暗号規格のJavaScriptライブラリである「 crypto-js 」を用い、サーバサイドではなくクライアントサイドで復号化できる静的なパスワードで保護されたHTMLページを作成できるのが「 StatiCrypt 」です。使用される暗号化方式は「 AES256 」です。 Static HTML Crypto https://robinmoisson.github.io/staticrypt/ 使... 続きを読む

Reactのサーバサイドレンダリングとパフォーマンスについてのメモ - Qiita

2017/05/24 88 users Qiita React サーバサイドレンダリング 圧縮 メモ

Reactのサーバサイドレンダリングとパフォーマンスについて調べてたのでメモ 基本的なこと サーバサイドとReactのproduction build 要約: Reactをサーバサイドで使うときも、クライアントサイドのように圧縮(というよりあcode eliminate)しないと遅い Reactはdev向けのコードを大量に含んでいる。 これは process.env.NODE_ENV !== 'p... 続きを読む

【家具ECサイトのSEO事例】内部リンク設計でカテゴリページへの検索流入が1,157％改善 | SEO HACKS公式ブログ

2017/05/15 67 users カテゴリページ SEO事例 検索流入 ミス SEO効果

こんにちは、Webコンサルティング事業部の藤沢です。今回は内部リンクの話をしようと思います。 私がクライアントサイトのSEO課題解決のため最も多く提案しているのが内部リンク設計の見直しかもしれません。キーワード戦略にのっとって正しく内部リンク設計をしていけば、ページ本来の評価を得ることができ、そのSEO効果は絶大です。逆にいかに作り込んだWebページでも内部リンク設計をミスってしまっていると検索エ... 続きを読む

FRESH! Web パフォーマンス改善 〜クライアントサイド編〜 | CyberAgent Developers Blog | サイバーエージェント デベロッパーズブログ

2017/04/19 248 users FRESH HLS プレイヤー パフォーマンス改善 web

みなさんこんにちは、FRESH! でフロントエンドの開発している鈴木(sutiwo)です。 前回は、 FRESH!におけるPCブラウザのFlash脱却 という HLS の Web プレイヤーについて記事を書きました。 今回はスマートフォン・ PC でのブラウザに関するパフォーマンス改善の取り組みとその結果についてお知らせします。 まずクライアントサイドのパフォーマンス改善を行うにあたり、弊社の W... 続きを読む

サーバーだけに頼る時代は終わった!? クライアントサイドでしっかり Validation する方法 | phiary

2016/06/02 385 users Validation phiary Form サーバー エラー

未だに form の validation って, とりあえずなんでも受け付けてサーバー側で してエラー返ってきたらヘッダーなりダイアログなりでエラーメッセージを表示するなんてのをよく見ます. 某大手サイトなんかはエラーがあるとリロードしちゃったりするし... 実はこの辺って HTML5 からクライアントサイドでもある程度できるように整備されています. なので ライブラリを使わなくてもある程度サー... 続きを読む

Javaと偽Javaの話。 - なるようになるかも

2016/05/28 421 users Java Windows サーバーサイド qiita.com

qiita.com これの話。 ブコメ に書こうとしたら4000字は入らなかった。 Microsoft Java VM かつての WIndows には MS 製の Java VM が搭載されていました。 古代の Java は「Write once, run anywhere」を掲げていた通り、クライアントサイドで Java アプレット として利用されるのが主流でした（サーバーサイドで動くようになっ... 続きを読む

gulpとかwatchifyとかbrowserify-shimとかの話

2015/10/12 64 users Gulp エントリポイント require script 実際

今では､JavaScriptを書いててrequire()やimportを使わないことはありえない｡そしてクライアントサイドではそのためにbrowserifyやwebpackを使うことになる｡ browserify-shim やみくもにimportしていると､1つのJavaScriptファイルのサイズが大きくなってしまう｡また､エントリポイント(実際に<script>で読み込まれるであろう入り口とな... 続きを読む

アプリの外側とのやりとりをModelから取り除く - ✘╹◡╹✘

2015/10/07 62 users Model やりとり 外側 Intent pushState

2015-10-07 アプリの外側とのやりとりをModelから取り除く 変更前 これはクライアントサイドのアプリケーションの例で、Modelの背後でWeb APIやonpopstate/pushStateを利用しており、Modelが太くなってる様子。 HTTP History | ^ | ^ | | | | v | v | .---- View <-- M o d e l <-- Intent <... 続きを読む

Webアプリで起きるクライアントサイドの性能劣化パターンとその改善チューニング (1/3)：CodeZine（コードジン）

2015/09/28 65 users CodeZine 知見 コードジン パフォーマンス 性能

本連載は、パフォーマンスを主な対象としてシステム開発・運用の改善や設計を行うNTTデータのコンサルタントチーム「まかせいのう」のメンバーが、業務での体験やそこから得た知見を共有する『週刊まかせいのう』の記事を編集し転載するものです。今回は、クライアントサイド（Webブラウザ）の処理性能を劣化させるパターンと、それを改善し性能を向上させるチューニング方法を紹介します。 遅延原因がクライアント側にある... 続きを読む

Chrome 45のセキュリティ改善により、開けないサイトが現れる | スラド セキュリティ

2015/09/06 115 users スラド フォールバック Anonymous Coward

あるAnonymous Coward 曰く、Chrome 45ではセキュリティ改善のため、クライアントサイドでのTLS 1.0へのフォールバックが廃止されたため、HTTPS経由で繋がらないサイトが現れている(ただしHTTP経由で開けるものは多い)。 これは、バギーなサーバーが、仕様に反してTLS 1.0よりも新しいClientHelloを無視するために起こるもので、Chromeは「SSL サーバー... 続きを読む

Linuxで脆弱性が見つかった場合の対応方法 まとめ ｜ Developers.IO

2015/07/21 244 users Linux Developers.IO 脆弱性 まとめ 方法

はじめに 前日、Amazon Linuxで脆弱性が見つかった際に弊社のAWSチームのメンバーが以下の記事を公開していました。私は最近までクライアントサイドの開発案件を主に担当していたのであまり業務には関わりはないのですが、どのような手順でLinuxの脆弱性に対応しているのか興味があったので社内の人に聞いたり調べてみたことをまとめます。 [AmazonLinux] OpenSSLの脆弱性(CVE-2... 続きを読む

Dockerを使ったGolang開発環境 - unknownplace.org

2015/06/17 204 users Docker サーバサイドプログラム サーバサイド 仮想環境

しばらくiOSアプリのクライアントサイドばかり開発していてサーバサイドプログラムにご無沙汰だったのだけど、 最近またGoでアプリのサーバサイドを書くようになった。 ちょうど xhyve が話題になっているのもあって、OS X の仮想環境がアツい感じだったので、 ひさしぶりに Docker で開発してみよう、と思いたち、Dockerを使ったアプリ開発をやってみている。 docker-compose ... 続きを読む

What is Flux - いまさら始める、クライアントサイドの設計とFlux

2015/04/03 177 users Flux MVC axross Kohei Asai Inc

Transcript 1. What is Flux? いまさら始める、クライアントサイドの設計とFlux @axross at April 3, 2015 2. 話す人 • Kohei Asai • @axross • TriFort, Inc. UI / UX div. • JavaScript 3. Fluxとは 4. Fluxとは • クライアントサイドの設計パターン • 「MVC + O... 続きを読む

VOYAGE GROUP　エンジニアブログ : 今、クライアントサイドのJavaScriptを書く前に知っておきたいこと ~ 2014年トレンド総まとめ

2015/02/06 385 users adingo Fluct コンセプ 大関 エンジニア向け

2015年02月05日16:34 カテゴリ 今、クライアントサイドのJavaScriptを書く前に知っておきたいこと ~ 2014年トレンド総まとめ 皆さんこんにちは。adingoにてFluctという広告配信システムの管理画面を中心にクライアントサイドの開発を行っております、大関です。 今回は、先日、社内のエンジニア向けに開催した「2014年のJavaScriptのトレンド総まとめ」というコンセプ... 続きを読む

Backbone.js ではじめるクライアントサイド MVC プログラミング | CYOKODOG

2015/01/11 183 users MVC MVVM Cyokodog フレームワーク 大規模開発

MVC と言えば Apache Struts をはじめとするサーバサイド・フレームワークを想像しますが、 今回は JavaScript による大規模開発の際に採用されるクライアントサイド MVC フレームワーク「Backbone.js」の使い方についてまとめてみました。 (厳密にはクライアントサイドの場合、MVC とは呼ばず MVVM とか MV* とか呼ばれてるようです。) 前提 Backbon... 続きを読む