読者です 読者をやめる 読者になる 読者になる

S.F. Page

Programming,Music,etc...

Wordpressから静的HTMLへ

結局はてなブログに引っ越すことにした

ブログ記事は静的HTMLサイト化するのはやめて、はてなブログに引っ越しすることにした。 Wordpressを公開しているVPSサーバーは静的コンテンツやnode.jsの実験場として今後も引き続き利用する。 なぜ急に?という感じだが、移行プロセスでいろいろな技術に触…

RDFa Lite , json-ld , セマンティックタグ

ここ数日はRDFa Lite 1.1 , JSON-LD 1.0, セマンティックタグを勉強しつつ、Wordpressデータベースから静的コンテンツを作るコードを書いているが、まだ完成していない。 この辺ももちろん疎いので勉強しつつということになる。ようやく本質的な部分の概要が…

NTVS,RequireJS,ECT,D3.jsなど

Node Tools For Visual Studio 以前から使っているNode.js Tools for Visual Studioであるが、最近普通にデバッガが動くことを知った。 F5キーをおしてデバッグということが普通にできる。変数のウォッチとかもできるみたいだが、非同期処理内でブレークポイ…

LESSでCSSを一つにまとめる

VS2013 Express For Web上でLESS 昨日から引き続き、sass(scss)もしくはLESSでライブラリで参照しているcssファイルを1つに統合し、main.cssファイルとして読み込むようにしてみた。 でsassかLESSかどちらを使うか迷ったが、Bootstrapが絡むしnode.js環境も…

コンテンツをクライアント側でレンダリングする件

クライアントレンダリングのアイデア ちょっと放置気味の過去のWordpressコンテンツの静的HTML化の話である。 静的HTMLそのものをデータとしたいがためにできる限りセマンティックなタグやメタ情報のみとしたい。 静的HTMLはモデル、外部css,jsはビューとい…

VS2013 Express上のNode.jsとクライアント.jsファイルの両方にインテリセンスを効かせる

クライアントサイドのJSのインテリセンスが効かない Visual Studio 2013 Express もオープンソースなWeb開発用ソフトウェアのアドオンが増えて.NETのWeb開発ツールとしてだけでなくなってきている。AzureもマルチプラットホームだしMSとしてもサポートせざる…

node.js - 非同期処理やQの話

Pyramid of Doom 非同期処理をうまく処理するためにQを使っている。QはPromiseとそれを使用するアルゴリズムで構成されている。 どうも人間というのは上から下にフローが流れていかないと理解が難しくなるようである。コールバックによる非同期処理を行うと…

Wordpress DBからカテゴリのディレクトリツリーを作る

カテゴリのディレクトリツリーを作る ここ数日はnode.jsでWordpressのカテゴリーからディレクトリツリーを作るコードを書いていた。 Wordpressではカテゴリをwp_termsとwp_term_taxonomyの2つのテーブルで管理している。 wp_termsは以下のようなフィールドで…

コンテンツレンダリングの方法

昨日はコンテンツをどのようにレンダリングするかを考えていた。セマンティックな要素を組み込み解析しやすいコンテンツが作れたという前提でどうレンダリングするかを。 静的コンテンツであるか動的コンテンツであるか。これはもう静的コンテンツに決まって…

静的HTMLのコンテンツの中身について考える

今日は何をしていたかというと MySQLの利用を停止するので、コンテンツのデータストア先はもうない。HTMLにセマンティックな情報を詰め込んでデータレコードの代わりにできるかなと考えていた。きちんとコンテンツ部分を取り出せるだけの十分な情報をHTMLフ…

静的HTMLへの移行方法について考える

大風呂敷を広げてみたものの Webの世界は広大である。HTML5 APIもさまざまなものがあり、全貌を把握するにはまだ至っていない。今日もHistory APIというものを見つけた。まずは規格書を読むのがよさそうだが、じっくり読んでいくと死ぬまでかかりそうだ。今…

移行スクリプトをnode.jsで作りはじめる

ぼちぼちと移行スクリプトを書き始める 昨日くらいからぼちぼちとWordpressコンテンツを静的HTML化するスクリプトをnode.jsベースで書き始めた。 数日くらい前からStaticPressでいろいろ試行錯誤したりソースコードも読んでみた。このプラグインは自己スクレ…

別ユーザーでapp.jsを自動起動する。

app.jsというかスクリプトをroot権限で実行させるのはセキュリティ・リスクがあるので別ユーザーで起動させ、さらには別ユーザーで自動起動させようといろいろ試していたがようやくできた。 最初foreverで/etc/rc.d/rc.localに以下を書いてみたが実行できず…

ブログ・システム構成

システム構成 ここ数日システム構成をぼやっと考えていたが、まとまってきたので図にしてみた。 UAとの静的コンテンツのやり取りは基本NGINXを経由して行う。UAからのコンテンツ要求はすべてNGINXによりgzipで返す。ファイルシステム内のコンテンツはすべてg…

ブログシステムのアイデアを練る

ブログシステムの実装アイデアをここ2-3日ぼーっと考えている。 ここ何日かでまとまってきたのは、 ブログ記事をJSONデータで持つ HTMLをテンプレートとしてJSONデータをKnockoutでレンダリングする つまりはサーバーサイドではレンダリングせず、クライアン…

httpsでのアクセスを試す

管理用ページはhttpsでアクセスしたいので、nginxで試してみた。自己証明書をopensslコマンドで作っって、nginxのssl.confというサンプル設定ファイルに設定を追加する。設定はすべてコメントアウトされているので、それをもとに戻し、秘密鍵と証明書を指定…

開発環境のセットアップ(3)

gitを導入 自宅のCentOSにGitサーバを構築してみたを参考にgitを導入。Windowsからもcloneやpushができるか確認。これをベースにコンテンツ更新をpushしたら自動的にコンテンツディレクトリへpullする仕組みを作ればやりたいことができそうだ。 sshの公開鍵…

開発環境のセットアップ(2)

今日までに下記のインストールセットアップを行った。 仮想マシンの作成。 8.1のクライアントHyper-Vを使用して仮想サーバーを一台作成。VPSに合わせメモリ1GB、HDD 10GBで作成。 CentOS 5.2のインストール。 仮想マシンにVPS環境と同じCentOS 5.2をインスト…

開発環境のセットアップ

とりあえずCentOSを入れ、nginxを入れ、php-fpmを入れ、MySQLを入れ、VPSのconfigを投入し、、と続けているがまだVPSと同じ環境までには至っていない。nginxは動くものの、phpとの連携がうまくいっていない状態だ。まあ数日のうちに解決するだろう。 メモリ8…

Client Hyper-VにCentOSを入れる

悩んでいたが、結局開発環境としてServersMan VPSと同じ環境をローカルマシンに作ることにした。 最初Virtual Boxで仮想マシンを作ろうとしたが、どうも過去にHyper-Vの利用にチェックを入れていたらしい。バッティングして動作しなかった。なのでHyper-Vで…

うーんしかし悩むな。。

最近いろいろなWeb技術を顔は思い出すが名前は思い出せないレベルに衰えた脳みそに詰め込みすぎたせいか、脳内はWeb技術のキーワードでごちゃごちゃした状態となっており、今後どう進めるべきか決めあぐねている。 WordpressのテーマをBootstrapベースで作ろ…