なんでも技術ブログ

はじめに 近年、JavaScript開発において「use strict」というキーワードが頻繁に目に留まるようになりました。しかし、その役割や具体的な使い方は意外と知らない方も多いのではないでしょうか？ 本記事では、「use strict」の概要から具体的な書き方、メリット、注意点までを初心者向けにわかりやすく解説します。 1. 「use strict」とは？ 「use strict」は、JavaScriptのコード実行モードを厳格モードに切り替えるためのディレクティブです。厳格モードでは、従来の動作とは異なる厳しいエラーチェックが行われ、潜在的なバグや問題を早期に発見することができます。 2. 具体的な書き方 「use strict」は、スクリプトの先頭に1行のみ記述します。 ---- "use strict"; ---- 3. メリット 「use strict」を使用する主なメリットは以下の3つです。 潜在的なバグや問題の早期発見： 従来ではエラーにならなかったような曖昧な記述も、厳格モードではエラーとして検出されます。 コードの品質向上： 厳格なエラーチェックにより、より安全で信頼性の高いコードを開発することができます。 モダンなJavaScriptの標準： 近年のJavaScriptでは、多くのライブラリやフレームワークが「use strict」を前提とした動作になっています。 4. 注意点 「use strict」を使用する際の注意点としては、以下の点が挙げられます。 従来のコードとの互換性： 従来のJavaScriptコードと混在させると、エラーが発生する可能性があります。 スコープ： 「use strict」の効果は、宣言されたスコープ内のみ有効です。 すべてのエラーが検出されるわけではない： すべての潜在的なバグや問題が検出されるわけではなく、一部のエラーは依然として検出されない可能性があります。

  Power CMSX(まとめ) 最近blogを書き始めましたが、案件が一区切りついたので感想含めて記載します。 初めてPower CMSXを触りました 全体的 ・悪い印象 開発環境のセットアップに手間がかかる ライセンス問題(有料　＋　利用方法)　無料で利用できる範囲をもう少しひろげられないか？ 　→ローカルでdocker等で構築して開発する場合は、それぞれ開発者アカウント必要では？ プラグインが少ない(自作する必要あり) 調べても情報少なく公式しかない サンプルがすくない ・良い印象 テンプレートはMovable Typeなので、知っていれば何でも記載できる 困った時に問い合わせ可能(●●みたいなことはできる？　とか聞いてもOK) スペースの概念は良いと思う 動的出力と静的出力を選べる(ここ重要)どうでも良いページは静的にしてなど設定できる ・第一段階（導入初期） サーバーセットアップ apacheとPHP(もろもろ)いれるDBセットアップ 取りあえずサクッと動いた CMSの管理画面でTheme設定したら、Viewとかいっぱい出てきた なにも考えず、デフォ3種をポチポチしたら、テンプレートがいっぱい Theme変更しても、消えずのこったまま。 スペース、モデル、ビュー( テンプレート)の概念把握 ・第二段階（導入中期） 動的に記事データを取ってきたり、一覧表示したりは理解 条件つけて一覧表示したり <mt:> 使って　条件分岐 URLマップの概念、Assets関連などの理解 テンプレートもパーツ化して再利用 管理画面のカスタムの仕方 意外とハマった .htaccess 、一度、設定失敗して管理画面含めてアクセスできなくなりましたｗ ・第三段階（導入後期） PCMSのプラグイン開発やTinyプラグインの開発まで範囲を広げる どうしても、要件を実現したく力技で実装したが、件数が多いとすごく遅い箇所の改善 プラグイン(PHP) を作成して、DBで一括で取得してPHPで整形してHTML返すとか。 あと入力関連でTinyを利用するので、デザインされたCSSを反映させる為、 カスタマイズやTinyのプラグインを開発 現在に至る ・その他 開発環境を用意したとして、本番環境にデブロイする手法はなにが最適なのか？ プラグイン関連はファイルのアップロードで良...

 リレーションの値でフィルタリング（検索） 記事にタグが紐付いてますが、 例えば「blog」のタグがついた記事一覧を取得したい時 ドキュメントをみると　やり方は下記の事だとおもいますが --- (relation name[s]) : リレーション先のオブジェクトのプライマリカラムの値もしくは階層付きモデルの場合「Path/To/オブジェクト名」でフィルタリングする --- ぱっと、わかりませんでした。 下記のようなイメージで書けます。 <mt:entries tags="blog"> </mt:entries>  複数指定の場合　OR <mt:entries tags="blog OR piyo"> </mt:entries>  両方指定の場合　AND <mt:entries tags="blog AND piyo"> </mt:entries>  ーーー また、entry→　大カテゴリ(main_category) →　小カテゴリ(sub_category)　のように連続してリレーションをしている場合は下記で取れる <mt:entries main_category="大カテゴリ名/小カテゴリ名"> </mt:entries>  ーーー 理解して使えるようになれば、なるほどと思います。 個人的には、  「テンプレート・タグリファレンス」にサンプルをコードを付けてほしいです

  X(旧ツイッター)で教えて頂いたので 単純な計算なら、increment と decrementを使うほうが簡単で早いらしいので早速 -- <mt:var name="a" value="10" /> <mt:var name="b" value="1" /> b + a = <mt:var name="b" increment="$a" /> b ++ = <mt:var name="b" increment /> b = <mt:var name="b" /> -- b + a = 11 b ++ = 2 -- setver使って出力しないで変数に値を格納する場合 <mt:var name="b" increment="$a" setvar="b" /> <mt:var name="b" increment setvar="b" /> b = <mt:var name="b" /> -- b =  12 -- ちなみに、incrementの初期値は1です。 = 付けて指定すれば好きな値を入れることが可能 decrement も同じように利用可能な様子です。 ぜひ単純な計算に利用してみてください。

    四則演算の例です。実際に使ってみたので、参考程度ににてください 引き算 (例) a = 10 b = 1 b =  b - a ーーー 変数宣言<br /> <mt:var name="a" value="10"  /> <mt:var name="b" value="1"  /> 演算<br /> b = b - a <mt:var name="b" op="-" value="$a"  /><br /> 演算結果<br /> b = <mt:var name="b"  /><br /> ーーー ( 表示) 変数宣言 演算 b = b - a 演算結果 b = -9

 TinyMCEプラグインについて 高度な設定 この画像のinitの中の設定をカンマ区切りで設定する事ができる。 PowerCMS Xのdefault + 自分で個別に設定したい場合に利用 基本的には、ここの設定を変更したりすれば一通りの事は何でもできると思います。 高度な設定(setup) ここには、javascriptが記載でき、より高度なセットアップが可能です。 ーーー 内容薄い・・・・

条件分岐の例です 等しい(=)のサンプルです。 if   if (a == 10)  <mt:setvar name="a" value="10" />     <mt:if name="a" eq="10">     a=<mt:var name="a"  />だよ </mt:if> if ($)  if (a == b)   <mt:setvar name="a" value="10" /> <mt:setvar name="b" value="10" />     <mt:if name="a" eq="$b">     a=<mt:var name="b"  />だよ </mt:if>    if else  if (c == 10 ){ }else{ }  <mt:setvar name="c" value="20" />     <mt:if name="c" eq="10">     ここには当てはまらない <mt:else>     1０じゃなくて<mt:var name="c"  />だよ     </mt:if> else if if (c == 10 ){ }else if (c == 20){ }  <mt:setvar name="c" value="20" />     <mt:if name="c" eq="10">     ここには当てはまらない <mt:elseif name="c" eq="20">     1０じゃなくて<mt:var name="c"...

   四則演算の例です。実際に使ってみたので、参考程度ににてください 足し算 (例) a = 10 b = 1 b =  b + a ーーー 変数宣言<br /> <mt:var name="a" value="10"  /> <mt:var name="b" value="1"  /> 演算<br /> b = b + a <mt:var name="b" op="+" value="$a"  /><br /> 演算結果<br /> b = <mt:var name="b"  /><br /> ーーー ( 表示) 変数宣言 演算 b = b + a 演算結果 b = 11

  includeの使い方(引数) 実際に使ってみたので、参考程度ににてください 引数はhogehogeに記事のタイトルを渡します。 ーーー    <mt:include module="view param" hogehoge="<mt:entrytitle />"> ーーー ーーーview paramの中では <p>  <mt:var name="hogehoge"> </p> ーーー こんな感じでテンプレートのViewの中に引数を追加できます。

includeの使い方(共通パーツを作る) 実際に使ってみたので、参考程度ににてください ーーー    <mt:include module="viewの名前"> ーーー こんな感じでテンプレートのViewの中にモデルを入れ込むことができます。