Tag : Web Tech

1 - 7 of 234

Web系メモ：Loggixのこと、P_BLOGのこと

LoggixをGitHubに移行

portal shit!さんの最近のエントリー「portal shit! : GitHubにP_BLOGのソースコードをアップロードしました」に誘発されて、LoggixもGitHubでコードを管理することにした。

kaz6120's Loggix at master - GitHub

今のところまだSourceForgeとの併用。SourceForgeも最近リニューアルされて多少は使いやすくなったんだけど、細かいとこの使い方がイマイチよく分からない、ってのが多いなぁってのがこれまでの印象。ファイルをアップするのも分かりにくいインターフェイスで、「あれ？どうやるんだっけ？」とフリーズすること多し。

暫く様子みて、不都合なければGitHubに完全移行しようかと思っている。

SourceForgeからGitHubに移行したい理由はいくつかあるが、SourceForgeを使っていて感じたのは、

  • 雰囲気が「堅い」。インターフェイスもごちゃごちゃ賑やかなのもあって、なんとなく敷居が高い感じがする。
  • よくも悪くも「プロジェクト」色が強い。
  • 正直、使いにくい。

という感じで、GitHubは

  • 雰囲気が「軽い」。
  • 「プロジェクト」色より「コードのシェア」色が強い。
  • デザインがオシャレで、使いやすいインターフェイス。

という感じ。今のところLoggixはアーカイブだけのリリースしかやっていなかったが、これだとどうしても自分が「プロジェクトリーダー」様という感じで、使う方も気軽に改造したり出来ないような気がする。GitHubにすることでもうすこし「ソースコードをシェア」という感じで、軽い感じで今後はやっていきたい。

Loggix Projectもこのまま行くとP_BLOG Projectのように自分で自分の首を絞めてしまう状態になってしまう気がしたので、このままじゃいかんなーと思っていた。これで生活の足しになるような収益を上げている訳じゃないし、誰かから報酬もらってやっているわけでもない。あくまでオープンソースマインドで「こうゆうコード書いたけど、どう？」というノリでやっている事なので、リアルライフをもう少し圧迫しないようにしないといけない、と考えての事である。

P_BLOGもGitHubへ。そして、オフィシャルサイト終了へ

去年告知したように、P_BLOGはオフィシャルリリースを1.2b4で完了した。が、サイトのほうはこれまで通り公開してきた。

最近はサーチエンジンのロボットでのアクセスが殆どを占めているため、そろそろ終焉、ということにする。ソースはLoggixと同じようにGitHubへ移行。

kaz6120's P_BLOG at master - GitHub

ソースの管理を外部サーバーへアウトソーシングするので、多少肩の荷がおりる。

ソース管理をアウトソーシングする理由

