Webアプリ開発

→Web技術関連

→ネットワーク関連

→Webサーバ

→Web2.0関連

サブトピック†

• PythonによるWebアプリ開発 ←Streamlitはこちら

• HTML関連
  • CSS関連
  • CMS関連

• ASP.NET関連

• WebAPI関連
  • REST関連

• JavaScript
  • モダンJavaScript
  • AJAX関連
• JavaのWebアプリ開発
  • Struts関連
  • JBoss Seam関連
• PHP関連メモ
• 古典的Webアプリ開発

一般†

• 【2024初頭】新規開発で使ってみたいモダンフロントエンド最前線 2024.3
  • Turborepo,bun,proto,Biome,Mantine,v0

• フロントエンドアプリを画面駆動で考えて本当によかったのか: フロントエンドとバックエンドはそんなに違わない 2024.1

• Webフロントエンド入門 2024.1

• Webアプリケーションのパフォーマンス・チューニングの勘所 / web tuningperformance - Speaker Deck 2023.10

• Webの次世代アーキテクチャ - PESPA - Qiita 2023.3

• Web フロントエンドの実装において本来の機能を損なってはいけない 2022.12
  • 一方、データの取得・ルーティング・フォームの値の管理に至るまで JavaScript で制御するようになった結果、本来備わっていた機能を損なう形で実装されるような間違いが起きるケースも発生してしまいました。見た目上操作に不都合がないのですが、修飾キーが有効でなかったりと、とある要素が当然に持っているべき機能が失われていることがよくあります。

• Webフロントエンドパフォーマンスチューニング70選 - Qiita 2022.2

• AWSを用いたフロントエンドモニタリング入門 ~Next.js編~ - ウェルスナビ開発者ブログ 2022.10

• ハンバーガーメニューはゴミだ！！ 2017.5

• 日本の全エンジニアに捧ぐ！現在公開されているAPI一覧【2013年版】 2013.7.10

• Webアプリケーションを高速化する50のトリック 2012.11.26

• プログラミングモデルの選択肢を広げるGoogleの戦略 2012.7.27
  • Webプログラミング対ネイティブプログラミング

• Webサイト制作の一連の流れをまとめてみました 2012.5.28

• 「はてな教科書」をgithub上に公開しました 2012.4.11

• Webアプリケーション作った後のチェック表

• 君は３つのリロードを知っているか 2011.6.17

• .NETによるスマートフォンWeb UI開発ガイド【導入編】

• リダイレクトとフォワードの違いを知る

• Comet - Push型のWebアプリケーションを作る

• 「PCでは見えないはず」に頼ることの危険性
  • 携帯用コンテンツのセキュリティ

• Webサーバーの負荷テストならまずab 2009.5.13

• パンくず詳解 2009.3.30

• 言語別フレームワークの比較 2008.12.27
  • RoR,symphony,Catalyst,Mojoなど

• Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」
• ログイン処理が簡単と言い切れるか 2008.8.22
  • ログイン処理なんてほとんどのWebアプリケーションに必要だから、プログラマであれば簡単に作れると思われるかもしれないが、これが意外とあなどれない。初心者プログラマがやりがちな失敗から、最終的にどうあればいいのかを順を追ってみていこうと思う。
• ロングテールな画像配信 その2 - 3,000万の画像を配信するシステム 2008.8.21
• モバイルサイトをPCで見るためのツールやFirefoxアドオン 2008.8.15

• 妹認証
  • PHPによるCAPTCH認証モジュール

• Webアプリではとりあえず「Cache-Control:private」ヘッダを出す 2008.8.1

• ケータイWebアプリ開発、９つの注意点 2008.7.30

• 携帯サイトのフォーム設計ポイントとは 2008.5.29
  • モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。
  • まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能や利用方法」を配慮した設計を行うようにすることも忘れてはならない。

• ソースコードにHTML生成コードを含めてはいけない 2008.4.3
  • 可読性、セキュリティの面から

• Yahoo!パフォーマンスチーム、最新高速化ルール20を発表 2008.3.28
• VB開発者がWebアプリで失敗しない方法 2008.3.11
  • セッション関連です。Webでフォーム間のデータのやりとりを行う際にセッションはとても便利ですが、それゆえに使いすぎてしまうというケースが多々あります。Webサーバはたくさんのユーザーから同時に利用される可能性があるので、セッションをあまり使いすぎるとサーバに負荷がかかりすぎたり、リソース不足になったりします。
  • 設計レベルでは、データベースへのアクセス関連で多いですね。データベースをロックしたいけど、どうすればよいのかといったことです。ここで設計を間違えれば、（ロックをはずすタイミングがなく）ロックしたままになったりする危険性があります。基本的にはロックをしなくて済む設計をすべきです。

• 初心者プログラマがフォームを作る時にやりがちな６つのミス 2008.3.5
  • 1. クライアントサイド(JavaScript)でのチェックのみ。
  • 2. 選択肢式の入力欄に対するチェックの漏れ。
  • 3. 確認画面に遷移するときにはチェックするのに、完了画面に遷移するときにはチェックしない。
  • 4. postのみを許可すれば入力値をいじることはできないという勘違い。
  • 5. フロントエンドはSSLなのに、裏では管理者にメールを飛ばしている。
  • 6. フロントエンドはSSLなのに、蓄積されたデータをFTPでダウンロードする。

