投稿

PHPデモ／「チャット：SPA(Single Page Application)」：「AJAX、タイマー、ファイルのアップ、ファイル･ロック」(Ver.18)

デモなのでイロイロ手抜きをしています。 インターネット上で公開する「フォルダー名、ファイル名」には使ってはダメな文字があります(非常に制限が厳しい)、全角も使ってはダメ。 このデモではインターネット上に関してはencodeURI()で%エスケープしているので、一応インターネット上でも全角文字のファイル名もおｋにしてあります。 ただし、このデモではアップロードするファイル名を流用してサーバーに保存しているので、全角に対応してない(UNIX系の)サーバーの場合は、ファイル名に全角が含まれているファイルはアップしないように、ご注意下さい。 対応策としては、オリジナルの全角のファイル名とは無関係の英数字のファイル名に変更するなど。 下記を参照すれば分かる通り、英数字のファイル名に変換するにしても、変な記号とかは使ったらダメと言う事です。 【WEB】URLで使用できる文字の規定 RFC3986 Section2.3 https://ses-blog.net/archives/web/983.html >チルダはユーザディレクトリ、ピリオドはファイルの拡張子で使われるため、実際は以下と考えること。 >・半角大文字アルファベット A～Z >・半角小文字アルファベット a～z >・半角数字 0～9 >・ハイフン – >・アンダースコア _ ザックリと言うと、ブラウザ側に表示されてない差分のデータをサーバー側から持って来ています。 そうすれば効率は良いですが、プログラムとしては、見通しが可成り悪くなってしまうデメリットもありますが(つまり他人が読みずらいと言うこと)。 レスポンスの遅延を想定して、タイマー処理はsetInterval()では無く、setTimeout()にする、(レスポンスの遅延を想定して)レスポンスが来てからsetTimeout()を設定する。 つまりsetTimeout()を設定する場所はどこでも良いと言う訳では無い。 サーバー･サイドの場合、多数のユーザーが同時にアクセスした場合を考慮する必要があります。 具体的にはサーバー･サイドの場合は、ファイル出力時にファイルをロックしないとデータ破壊される危険性があります。 また ファイルの書き換え(ファイル入力してファイル出力する)は、ファイル入出力を一体としてロックしないとデータ破...
コメントを投稿
続きを読む

Javaデモ／Servlet「チャット：SPA(Single Page Application)」：「ファイル入出力、ファイル･ロック、AJAX、タイマー」：「RandomAccessFile、FileChannel、Charset、ByteBuffer」(Ver.5)

