logoMemo クラウド環境でのメモ帳

個人的にHTML5/CSS3や各種スクリプトの学習のためにこのサイトMEMOを新たに開設した。ドメインのルート「デジタル移民の冒険」では2006年からMT3.x系をいまだに使っている。HTML/CSSで書くのが面倒になってきたので、雑記帳はDrupalを使った「飛耳長目」を使うことが多い。

2012年にBootstrapが使えるようになったので、このサイトではMT4.x系とBootstrap2.xを使って構築した。いずれも冗長度が高く、CSS/JSのサイズが大きいのが難点だ。しかし、必要な部分を抽出して統合するのも面倒なので、ソースはそのままにしてカストマイズして使っている。

個人的に使っているので、スパムを避けるためにコメント・トラックバックは使わないのが基本だ。自分でコメントするときは一時的に有効にして書く。MTでしか使われないTypepad認証にすればスパムは避けられる。

記事は全て公開にしているので閲覧は自由だが、各種テストのためページが乱れたり、リンク切れがあったりする。

.change { color:green; cursor:pointer; } #large, #small { cursor:pointer; } .stylechange { font-size:15px; } .box { display:inl… 続きを読む

MT見直し

Movable Typeを使いはじめて10年が経った。MT3~MT6が混在しており、ドメインも5つにわたっている。作成したブログは20件以上になっている。そのほとんどが休眠状態だ。主力だった「人生は冒険か無か」というのは2011年3月に停止したままだ。ここ数年は、Drupalを採… 続きを読む

PHP Authorize

〔例〕ユーザ名test パスワード1234 ユーザ名: パスワード: <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" enctype="application/x-www-fo… 続きを読む

自宅サーバ

QNAP TurboNAS自宅サーバ(QNAP QTS4.0.5)を構築した。NASファイルサーバおよびWEBサーバとして利用できる。ローカル/モバイル共用、複数端末からのアクセスを可能にすることが目的である。  Remote Access: sigmasns.myqn… 続きを読む
アーカイブインデックス archives.html のリンクがローカルでも機能するように、絶対URLを相対アドレスに変更した。エントリーアーカイブ <$MTEntryPermalink$>→ カテゴリ別 <$MTCategoryBasename$>/<… 続きを読む

天気予報

var up = new Object();up["gid"]="ppwj_9f834682-be40-4612-8925-b5b909b768cb";up["width"]=360;up["height"]=560;up["fontSize"]=12;up["lcolor"]… 続きを読む

マウスオーバ画像拡大

同じ画像を拡大表示 $(function(){ $('.enlarge img').hover( function(){ $(this).stop().animate({ 'width':'800px', 'height':'450px', 'marginTop':'0px… 続きを読む

Feedburner

関東大震災以降運営を停止しているブログを見直していたらFeedburnerスクリプトがあり、いまも有効であることに気付いた。同じスクリプトを「飛耳長目」に貼り付けて動作を確認した。もう3年くらいチェックしていないのでスクリプトの作り方を忘れた。試しにMemoを登録した。下記のUR… 続きを読む

Global Menu

運営している主要なサイトへのリンクを各サイトの最上部に表示している。これをGlobal Menuとした。各サイトは異なったツールで作成しているので、Global Menuを挿入するページがツールごとに違う。現在つぎのサイトをGlobal Menuにしている。 HOME(デジタル移… 続きを読む

旅の地図

.btn { width:120px; margin:0 3px 10px; padding:0; } .btn a { color:white; } ぶらり旅 路線地図 東日本 西日本 旅番組 名所旧跡 海外 注釈 … 続きを読む

@importは使わない

CSSで、「@importを使うべきでない理由」という記事があった。ブラウザによって読み込む順番がちがったり、同時並行して読み込んだりするので、CSSで@importの順番に定義されていくわけではない。scriptの読み込みも、@importの後とは限らない。@importを多用… 続きを読む

不具合

MT4テンプレートを再設計していて気がついたら、flowplayerの記事がおかしくなっていた。下記の左の画像はMTの記事作成画面である。見たところ正常に表示されている。ところが投稿すると、右の画像に示したページなってしまう。ビデオ再生画面の位置に、ページの先頭からのHTMLコー… 続きを読む

Grid Player

Playlist

Flowplayer

Simple Player width:640 /assets/css/flowplayer.min.css /assets/js/flowplayer.min… 続きを読む

Style

「青春ぶらり旅」作成時に書いた"Style 画面設計"をここに転記する。 Webスタイルの基本要素をデザインするためのメモです。w3schoolsが分かりやすい。CSS/JS標準テンプレートとしてBootstrapが良い。 CSS3 テスト Ruby 秋山の 黄葉(もみじ)を… 続きを読む

Scripts

「青春ぶらり旅」作成時(2012-10)に書いた記事Scriptsをここに転記する。スクリプト/CSS設定が未完である。 写真の拡大表示やスライドショー、動画の再生などに関するスクリプトはたくさんあり、この数年で大きく変化している。各種ブラウザやOSへの互換対応だけでなく、かつて… 続きを読む

Assets

ドメイン共通のスクリプトとスタイルを整理して/assets/に保存した。ローカルDドライブ及びウェブのルートドライブにassetsフォルダを置くことにより、すべての階層のフォルダにあるHTMLファイルから/assets/内のファイルを参照できる。ただしローカルの場合はChrome… 続きを読む

KML学習手帳

Google KMLを学習中。自分なりに理解したことをメモする。 ※参照リンクKeyhole Markup LanguageKML チュートリアル Google Earth と Google マップで表示できる KML コードの簡単なサンプルKML リファレンス すべての KML… 続きを読む

Google MymapとKML

関心を持った場所の検索、出発点~到着点の距離・時間・ルート、乗り換え案内などを地図上で検索したり、旅の計画・記録・案内などにグーグルマップを利用してきた。現在使っているアカウントで記録に残っている最古のマイマップは2007年4月の「オレゴンの旅」だ。この頃から、グーグルアカウント… 続きを読む

アーカイブ   

カテゴリ別         

  • 2013年11月3日 放置していたMemoサイトの見直しを開始。Bootstrap Tabをトップメニューに使う。
    @importをすべて削除し、<link>タグに記述した。
    default.css bootstrap.css mediabox/blog.css fancybox/blog.css flowplayer.css custom.css
  • 2013年5月1日 Bootstrapほかを/assets/に保存し、運用スクリプトをここに集約するようにした。
  • 2012年12月17日 Bootstrap2.2.2採用を検討開始。まず使い方を整理 bootstrap
  • 2012年10月12日 クラウド環境でのHTML/CSSの作成・整理用として/memo/を使う
  • 2008年 Linux Tomboy保存フォルダーとして使用(過去記事を整理・移動の予定)