• Webアプリのセッションはデスクトップアプリのメモリ管理と同じだ 2008.2.24
  • Webアプリプログラミングは、デスクトップアプリに比べると開発途上と言える。
  • 「画面の状態をどこで持つか？」。
  • セッション管理のように、未だにメモリ管理の機構をプログラマが逐一考えないといけない。
  • 車輪の再発明を未だに繰り返すWebアプリ開発。
  • そろそろキラーアプリが出ても良い予感。

HTMX†

• JavaScript不要！htmxで作るキーボードショートカット | ジコログ 2024.4

• htmxでドラッグ&ドロップによる要素の並び替え – シンプルで直感的なUI | ジコログ 2024.4

• htmxを使ったセレクトボックスの連動 – 動的に選択肢を切り替える方法 | ジコログ 2024.4

• htmxによるシンプルで高速なファイルアップロード | ジコログ 2024.4

• htmxを使ったポーリングによるリアルタイムコンテンツ更新 | ジコログ 2024.4

• htmxを使った簡単モーダル表示のテクニック：JavaScript不要 | ジコログ 2024.4

• 最小限のコードでオートコンプリート検索を実装 – htmx活用テクニック | ジコログ 2024.4

• htmxによる無限スクロールによるコンテンツの動的ロード | ジコログ 2024.3
• JavaScriptなしで動的ページ作成！htmxの技術 | ジコログ 2024.3
• もうjsなんていらない！世界で流行っているHTMXについてまとめてみた #JavaScript - Qiita 2024.1

JMeter†

• パフォーマンステストとは〜JMeter実践についてまとめる - Qiita 2023.10

• ヨドバシドットコムのリニューアル失敗から学ぶべきたったひとつのこと 2008.10.29
  • 負荷テストはしておけ、と
  • Apachパフォーマンスチューニング@IT
  • Apache JMeter

Jamstack†

• 9割を自宅で完結？Jamstack を学んで開発環境をイチから作ってみた話 | IIJ Engineers Blog 2022.9
• Jamstackな環境を構築 (Next.js + GraphQL + HeadlessCMS) ? - Qiita 2021.12
• Jamstackって何なの？何がいいの？ 2020.11

フロントエンド開発の変遷・歴史・動向†

→SPAについてはモダンJavaScriptへ

• 2022年に起きた
フロントエンドの変化 - Speaker Deck 2023.1
  • IE11の消滅、コンポーネント指向の技術へ

• 10年越しの Web フロントエンドという職種界隈についての考 | Offers Tech Blog 2022.10

• WebのフロントエンドでもDockerで開発環境を構築する理由。（余談としての脱node依存開発） - Qiita 2022.9

• ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19 2022.9
  • jQueryはなくならない、日本は遅れている、GSAPが意外と使われている。

• アイランドアーキテクチャ(Islands Architecture)とは何なのか - Qiita 2022.8

• 2022年におけるフロントエンド開発のベースライン 2022.8

• フロントエンドのトレンドは変化したか？ アンケート結果から分析する2022年のウェブ制作 - ICS MEDIA 2022.7

• インターネット、Web業界の歴史ざっくりまとめ【Vol.2 Web制作HTML・CSS編】｜大阪 ・東京｜株式会社aradas（アラダス） 2019

• Webの進化 2012.8.12

PWA†

• 【Javascript】PWAでお絵かきアプリを作った時の技術的課題について【Apple Pencil】 - Qiita 2022.9
• ゼロからはじめるJavaScript(14) ブラウザからインストールできるアプリPWAを作ってみよう | TECH+ 2022.4
• ネイティブアプリ風Webアプリ「PWA」を実現する3つの技術 2019.12
• はじめてのプログレッシブウェブアプリ
• PWAとはなにか。なぜ今それを活用すべきなのか？ 2019.9
• PWAに興味を持っている人向けに概要とか動向とかをまとめた 2019.4

ツール†

• ユーザー登録すら不要！Web開発で使いたくなる無料の厳選ツールをまとめみた！ - paiza開発日誌 2022.8
  • Hello,Blog Surf,Movia,CSS Layout Generator,Sharcle,UI Challenge,Aideas AI

• Nuxt + Sails + TypeScript + Fargateでタスク管理ツールを作ったら快適だった話 2019.6

• iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ 2012.11.27

• 無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 2012.7.4

• 10 Free Website Speed Test Tools 2012.6.10

• 最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ6つ

• WebテストツールのGITAK公開 2007.4.5

• HTTPアプリケーションのデバッグに使うツール２選

• Webアプリの開発に必須なツール7種

Ruby on Rails†

• Rails

• Ruby On Rails習得最短ルートまとめ 2012.5.7

• Ruby on Rails が簡単というのはウソ 2012.3.10

• 初めてのRailsアプリケーション開発
• かんたんAjax開発をするためのRuby on Railsの基礎知識
• Rails新時代の到来か？「Passenger（mod_rails for Apache）」 2008.4.12
• Railsで開発するときにはキャッシュを予め想定しておく
• JRuby on Rails環境を手軽に構築する「JRubyStack」
• 誰でも30秒くらいでできるrailsのデプロイ

• Ruby on Rails RubyによるWebフレームワーク

最新の50件