やっぱりソフトの管理サーバーが開発者の自宅サーバーではユーザーにとっても不安要素が多いだろう、ってのが第一。これまで何度も落ちてユーザーに迷惑かけたり、管理に労力使って結構な「自分リソース(時間、お金、労力）」を費やした。いろいろと勉強にはなったが、マイナスも多かった。なので、「もういいかなー」と。

自宅サーバーは、個人用ブログ＆実験用ということで、利用する事にする。その方が気が楽、という結論に達した。

こんな感じで、今年から徐々にWebから身軽になろうと考えている。

Loggix関連メモ：システム更新、qTip

当サイトのシステムをLoggixのローカルでの最新バージョンver.9.5.17にアップデート。

バグフィクス、今後の方向性

ここんところ、オフィシャルサイトのコメント等で指摘されていた「半角￥マークを書く際に起こる問題」のバグフィクスを行っていた。簡単に済むかと思っていたら細かい部分での不具合が出てきてしまい、結局広範囲にわたる修正となった。

この問題の原因は「Magic Quotes」。PHP5.2.x系ではデフォルトではOnになっているこの機能だが、若干性能に問題がある。PHPのオフィシャルサイトによると「PHP5.3.x以降はOffを推奨、PHP.6.0.0からは削除」となるようである。

現在PHP5.x系はバージョン5.2.9が最新バージョンでまだメジャーバージョンは5.3.x系へは移っていないのと、デフォルトでOnであるためOnになっているサーバーが多い可能性があることを考慮し、Onを標準で開発してきたのを暫く継続しようかと考えていた。が、上記のようにOffにすることが強く推奨されている機能を積極的にフォローする必要ないのと、PDO時代は昔のようなコーディングではなくPDOらしくaddslashes()やstripslashes()などに依存しない書き方をした方が良いと判断し、開発環境もデフォルトでOffにすることにした。

今回当サイトの更新ついでに、こちらのサーバーもMagic Quote=Offにし、PHPのほうも最新安定バージョンの5.2.9にアップデートした。

qTip

JAM LOG : Web技術メモ：gTipの続き。

暫く試してみて、とても柔軟性に飛んでいるこのjQueryライブラリ「qTip」を標準搭載することにした。そんなわけで、まず当サイトで実験導入。

【タイトルをマウスオーバー】
qtip-1.png

【コメントへのリンクをマウスオーバー】
qtip-2.png

たんにtitleのポップアップだけでなく、abbrなど他の要素も自由に設定出来る。jQueryは書き方がシンプルなのでカスタマイズもしやすい。色などの他、表示速度やフェイドアウト速度なども細かく設定出来る。そ例外にも他画像や外部HTMLなど、いろいろなものを読み込め表示出来るという汎用性に惚れた。

Web技術メモ：gTip

portal shit! : qTipにした経由で、gTipなるものを知った。

デモを見てみたが、これまで触ったポップアップタイトル系の中では抜群に良さそうだ。試してみよう。

リアルタイムMarkdown「upflow」

Wikiマークアップ言語Markdownをリアルタイムにプレビューさせてみるupflow | エンタープライズ | マイコミジャーナル経由。

Markdownファンとしては、いつからMarkdownは「Wikiマークアップ言語」になったんだ？と突っ込みたいところだが、それは置いておいて、そのMarkdownをリアルタイムでHTML変換する「upflow」。なかなか興味深い。

(X)HTMLの本質を考えた場合、文の構造までしっかりと考えた美しいマークアップをしたい私としてはWeb文書をWYSIWYGで書くなんて気持ち悪くてしょうがない。よく女の子ブログとかにある行間を無意味に広げて書くスタイルとかね。（芸能人ブログの影響もあるかな。ちなみにどっかのブログの女王とか言う全く意味の分からないつまんない文章をスゴい勢いで書く芸能人ブログとかは、私は完全にアンチの姿勢である）あれとか、ソースを除くと

<br /><br /><br />....

なんて恐ろしい数の改行タグが入ってたりする。見た目をHTMLで作る悪い習慣なんだが、ブログが一般的に認知されるようになって加速した感がある。ああいうコードを吐くことを許すツールを開発する会社もどうかと思うが、需要もあるんだろうな、って思うと全否定も出来ず、一頃はW3C原理主義者だった私はちょっと複雑な思いを持つ。WYSIWYGツールがある限り、<font size="6">とかのタグはなくならないんだろうな。

そんなWeb文書作成界だが、その中でダントツ素晴らしいテキストマークアップ言語がこのMarkdown。それをリアルタイムレンダリングするプロジェクトがこの「upflow」。ちょっと試してみたが、なかなかよく動作する。

まぁ、私的にはMarkdownだけで十分なので必要かと言われれば全く必要ないのだが、技術的には面白いと思う。

PHP系メモ：PDO関連

LoggixのデータベースドライバをネイティブObject Oriented SQLiteドライバからPDOドライバに移行しようかと考え中。これは将来的な汎用性やSQLite3対応も見込んで。(SQLite3はPDOドライバでしか動かない)

まーこのように書けば簡単にみえるが実際に移植するのは大変な大作業。根っこの部分だけに、ほとんど「作り直し」的な状態になる。

とりあえずPDO関連をピックアップ。

Web技術系メモ：Webスキルのサイト「NETTUTS」

良いサイトを見つけたのでクリップ。

Web技術に関するスキルを紹介しているサイト。デザインも良いし、内容も洗練されていて良い。

その中で気になるエントリーをピックアップ。

Ubuntuでサーバー+OS Xクライアント関連

PHPオブジェクト指向関連

ちなみに「ASAP(エイサップ)」とは「As Soon As Possible」の略語。

PHPフレームワーク関連

Web技術系メモ：Lightbox2とtoggle()のコンフリクト

当サイトのブログエンジンであるLoggixにLightbox2を導入したところ、標準搭載のJavaScriptのtoggle()メソッドが挙動不審になる問題が発生。

原因はLightbox2とtoggle()がコンフリクトを起こしていた。toggle()のメソッド名を変える事で問題解決。

参考：

1 2 3 4 5 6 次へ