開発環境はEclipseです。 Eclipseにおいてサーバー･サイド用Javaプロジェクトを作る場合は「動的Web」でプロジェクトを作る必要が有ります。 「動的Web」プロジェクト作成時には、必ず「web.xmlデプロイメント記述子の生成」チェックボックスをチェックしてして下さい(下記参照)。 Webアプリ向け開発手順 http://www.javaroad.jp/opensource/js_eclipse6.htm 現在、文字エンコードは多数ありますが、「UTF-8、Shift_JIS」の2つがインターネットでのデファクト･スタンダードですが、Windowsの場合はShift_JISとは微妙に違うMS932(CP932)がデファクト･スタンダードになります(なのでWindowsにおいてShift_JISと言う場合は、基本的にMS932(CP932)を意味します)。 デモなのでイロイロ手抜きをしています。 レスポンスの遅延を想定して、タイマー処理はsetInterval()では無く、setTimeout()にする、(レスポンスの遅延を想定して)レスポンスが来てからsetTimeout()を設定する。 つまりsetTimeout()を設定する場所はどこでも良いと言う訳では無い。 サーバー･サイドの場合、多数のユーザーが同時にアクセスした場合を考慮する必要があります。 具体的にはサーバー･サイドの場合は、ファイル出力時にファイルをロックしないとデータ破壊される危険性があります。 また ファイルの書き換え(ファイル入力してファイル出力する)は、ファイル入出力を一体としてロックしないとデータ破壊される危険性があります、つまり ファイル入力とファイル出力でファイル・ロックを2つに分けるとファイル･データが破壊される危険性があります。 下記デモでもファイル入力とファイル出力でファイル・ロックは1つだけだと言うことに注意して下さい。 なお (データの削除などで)ファイル･サイズが前より小さくなる場合は「rewind(～)、ftruncate(～,0)」で一旦ファイル･サイズをゼロにする必要があります。 【example\MyServlet.java】 package example; import java.io.BufferedReader; import java.io.F...
コメントを投稿
続きを読む
 2025 02 13 PCを購入した場合の注意点 【24H2で全PCが対象？】回復キーを今すぐ用意せよ！パソコンが急に起動しなくなる！？【BitLocker】 https://youtu.be/XE4KFfRGtWw?si=yVxJV8336aiuP1QL 仮想化ベースのセキュリティがWindows 11の実行速度に影響か https://news.mynavi.jp/techplus/article/20211012-2104064/ >もしこれらのセキュリティ機能がパフォーマンス低下の原因になっているとすれば、VBSを無効にすればパフォーマンスが向上する可能性がある >Windows 11を自前でインストールした場合はVBSがデフォルトで無効になっているが、プリインストールされたPCを購入した場合は、この機能の設定状況を確認したほうがいいかもしれない。 【要注意】 【速報】ほぼ全てのAMD製CPUに危険な脆弱性が見つかる！急いで修正パッチをダウンロードしよう。 https://youtu.be/rYG14bjiyAA?si=yDi8R5mQoRJI5PzV ※「Sinkclose」のパッチは各マザボ・ベンダーから修正済UEFI(BIOS)コードがリリースされているが、UEFI(BIOS)のアップデートとなると難易度は高くなるかもしれない。 Intel Core Ultraの修正アップデート間近か 新たな噂と性能問題への期待 https://tech-tools.reinforz.co.jp/5398 Core Ultra 200Sのパフォーマンス修正は2025年1月に延期。大幅な性能向上は見込めず https://gazlog.jp/entry/coreultra200s-no-big-performance-fix/ ※Intel Core Ultraはパッチを当てても大してパフォーマンスはアップしないと言われている。 「Intel Core」CPUの第13/14世代で不具合--不可逆的損傷が発生との報告も https://japan.zdnet.com/article/35222295/ ※「Intel Core」第13/14世代のCPU破壊対応パッチは各マザボ・ベンダーから修正済UEFI(BIOS)コードがリリースされているが、UEF...
コメントを投稿
続きを読む
<html lang="ja"> <head>   <meta charset="UTF-8">   <title>Document</title> </head> <style>   #readtitle_area {     width: 100%;     /* 親要素の幅 */   }   #readtitle_area>div {     padding-right: 10px;     /* 要素間の間隔を設定 */   }   #readtitle_area>.LeftWing {     float: left;   }   #readtitle_area>.RightWing {     padding-right: 0;     /* 最後の要素に余白を設定しない */     float: right;   } </style> <body>   <div id="readtitle_area">     <div class="LeftWing">タイトル</div>     <div class="RightWing"><input type="button" id="read_updatebtn" value="更新"></div>   </div> </body> </html>
コメントを投稿
続きを読む
 フロントエンド(コーダー) 「HTML、CSS」の基礎ならProgateや参考書などで良いでしょう。 参考 HTMLが学べる学習本・書籍おすすめ10選 HTML学習 https://www.sejuku.net/blog/258353 ※「HTML、CSS」はプログラミング言語では無い。 「HTML、CSS」のプロ・レベル(コーダー)は非常に難易度が高いので、アマチュア・レベルでは100%無理と思って良いです(アマチュア・レベルを何年 勉強しても無理と言う事)。 分かりやすく喩えて言うと、草野球とメジャーリーグぐらいの差なので、草野球を10年やっても20年やっても、メジャーリーグは無理と言う事です。 なので「HTML、CSS」のプロ・レベル(コーダー)を目指すなら、プロ・レベル(コーダー)の勉強が必要になりますが、プロ・レベル(コーダー)を勉強しようとすると、恐らく9割程度の人が挫折するでしょう。 「高額情報商材、スクール」では、当然 9割程度の人が挫折すると分かってて、販売なり生徒募集なりをしているので、詐欺では無いにしても「未必の故意」が有ります。 もしも フロントエンド(プロ)を目指すなら、(JavaScriptの解説は除き)下記を100%理解でき具現化できてフロントエンド(プロ)の"基礎"レベルです、本職のフロントエンド(プロ)になるには更に上のレベルが要求されます。 ここで言っているフロントエンド(プロ)とは、あくまでもコーダーの事です。 特定の解像度に依存しない実用的なWebページ https://rara.jp/sphinx1335/page2 ※その中の『HTML5の基礎と課題』のフロントエンド(プロ)"入門"用程度の課題を自分でググってコーディングできない場合は、フロントエンド(プロ)は無理だと思って良いでしょう。 下記のようなクソみたいな欠陥Webページだと、当然 SEO的にマイナスになります(当然、フロントエンド(プロ)としても失格です)。 >下の画像のページが表示されたら、このWebページ作ったヤツはアホだろと思ってブラウザ・バックしますよね？ > https://drive.google.com/file/d/1znyw4kX9m4I4enroA931c7tyZ1wq8A91/view?...
コメントを投稿
続きを読む
 Javaの小技 ■知ってお得な機能 プリミティブ型、オブジェクト型(参照型)　オートボクシング、アンボクシング http://qiita.com/chihiro/items/870eca6e911fa5cd8e58 関数型、メソッド参照、ラムダ式、ストリーム処理 https://qiita.com/lrf141/items/98ffbeaee42d30cca4dc 関数型プログラミングで行こう ～ みんな大好きJavaから入る関数型の入り口の入り口 http://tercel-tech.hatenablog.com/entry/2014/12/29/173711 [Java] Java8のラムダに超入門（書き方、関数型インターフェース、独自に定義、ラムダ受け取り処理） https://www.yoheim.net/blog.php?q=20160410 [java][java8]Java 8を関数型っぽく使うためのおまじない  http://d.hatena.ne.jp/nowokay/20130501 >カリー化 >さて、２引数以上の関数は甘えと書きましたが ↑(知っておいて損は無いかもしれないが)ラムダ式は丸括弧で囲めば2引数以上も可能なのでカリー化は特に必要ない。 ■GUIコンポーネントの設定はイベント・ディスパッチ・スレッドで設定しなければならなくなったようです。 昔はイベントもメイン･スレッドでしたが、(知らぬ間に)イベントがイベント・ディスパッチ・スレッドに分離されたようで、GUIコンポーネントの設定もイベント・ディスパッチ・スレッドで設定しなければならなくなりました、つまりメイン･スレッドでのGUIコンポーネントの設定はNGになってしまいました。 対処法は定型処理で記述できるので簡単に対応できます(下記)。 Java Swing／「JFrameスケルトン･テンプレート」(7) http://pleiades.vs.land.to/utf8/smt.cgi?r+sara/&bid+00000428&tsn+00000428&bts+2021/01/20%2016%3A41%3A48& ■スレッドは「Concurrency Utilities」のスレッドが強く推奨されます。 (知らぬ間に)古い...
コメントを投稿
続きを読む
 <!DOCTYPE html> <html lang="ja"> <head>   <meta charset="UTF-8"> </head> <style>   .Border {     border: thin solid black;   }   body {     display: flex;     flex-direction: column;     row-gap: 10px;   }   .Container {     display: flex;     column-gap: 10px;   }   main {     width: 75%;     display: grid;     grid-template-columns: 5px repeat(12, 1fr) 5px;     grid-template-rows: repeat(4, 150px);     gap: 10px 0;   }   header,   nav,   footer {     height: 150px;     border: thin solid black;   }   main>* {     box-sizing: border-box;     border-top: thin solid black;     border-bottom: thin solid black;   }   aside>* {     box-sizing: border-box;     border: thin solid black; ...
コメントを投稿
続きを読む