2019-01-10 – Saoline Tips

I/T系業界バズワードとその本音

投稿日: 2019-01-10 投稿者: Hisa

I/T業界は、うまく利用者をだまして、ファンを引き寄せ、洗脳化して収益を上げる習慣が昔からあると思います。
心地よいカタカナ英語をはやらせることが、その手段のひとつと思います。

[ ユーザーエクスペリエンスを喚起 ]
平たく直言すれば、ただの洗脳化と思います。

[ アベイラビリティゾーン ]
ちゃんと、日本語にして、適用可能領域にしておけ

[ マーケットプレース ]
売り場、販売場所でよかろう

[ インストールメディア ]
導入媒体

[ コマンドラインパラメーター ]
端末入力引数

[ エラー ]
例外

[ ステータス ]
状態

[ フェーズ ]
段階

[ デフォルト ]
既定

[ ローカライズ ]
他言語国際化だが、米国中心を基準とした、いなかが他国になってるので、そのまま使うのは日本人としては抵抗あります。

[ サインアップ、サインイン ]
最近、ログインからこの表現に変わってきていて、ログオン、ログインとの違いはっきり説明しろ、と思う。ログオンはマイクロソフト語なので、管理人はログインに統一。これからは、利用者認証に変えようと思う今日この頃。

[ ミッションクリティカル ]

高等学校卒業程度の人だったら、意味わかると思いますが、ちゃんと業務重要必要性度とかに変えておけと思う。

[ オーバーヘッド]
間接的処理に付帯する避けること出来ない負荷

難解IT略語がはびこる7つの理由

IT用語の漢字化希望

jQuery-ui テーマの動的変更

投稿日: 2019-01-10 投稿者: Hisa

1) JSPの自作カスタムタグを使った select を使う


<%@ taglib uri="/WEB-INF/htmythema.tld" prefix="MyThema" %>

2) 1) を使いたいところに配置


// マイテーマ選択用 //
      var themasel = "<MyThema:mythema realdir='' themaval='<%=cfg.getSeltheme()%>' />";


          // == 生成完了した時 == //
          gridComplete: function () {

　　　　　　var THEMA_DIV = "<div style='float:right' id='mythemadiv'></div>";　　　　

            // マイテーマ選択用 //
            $("#t_others").append(THEMA_DIV);
            $('#mythemadiv').html("MyTheme " + themasel);
            // テーマ変更 => リロード //
            $('#themasel').on('change', function () {
              $('#thmnm').val($(this).val());
              $('#thmchgform').submit();
            });


    <%-- テーマ変更用 --%>
    <%--<MyThema:mythema realdir="" themaval="<%=cfg.getSeltheme()%>"/>--%>
    <form id="thmchgform" method="post" action="export.jsp">
      <input type="hidden" name="thmchg" value="yes" />
      <input type="hidden" name="thmnm" id="thmnm" value="" />
    </form>

3) 変更リクエストのactionは自ページで、変更内容はクッキーとセッションにセット (どっち使っても良いが、実際はセッションを使ってる)


  // テーマ変更で来た場合 //
  if (request.getParameter("thmchg") != null) {

    //  セッションに格納 //
    String thmnm = request.getParameter("thmnm");
    cfg.setSeltheme(thmnm);

    // クッキーに保存 //
    Cookie cookie = new Cookie("thema", thmnm);
    cookie.setMaxAge(60 * 24 * 60 * 60); //有効期間を60日間に設定
    response.addCookie(cookie);

  }

[ 画面例 ]

jQuery-ui テーマの設定と読込

投稿日: 2019-01-10 投稿者: Hisa

[ 設定と読込 ]

1. データベースにマスタを用意


CREATE TABLE `m_themacol` (
	`NM_THEMA` VARCHAR(20) NOT NULL COMMENT 'テーマ名',
	`NM_MENUCOL` VARCHAR(7) NOT NULL DEFAULT '' COMMENT 'メニュー背景色',
	`IS_DARKTHEME` TINYINT(4) NOT NULL DEFAULT '0',
	`TM_ADD` DATETIME NOT NULL DEFAULT CURRENT_TIMESTAMP COMMENT '追加時刻',
	`TM_UPDT` DATETIME NOT NULL DEFAULT '2000-01-01 00:00:00' COMMENT '最終更新時刻',
	PRIMARY KEY (`NM_THEMA`)
)
COMMENT='jQueryUIテーマ別色設定'
COLLATE='sjis_japanese_ci'
ENGINE=InnoDB
;

Startupのサーブレットでデータベースを読込、public static な変数に格納
JSPで読込み、pageContextに格納
スタイルシートのファイル名またはディレクトリ名のテーマ名部分を、pageContextの変数にする

多言語化の方法

投稿日: 2019-01-10 投稿者: Hisa

[ 基本的方法 ]

データベースにマスタを用意
JSPでデータベースのデータを読込、Javascriptの連想配列になった文字列を、pageContext に格納
pageContext の連想配列を const した変数に格納
3. を jQuery の text, html に入れて表示。jqGridの場合は、constな変数に格納して使う
2.により、言語変更は、コード簡潔化の為、ページの再読込を必要とする

jqGrid colModel, colNames (JSONファイル読込)

投稿日: 2019-01-10 投稿者: Hisa

列数が多かったり、複雑な設定の colModel の場合、ページと同じファイルに記述すると、長くわかりにくくメンテナンス性低下なので、JSONファイルを読み込んでます。

[ コード例 ]


  // 一覧表のcolModelをファイルから読み込む //
  $.ajaxSetup({async: false});     // <== 非同期を解除
  var shipmentColmodel;
  var tmpname;
  $.getJSON("shipment.json", function (json) {
    shipmentColmodel = json;
    var len = json.length;
    for (var i = 0; i < len; i++) {
      tmpname = shipmentColmodel[i]['name'];

      // ローカルストレージに保存した列幅にする //
      if (name_widthMap[tmpname]) {
        shipmentColmodel[i]['width'] = name_widthMap[tmpname];
      }

    }
  });
  $.ajaxSetup({async: true});   // <== 非同期に戻す

[ JSONファイル例 ]

— 省略 —