Web製作メモ帳スマートフォン用の表示で見るWeb製作メモ帳Web制作で気づいたことをつらつらとこの広告は、90日以上更新していないブログに表示しています。ログインできないWebサービスリンク集を運用するのにWebサービスであるtoolandなるものを利用しているのですがが、最近そこにログインできなくなっています。左上の「新規登録」や「ログイン」「パスワードを忘れた方」をクリックしても真っ白な画面が表示されるだけで、ソースを見てもBODYタグの中身が空っぽのHTMLが表示されるだけ。過去にこのブログでも紹介したWebサービスで、検索機能付きのリンク集を作成するサービスです。側のサーバのデータベースを呼び出して使うものです。このブログの以下の記事で紹介しているので、興味のある方はその記事を読んでください。smartboy.hatenablog.jp現時点ではリンク集としては正常に動作しているのですが、ログインができないので内容の変更やリンクの新規追加などができません。(私には影響しませんが)新規登録もできません。昨年の11/27に問い合わせフォームから問い合わせをしたのですが、おそらく自動応答で「お問い合わせありがとうございます。」というメールが来たきり状況の連絡もなければ復旧するわけでもなく、何の進展もありません。そこで一昨日、状況確認のメールを送ったのですが、現時点で何の返信もありません。あちこちWebを検索して調べたのですが、それほど有名なサービスではないのか、有益な情報は得られませんでした。いう時、Webサービスを使っていてデータを自分が管理していないサーバ上に置いてあるというのは不便ですね。バックアップ用にデータをCSV形式でダウンロードする機能もあるのですが、手元にある最後のバックアップを見たところ2014年のものが最新でした。その後もちょくちょく変更していたので情報が古くて困ってます。いえばこのブログを置いているはてなブログもエクスポート機能が無いのですが、いきなりはてなのサービスが終了になったらどうすればいいんでしょうかね?はてなぐらいしっかりした会社なら、サービス終了前にエクスポート機能を提供するとは思うのですが心配です。使用している私のページは「日本の競馬ページ」という競馬リンク集です。toolandはもともと相互リンクを増やすためのツールらしいのですが、私の場合相互リンク機能は使用していないので、他のリンク集作成CGIを自分のサイトのサーバ上で運営してもいいのかもしれません。発見したときに移行したものなので、静的HTMLに戻すというのも手です。最近はリンク集にあまり力を入れていないこともあり、大幅規模縮小した上でひっそりとリニューアルしようかとも考えてます。最初作った時は自分が使うために作ったものですし。Webサービスタイトルにある通り、はてなダイアリーが2019年春をめどに終了だそうである。d.hatena.ne.jpというわけでこの日記というかブログもはてなダイアリーからはてなブログに移行した。本家のブログは結構前に(上記のお知らせが出る前に)移行してあったのだが、「はてなダイアリー」と「はてなブログ」を別ブログで並行して運用してみるのも面白いかもと思い、こっちは移行していなかったのだが、はてなダイアリーが終了するということで、遂に移行する運びとなった。はてなダイアリーは私が使い始めた頃(ブログ黎明期?)は日本一ユーザ数が多いブログシステムだったと思う。そもそも使い始めた理由が「日本一ユーザ数が多いブログシステムははてなダイアリー」という記事をどっかで見て、それで今はなきさるさる日記で書いていた日記を移行したのがきっかけだった。そのはてなダイアリーもついに終了とは時代の流れを感じる。はてなダイアリーはもともとはその名の通り日記用のシステムとして立ち上がって、そこからブログ的な機能がいろいろと追加されていったんだよな。ブログというものはニュースに対して何か感想とかコメントとかを書くサイトに便利だということで日付入りで管理できるCMSだったのだが、日本ではWWW黎明期からWeb上で日記を書く文化があったため、主に日記用システムとして普及していった。これは日本独自の文化だろう。その日記システムがベースになっているはてなダイアリーがなくなるのは寂しい気がするが、一つの会社が2つの似たようなWebサービスを提供していくのも無駄が多いだろうから、まあしょうがないか。いうわけで久々の投稿だが、これからもいろいろとWebを初めとしたITについて、ここで書いていこうと思う。最近はあまりコアな技術的な話題は書いていないし更新頻度も高くないが、まあ、気が向いたらということで。いうわけではてなブログ移行初の投稿は単なる感想文でした(笑)。javascript自己満足なページではあるが私の一口馬主のページでトップに一口出資した競走馬のリストをテーブル形式で作成し、メニューとしているのだが、長年やっていると数も多くなってきた。なってくると、馬名や生年、更新日などでソートしてみたくなる。いうのを利用することにした。About使い方については上記のサイトに詳しく書いてある。パッケージの中に同梱されているので、上記サイトを参考に使ってみよう。導入したら、概ねソートできるようになったが、日付部分がうまくソートされないという問題があった。下記の画像でテーブルの左から4つ目「更新日」でソートしたら、うまく日付順に並んでいない。形式で書いているのだが、それがうまくソートされておらずメチャクチャになっている。ソートする機会が多い項目なのに何故???単純文字列でソートしても上手くいく筈なのに...。日付は(文字列ではなく)日付として解釈されているのだが、アメリカ式の記述法(DD/MM/YY)で解釈されてるのだろう。中途半端なことをするよりなら単純に文字として比較して欲しいのに。そのために今まで例えば16年9月3日だと"16/9/3"って書いてたものを"16/09/03"という風に1桁部分は0埋めして書き直したのに、それでもうまくいかないなんて。定義して組み込むことができるとのことなので、それを使ってみた。使って、ソート方法を定義し直した。定義して、更新日でソートしてみた結果が以下の画像。形式で解釈されてソートできた。(ってか日付は普通にデフォルトで文字として解釈しろよ。ついて詳しいことはドキュメントのここ(英語)に書いてある。今度使う機会があったらいろいろと試してみよう。定義」の部分を以下のように書けば曜日によってソートできる。'string'});これで曜日でソートできます。書くことでもっとすっきりする筈。ホームページ容量を無料で倍にしたetc久しぶりの更新だが、今回は特定の条件を満たすごく一部の方にしか役立たないだろう。ブログのタイトルが「〜メモ帳」なのだから人様のお役に立つというよりは個人的なメモなので、その辺はご容赦願いたい。DTIというプロバイダのホームページスペースに作成しているホームページが容量オーバーでファイルをアップロードできなくなったので、容量を50MBから100MBに増やした。なんと容量追加は無料だった。DTIのホームページ容量追加のページを見ると以下のように書いてある。無料で容量追加をすることができます。(追加申し込みをした同月内に解約をする場合も無料で行えます。使っているのだが、auひかりプランなので無料らしい。早く気づけば良かったな。ホームページを運営していて上記条件に当てはまる方は容量を増やしてみましょう!こないだから無駄なファイルを消したり、大きなサイズの画像を圧縮して軽量化したりといろいろとやっていたのだが、それでも追いつかなくなってきたので助かった。ファイルを軽量化するということは、使っているホームページスペースの制限だけではなく、アクセスする人にとっても軽くて優しいページになるので、普段から心がけるべきことではあるけどね。みんながみんな高速光回線で見ているわけではないし、光回線が普及してきているとはいえ、スマホも普及してきていてモバイル回線で見てる人も増えてきてるのだから。使ってウェブサイトをリニューアルしたのだが、そこに掲示板を作ろうと思った。上で掲示板を作るには、「bbPress」というプラグインが評判がいいらしい。使って掲示板(フォーラム)を作ることとした。twelve」を使用していても、サイドバーが下の方にカラム落ちしてしまう。そのページに書いてある通りにやってもうまくいかない。掲示板のページでうまくいっても、そのかわりトップページでカラム落ちしたりする。試行錯誤した結果、以下のようにすればうまくいったので、その方法を紹介しよう。twelve」を使っていること。インストールまでは先ほど紹介したページ等を参考にしていただきたい。そのページの後半部分「カラム落ちの修正」が、その通りにやってもうまくいかないため、以下ではその部分のやりかたを紹介する。class="site-content">この2行を追加する。(sidebar.php)の中にヘッダで追加したDIVタグを閉じるタグを追加する。閉じるダグは上図の様に最後に記述する。(page.php)でコードが重複するので該当箇所を削除。ここは先ほど紹介したページと同じですね。該当箇所は下の図を参照。これでカラム落ちは発生しなくなりました。カラム落ちさせない方法Tweet広告を非表示にするもっと読むコメントを書く2013-12-29意外と便利なCSS3の":nth-of-type"CSS3CSSで追加されたCSSセレクタ(擬似クラス)に":nth-of-type(n)"というのがある。「n番目に現れる要素にスタイルを適用する」というやつだ。最初見た時は「何だこれ?」と思ったが、意外と便利だ。なく、"nth"の部分はそのまま"nth"と書いて、カッコの中の引数に数字を書く。