→Web技術関連

→ネットワーク関連

→ASP.NET関連

→Webサービス/SOAP

→Web2.0関連

→JavaScript

→AJAX関連

→Flash関連

→PHP関連メモ

→HTML関連

→JavaのWebアプリ開発

→JBoss Seam関連

→Struts関連

→Webサーバ

#contents


*話題 [#t50ddfce]
-[[SPAはじめてガイドブック>https://greative.jp/page/guidebook-spa/]] 

-[[やっぱりサーバーサイドレンダリングなんかしなくていいやという気持ち>https://lealog.hateblo.jp/entry/2017/07/10/073926]] 2017.7

-[[Server Side Renderingについて知るべきこと。Server Side Renderingとは何か? それによって何が改善されるのか?(前編)>https://www.publickey1.jp/blog/17/server_side_renderingserver_side_rendering_ng-japan_2017.html]] 2017.6
--[[後編>https://www.publickey1.jp/blog/17/server_side_renderingserver_side_rendering_ng-japan_2017_1.html]]

-[[2019年版 最先端のフロントエンド開発者になるために学ぶべきこと>https://qiita.com/baby-degu/items/da30fa71b8f48fffc568]] 2019.7

-[[フロントエンド開発の基本知識(2017年夏)>http://qiita.com/norioxkimura/items/1dc1cea1c0a8ea7adf31]] 2017.7.11

-[[ハンバーガーメニューはゴミだ!!>http://l-orem.com/the-hamburger-menu/]] 2017.5

-[[日本のWebエンジニアの大半が、変化に対応しきれなくなっている件について>http://d.hatena.ne.jp/tomoya/20160410/1460274822]] 2016.4.10

-[[日本の全エンジニアに捧ぐ!現在公開されているAPI一覧【2013年版】>http://www.find-job.net/startup/api-2013]] 2013.7.10

-[[Webアプリケーションを高速化する50のトリック >http://www.infoq.com/jp/news/2012/11/Browser-Web-App-Performance]] 2012.11.26

-[[プログラミングモデルの選択肢を広げるGoogleの戦略>http://pc.watch.impress.co.jp/docs/column/kaigai/20120727_549364.html]] 2012.7.27
--Webプログラミング対ネイティブプログラミング 

-[[Webサイト制作の一連の流れをまとめてみました>http://www.ar-ch.org/mt/archives/2012/05/web-3.html]] 2012.5.28

-[[「はてな教科書」をgithub上に公開しました>http://developer.hatenastaff.com/entry/2012/04/11/104325]] 2012.4.11

-[[Webアプリケーション作った後のチェック表>http://doc.7kai.org/Note/1.%E3%83%81%E3%83%BC%E3%83%88%E3%82%B7%E3%83%BC%E3%83%88/1-5.%E3%82%BB%E3%82%AD%E3%83%A5%E3%83%AA%E3%83%86%E3%82%A3%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF/WebApplication]]

-[[君は3つのリロードを知っているか>http://d.hatena.ne.jp/os0x/20110617/1308280740]] 2011.6.17

-[[.NETによるスマートフォンWeb UI開発ガイド【導入編】 >http://www.atmarkit.co.jp/fdotnet/smartweb/index/index.html]]


-[[リダイレクトとフォワードの違いを知る>http://www.atmarkit.co.jp/fjava/javatips/062jspservlet029.html]]

-[[Comet - Push型のWebアプリケーションを作る>http://itpro.nikkeibp.co.jp/article/COLUMN/20080220/294242/]] 

-[[「PCでは見えないはず」に頼ることの危険性>http://www.atmarkit.co.jp/fsecurity/rensai/keitaiweb01/keitaiweb01.html]]
--携帯用コンテンツのセキュリティ

-[[Webサーバーの負荷テストならまずab>http://blog.livedoor.jp/dankogai/archives/51212610.html]] 2009.5.13

-[[パンくず詳解>http://coliss.com/articles/build-websites/architectonics/usability/breadcrumbs-in-web-design.html]] 2009.3.30

-[[PythonでWebアプリ>http://labs.unoh.net/2009/03/pythonweb.html]]  2009.3.28

-[[言語別フレームワークの比較>http://codezine.jp/article/detail/3341]] 2008.12.27
--RoR,symphony,Catalyst,Mojoなど

-[[ヨドバシドットコムのリニューアル失敗から学ぶべきたったひとつのこと>http://neta.ywcafe.net/000938.html]] 2008.10.29
--負荷テストはしておけ、と
--[[Apachパフォーマンスチューニング@IT>http://www.atmarkit.co.jp/flinux/rensai/apache15/apache15b.html]]
--[[Apache JMeter>http://cgi0.biwa.ne.jp/~yabuta/study/jmeter/]]

-[[Firefoxを使ってサイトのモックアップを簡単に作成する「Pencil」>http://www.moongift.jp/2008/08/pencil-2/]]
-[[ログイン処理が簡単と言い切れるか>http://en.yummy.stripper.jp/?eid=987602]] 2008.8.22
--ログイン処理なんてほとんどのWebアプリケーションに必要だから、プログラマであれば簡単に作れると思われるかもしれないが、これが意外とあなどれない。初心者プログラマがやりがちな失敗から、最終的にどうあればいいのかを順を追ってみていこうと思う。
-[[ロングテールな画像配信 その2 - 3,000万の画像を配信するシステム>http://alpha.mixi.co.jp/blog/?p=214]] 2008.8.21
-[[モバイルサイトをPCで見るためのツールやFirefoxアドオン>http://blog.livedoor.jp/ld_directors/archives/51079649.html]] 2008.8.15

-[[妹認証>http://www.okanesuita.org/auth_sister/]]
--PHPによるCAPTCH認証モジュール

-[[Webアプリではとりあえず「Cache-Control:private」ヘッダを出す>http://neta.ywcafe.net/000777.html]] 2008.8.1

-[[ケータイWebアプリ開発、9つの注意点>http://www.atmarkit.co.jp/fwcr/special/mobile/01.html]] 2008.7.30

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

-[[ソースコードにHTML生成コードを含めてはいけない>http://itpro.nikkeibp.co.jp/article/COLUMN/20080314/296266/]] 2008.4.3
--可読性、セキュリティの面から

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

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

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

-[[Webアプリ開発の勘所>http://itpro.nikkeibp.co.jp/article/lecture/20061218/257172/]]


*PWA [#n738ce21]
-[[ネイティブアプリ風Webアプリ「PWA」を実現する3つの技術>https://knowledge.sakura.ad.jp/23201/]] 2019.12
-[[はじめてのプログレッシブウェブアプリ>https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp?hl=ja]]
-[[PWAとはなにか。なぜ今それを活用すべきなのか?>https://qiita.com/baby-degu/items/a2bba910b3807c4036c1]] 2019.9
-[[PWAに興味を持っている人向けに概要とか動向とかをまとめた>https://qiita.com/bunty/items/a0dc2d6b3986dd1c5a73]] 2019.4



*ツール [#j19f6f4f]
-[[Nuxt + Sails + TypeScript + Fargateでタスク管理ツールを作ったら快適だった話>https://qiita.com/GussieTech/items/23c23608daf62017230b]] 2019.6

-[[iPhoneやiPadでページを見ながらウェブデバッグが可能に!iOS 6から搭載された「Webインスペクタ」が超絶便利!>http://gori.me/iphone/23513]] 2012.11.27

-[[無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応>http://www.publickey1.jp/blog/12/webwebmatrix_2iphoneipadnodejscoffeescript.html]] 2012.7.4

-[[10 Free Website Speed Test Tools>http://www.flashuser.net/resources/website-speed-test-tools.html]] 2012.6.10

-[[最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ6つ >http://w3q.jp/t/1065]]

-[[WebテストツールのGITAK公開>http://codezine.jp/a/article/aid/1207.aspx]] 2007.4.5

-[[Visual Web Developer 2008>http://www.microsoft.com/express/vwd/]]

-[[HTTPアプリケーションのデバッグに使うツール2選>http://d.hatena.ne.jp/tokuhirom/20090504/1241441349]]

-[[Webブラウザを使ったテストツールSeleniumとは>http://thinkit.co.jp/free/article/0705/2/1/]] 

-[[WebアプリテストツールSeleniumの紹介>http://journal.mycom.co.jp/articles/2006/09/29/selenium/]]

-[[Webアプリの開発に必須なツール7種>http://labs.unoh.net/2006/11/web_1.html]]

-http://www.djangoproject.com/
--PythonによるWebフレームワーク


*Ruby on Rails [#mc0b6a02]
-[[Rails>http://kinjo.github.com/ojag-rails/]]

-[[Ruby On Rails習得最短ルートまとめ>http://matome.naver.jp/odai/2133622970400225401]] 2012.5.7

-[[Ruby on Rails が簡単というのはウソ>http://subtech.g.hatena.ne.jp/secondlife/20120309/1331279496]] 2012.3.10

-[[初めてのRailsアプリケーション開発>http://www.atmarkit.co.jp/fcoding/articles/3rdrail/01/3rdrail01a.html]]
-[[かんたんAjax開発をするためのRuby on Railsの基礎知識>http://www.atmarkit.co.jp/fcoding/articles/rjs/01/rjs01a.html]]
-[[Rails新時代の到来か?「Passenger(mod_rails for Apache)」>http://www.moongift.jp/2008/04/passenger/]] 2008.4.12
-[[Railsで開発するときにはキャッシュを予め想定しておく>http://rails20.jp/2008/04/cache_tips/]]
-[[JRuby on Rails環境を手軽に構築する「JRubyStack」>http://www.moongift.jp/2008/03/jrubystack/]]
-[[誰でも30秒くらいでできるrailsのデプロイ>http://ujihisa.nowa.jp/entry/4d57e24df4]]
-[[RailsでWebサービスを作成し、FlexからSOAPで呼び出す>http://www.stbbs.net/blog/2007/09/railswebflexsoaprails.html]]
--Railsには ActionWebServiceというものが用意されていて、SOAPやXML-RPCで呼び出せるいわゆる Webサービスを簡単に作ることができる。
-[[Getting Real>http://gettingreal.37signals.com/]]
--[[日本語版>http://gettingreal.37signals.com/GR_jpn.php]]
-[[RoRを使ってひとりでWebサービスを作ってみよう>http://www.tkrb.jp/guide/2007/10/ruby_on_rails_1.html]]
--注意:ここで言う"Webサービス"はWSDLなどを使ういわゆるWebサービスではなくて、単に「便利な機能を提供するWebサイト」のことらしい。(こういう言葉の使い方、なんとかならないものか…)
-[[RailsでWikiシステムを作成する>http://codezine.jp/a/article/aid/1343.aspx]] 2007.6.4
-[[Capistrano in Ruby on Rails>http://wiki.rubyonrails.org/rails/pages/Capistrano]]
--開発自動化ツール?
-[[Ruby on Rails:http://www.rubyonrails.org/]] RubyによるWebフレームワーク


*Sinatra [#ed1513d3]
-http://www.sinatrarb.com/
-%%[[Sinatra気に入った>http://labs.unoh.net/2009/05/sinatra.html]]%%


*Silverlight [#y14eeb20]
-[[XAMLの基礎>http://www.atmarkit.co.jp/fdotnet/chushin/introsl_02/introsl_02_01.html]] 2012.3.29

-[[最も簡単な Silverlight 2 アプリ開発>http://blogs.msdn.com/nakama/archive/2008/08/28/part-1-silverlight-2.aspx]] 208.8.28
--[[Excpression Blendとの連携>http://blogs.msdn.com/nakama/archive/2008/09/03/part-2-expression-blend.aspx]]
-[[Hello World, Silverlight 2 !!>http://blogs.msdn.com/nakama/archive/2008/08/27/hello-world-silverlight-2.aspx]] 2008.8.27
--Silverlight 2(以下 SL2)は WPF のサブセットのプログラミングモデルを持っています。この WPF は、もともと以下の 3 つの異なるプログラミングモデルを統合するために開発されたフレームワークでした。
---ドキュメントタイプのコンテンツ(HTML のようなワープロタイプのコンテンツ)
---固定座標レイアウトタイプのフォーム(Windows フォームのようなもの)
---3D ベクターグラフィックス(DirectX のようなもの)
--従来、全く異なるプログラミングモデルで開発されていたこれらのアプリケーションを、XAML を中心とした一つのプログラミングモデルで開発できるようにしたのが WPF であり、サブセットである SL2 も同じ特徴を持ちます。しかしこの WPF/SL2 のプログラミングモデルでは、レイアウトシステムやコンテンツ合成モデルなどの新しい UI 構築概念が導入されており、これらの特有の概念を理解しないと、WPF や SL2 を「全く」使いこなせないと思います。特に、Expression Blend はこの WPF, SL2 の UI 概念に基づいて作られたツールなので、起動したはいいけどなにしていいのやら、という状態にもなるかと思います。

-[[.NETを知らない人でもわかるSilverlight入門>http://www.atmarkit.co.jp/fwcr/index/index_silverlight.html]]
-[[Silverlightのリッチなグラフィックス描画サンプル集>http://www.atmarkit.co.jp/fwcr/rensai2/silverlight03/silverlight03_1.html]] 2008.3.19
-[[Silverlight入門>http://codezine.jp/a/article/aid/1836.aspx]]
-[[Silverlight Fun & Game>http://www.codeproject.com/useritems/SLFun.asp]]
-[[Beginning Silverlight 1.1 Part1>http://www.codeproject.com/silverlight/BeginningSilverlightPart1.asp]]
-[[Silverlight Dev Center>http://msdn2.microsoft.com/en-us/silverlight/default.aspx]]
--[[(日本語)>http://www.microsoft.com/japan/msdn/silverlight/]]
-[[Silverlight Introduction>http://www.codeproject.com/useritems/silverlightintro.asp]]


*Active Server Pages(asp) (非.NET) [#gf81badc]
-変数を使った文字列結合の注意点
--変数には型がないが、文字列に結合するときは型を意識する必要がある
 str + var
としたとき、varの型がfloatなどの数値だとうまく動かない場合があるので
 str & var 
を基本とした方が良いと思われる
-[[aspのデバッグ>http://www.microsoft.com/japan/msdn/columns/server/server04242000.aspx]]
-[[asp講座>http://www.site-cooler.com/kwl/asp/]]
-IIS6で*.aspのファイルがちゃんとあるのに404エラーになる場合、「Web拡張サービス」の設定でActive Server Pagesが「禁止」になってないかチェックすべし


*CGI [#ze5ff065]
-テキストをクリックしたらダウンロードが出るようにするには
--コンテントタイプをapplication/octet-streamにすればいい模様
 print qq{Content-type: application/octet-stream\n}; 
 print qq{Content-Disposition: attachment; filename="aiueo"\n\n}; 

-[[サーバーアナライザCGI:http://www.futomi.com/library/servana.html]]
-[[実用本位のjcode紹介:http://www.netfort.gr.jp/~kiyoka/jcode_intro/]]
-[[Jcode.pmをムリヤリインストールする方法:http://tech.bayashi.net/faq/jcodepm.html]]
-[[Unicode.pl:http://www.onicos.com/staff/iz/release/#unicodepl]]
-バージョン5.0〜5.8未満のPerlで手っ取り早くUTF-8変換をする方法
--unicode.pl-1.1.gz を落としてくる。 http://www.onicos.com/staff/iz/release/#unicodepl
--解凍すると unicode.pl-1.1というファイルが出てくるのでこれをunicode.plにリネーム
--バイナリモードでcgiのあるディレクトリに転送
--利用する側で以下のようなコードを書く
 require 'unicode.pl';
 require 'jcode.pl';
 
 sub sjis2utf8 {
  local($w) = @_;
  &jcode::convert(*w,'euc');
  my @unicodeList = &unicode::e2u($w);
  my $utf8 = &unicode::UTF16toUTF8(@unicodeList);
  return $utf8;
 }
--コード変換をしたい所で以下のようにする。
 $utf8str = &sjis2utf8('シフトJISの文字列');

トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS