RewriteEngine On
RewriteRule ^hogehoge$ misetaipage.html [L]
URLの移動なしでページの中身のみを入れ替えたい場合の設定。
動かなくなっちゃってしばらく経つ。
次回のコメント返信までに解決策を考えておかないとなー。
プラグインが動かないのか
JSが動かないのか
XMLの取得がかわったのか
アイコンも表示されてないから
Firefoxのバージョンアップが原因かなぁ。
あとCeVIOのインポートテキストを吐き出すプログラムをAjaxで現在のサーバーで動かすように変更中。
毎回ローカルでXAMPを立ち上げて動かすのもちょっと面倒になって来た。
そんなに頻繁にやる作業じゃないけど、まぁせっかくだしね。
あと追加できになったこと
url: ajaxurl, dataType: 'json', async: true, type: 'POST',
async: true,
ここをfalseにしているとコンソール画面でお説教がでてくる。
非同期通信の設定が推奨されているということみたい。
けど通信が完了しないとと表示できないものなんかもあるしまたややこしいことになりそうだ。
コントロール+c
で停止。
家のWinに会社に近いコーディング環境を作っておこう。
エディタ
Atom
パッケージ
show-ideographic-space
Japanese-menu
platformio-ide-terminal
emmet
キーマップに追加
'.platform-darwin atom-workspace': 'alt-cmd-t': 'platformio-ide-terminal:toggle'
エメットの展開はデフォルトだとタブキー
作業ディレクトリ
- src/（開発環境）
-- assets/
--- sass/
--- img/
--- css/
--- js/
-- ejs/（テンプレートフォルダ）
--- util/（テンプレート関数）
--- parts/（ヘッダー等）
- dist/（本番環境）
-- assets/
--- img/
--- css/
--- js/
package.json
gulpfile.js
ejsの中身
● index.ejs
<%
var option = {
subtitle: "ああああはあああ",
description: "index",
}
%>
<%- include('parts/_head',{absPath:filename , option:option }) %>
<body>
<main>
ddddd
</main>
<%- include('parts/_footer',{absPath:filename , option:option }) %>
</body>
</html>
● parts/header.ejs
<%- include('../util/_filepath',{absPath:filename}) %>
<%- include('../util/_description') %>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="">
<meta name="description" content="<%= description(option) %>">
<link rel="stylesheet" href="<%= pathSet(absPath) %>assets/css/style.css">
<title>サイトタイトル<%= subtitle(option) %></title>
</head>
<header>
<nav>
<ul>
<li>
<a href="<%= pathSet(absPath) %>">Home</a>
</li>
<li>
<a href="<%= pathSet(absPath) %>about">About</a>
</li>
</ul>
</nav>
</header>
● parts/footer.ejs
<footer class="footer"> ふったー </footer>
● util/_description.ejs
<%
description = function(option){
if( !option.description){
return 'デフォルトテキスト';
}else{
return option.description;
}
};
subtitle = function(option){
if( !option.subtitle){
return ' | のんびり日記';
}else{
return ' | '+option.subtitle;
}
};
%>
● util/_filepath.ejs
<%
pathSet = function(absPath){
var rootPath = absPath.split('src/ejs')[1];
if(rootPath.split('/').length - 2 > 0){
return '../'.repeat(rootPath.split('/').length - 2);
}else{
return '';
}
};
%>
動かすのに必要な要素
gulp-data
gulp-ejs
基本のテンプレートにオプションの値をつけタイトル名の追加やディスクリプションの上書きをさせている感じ。
実務ではまだ使っていない草案の状態なのでもっと変わるかもしれない。
実際の案件によっても構造も違うしね。
jsonファイルを使ってテンプレートのディレクトリとファイル名からディスクリプションの設定をしようとも考えたけど
学習コストが高そうなのでとりあえず実務で一度ためしてから問題点を出してみる。
ttps://stella-design.biz/2017/01/01/235346.html
gulp-ejs でHTMLの編集をカンタンにする
ttps://www.syngram.co.jp/blog/4824
テンプレートエンジンEJSで使える便利な構文まとめ
ttps://qiita.com/y_hokkey/items/31f1daa6cecb5f4ea4c9
●プラグイン
・jQuery Colorbox
最新の状態に更新するとレイアウトが崩れるので現状維持。
・スキーマーにhttpが記述されていたのでssl対応に読み込めないので修正対応。
jquery-colorbox/includes/jquery-colorbox-frontend.php
261行目付近
function addJQueryJS() {
if ($this->isTrue('useGoogleJQuery')) {
if ($this->isTrue('debugMode')) {
$jQueryLibraryUrl = "//code.jquery.com/jquery-".JQUERYLIBRARY_VERSION.".js";
}
else {
$jQueryLibraryUrl = "//code.jquery.com/jquery-".JQUERYLIBRARY_VERSION.".min.js";
}
wp_deregister_script('jquery');
wp_register_script('jquery', $jQueryLibraryUrl, false, JQUERYLIBRARY_VERSION, true);
}
//enqueues WP's jQuery library if useGoogleJQuery==false
wp_enqueue_script('jquery');
}
モジュール化されたSCSSファイルはパーシャルという「_」を付けた読み込み専用ファイルにしてstyle.scssに読み込ませる。
その際は
@import “layout”;
_layout.scss
@import “content”;
_content.scss
となるよ。
あと
@import url();
を使う場合はカッコの中身をダブルクォートで囲む必要があるコンパイラーもあるので囲っておいた方がよい。
またhttpやhttpsのスキーマーはない状態で記述するのが良いかなと思う。
サイトを途中でssl化する場合などもあるのだろうし
その辺を先に見越した読み込みにする必要があると思う。
人を集めるのが目的
ブースでなにをやるかわからないので何をするかなどは考えずイベントの趣旨や会場などをさらりとリードにする感じ。
ふんわりさっぱり。
どうも不自然に自分のサイトを見たときにブラウザが止まる。
サーバーを移管したせいかどうなのかも含めて判断がつかなかったけども
クエリーモニターやらいろいろ試して細かく確認していっても自分のphpには問題がなかった。
ページによってはスムーズに表示できるからもしかしてプラグイン？と思い探って見ると
Syntax Highlighterが原因っぽかった。
ほかのプラグインをいろいろ探しても現状と同じような使い方をできるものが少なくちゃんと表示されないので
どうしたものかと悩む。
ちょっとプラグインの設定でどうにかできないかと見て見るとSyntax Highlighterのプラグインのバージョン違いというものがあるようで
設定を変更し余計な挙動を行わないように再度保存。
無事に正常なタイミングで表示されるようになる。
はー、よかったよかった。