2017年9月13日 (水)

恒例の検診 CSS変更

 相も変わらず自転車を漕いで行ってきました。心臓血管外科の病院へ月イチの検診です。
 血液検査の結果、やはり「CK」の値が368と高いです。それ以外はコレステロールや尿酸値など全て既定値以内です。血圧も120の80と安定しています。
 う〜ん、なぜ「CK」値が高いのかサッパリ分かりません。どこの筋肉、つまり心臓か足か腕か、が破壊されているのか次回までに調べておきますと担当医に言われましたが、自覚症状が全然ないので謎の高「CK」値です。

 帰宅後、ブログのバナー文字の位置を変更しました。今までは左上に「arcada's blog」の文字を表示していましたが、これを左下に設定。下に降ろしただけなのにドロップシャドウの感じが違って見えるので(気の所為?)これは後日微調整します。
 バナーの背景画像の幾つかも秋っぽい画像に変更しました。
 はい、もう秋なんですよね、いつの間にか。

 今年は新年早々に、実家を何とかしろという役所からの書類を受け取ったのを始めとして、いやー思いがけないことが次々と有って、驚きの一年です。まだ三ヶ月残っていますけど。

| | コメント (0) | トラックバック (0)

2017年7月24日 (月)

CSSファイルを書き換えた

 今更ではありますが……。
 コイツの為に作った「背景画像一覧(試)」を完成させて、(試)を消しました。
”取り敢えず作ったからね”状態が長く続いていたけど、ちゃんと設定しようと思ったキッカケは「ウェブページの更新」です。

 ここから、備忘録も兼ねて。

 ウェブページ自体はココログの仕様で、つまりブログのテンプレートで表示されますが、ウェブページ内の「男子寮云々」のコンテンツは自作HTMLで表示させています。

 過去のHTMLファイルです。
Html_007

 と過去のCSSファイル。
Css_008

 これでコンテンツをブラウザ表示させると、こうなります。

sample1
005

 このままでもイイっちゃあイイんですけど、幅(一行の文字数)を指定していないので、画面を例えば1920×1080に広げるとテキスト文字も画面いっぱいに広がって表示されます。
 それでは読みにくいので、体裁を整えました。

 CSSファイルに、記事の表示部分「.content」と、それを載せる「#container」を書き足します。名前は何でもいいのですが、ここはココログに合わせて同じ名前にしました。「#container」の右上と右下を角丸設定。「.content」の四隅を角丸設定し、右と下に影を付けます(赤丸部分)。

 角丸の詳しい設定は下のサイト様で。
 border-radius …… 角丸をまとめて指定する
 影の付け方はこの記事で。
 影を慕いて

009

 で、個々のHTMLファイルに「#container」と「.content」を呼び出すタグを書き加えます(赤丸部分)。

Html_009

 コレをブラウザで表示させるとこうなります。

sample2
006

 sample1と比べると多少は見映えが良くなったでしょうか?

 ついでに、本家本元このブログに使用中のテンプレートのカスタムCSSにも、バーナー背景画像の右下角丸設定を書き加えました。

#banner{
    padding: 0px;
    margin: 0px 0px 2px 0px;
    height: 150px;
    background: url("http://arcadia3.cocolog-nifty.com/blog/bg_13.jpg") no-repeat left #555;
    border: 0;
        border-bottom-right-radius: 10px;
        text-shadow: 5px 10px 5px black;
}

 これまでは、個々の背景画像を「Photoshop Elements」で開き、新規レイヤーを作成して、レイヤーの右下を背景色で塗り、

Adobe_photoshop_elements_010

 隅を残して消しゴムで消します。

Adobe_photoshop_elements_011

 後はレイヤーを結合させて保存。

Adobe_photoshop_elements_012

 という、何とも面倒な事をしていました。これで簡単に背景画像を変更することが出来ます。もっと早く気づけばよかったです。
 で、その時思い出したのが「背景画像一覧」です。コレは、取り敢えず作ったものなので、CSSで背景画像の右下を角丸にするようには設定していません。こっちのCSSも変更しなくてはいけません。
 ウェブページで表示するコンテンツは外部に置いたCSSファイルをHTMLファイルで呼び出すようになっていますが「背景画像一覧」は、HTMLファイル内にCSSを書き込んであります。以下、そのHTMLファイルです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<title>背景画像一覧</title>
<style type="text/css">
<!--
body    {
    font-family : "メイリオ", Meiryo, 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
    font-size : small;
    background-color : #555555;
    }
h1     {
    font-family: "メイリオ", Meiryo, 'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
    font-size : large;   
    color: #ffffff;
    }
h2     {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size : medium;   
    }
(h3略)
-->
</STYLE>

<META name=GENERATOR content="MSHTML 8.00.6001.18783"></HEAD>
<BODY>
<P>
<H1>背景画像一覧</H1>
<P></P>
<P>
<H2>bg_1</H2>
<P></P>
<P><IMG src="http://arcadia3.cocolog-nifty.com/blog/bg_1.jpg"></P>

(中略)

<P>

<H2>bg_13</H2>
<P></P>
<P><IMG src="http://arcadia3.cocolog-nifty.com/blog/bg_13.jpg"></P>
<P>
<div align="center"><a href="http://arcadia3.cocolog-nifty.com/blog/"><font color=#ffffff>ブログのトップへ</font></a></div></P>

</BODY>
</HTML>

 ここに、角丸の指定を書き加えます。

Html_013

 しかし……これをどこで呼び出せば良いのか判りません。試行錯誤した結果、「IMG」タグ内に直接書き込めばいい事が解りました。

Html_014

 バナーの背景画像はJava-scriptで12枚の画像をランダム表示させていますが、Java-scriptをオフにしてあるブラウザでは別画像を表示させる様になっています。試しにJava-scriptをオフにしたGoogle Chromeで表示させると、指定した画像が右下角丸で表示されました。

Arcadias_blog_google_chrome_004

 これで、完成です。おーい、Sよー、そっちで見てくれたかーい? 
 遅くなってごめんよ。
 あれから何年も経ったけどやっと完成したよ。

| | コメント (0) | トラックバック (0)

2017年1月 1日 (日)

謹賀新年

 お取り込み中の所を恐れ入ります。今年は十二支でいうと何年ですか?

Tori_1

 あ、それは鳥じゃなくて酉ですね、酉年。

「酉」は「緧({糸酋})」(しゅう:「ちぢむ」の意味)で、果実が成熟の極限に達した状態を表しているとされる。後に、覚え易くするために動物の鶏が割り当てられた。
Wikipediaより引用

 ほら、やっぱり酉か鶏ですよ。

Tori_2

 だーかーらー、大迫さんそれは鳥じゃなくって酉だってば。

Tori_3

 あーもう、長峰さんまで、だから鳥じゃなくて……。

「オレだよオレ、オレの事だよ」

Tori_4_3

 違うと思うけど……ま、そういう事で今年もよろしくお願い致します。

| | コメント (0) | トラックバック (0)

2016年12月22日 (木)

Mozcに辞書を追加した

 サブPCの、と言うか使用頻度ではメインPCとも言える余り物PCのUbuntu機には下記の記事を参考にしてMozc UT Dictionaryをインストールしてあります。

旧ID:itiriのブログ様
Ubuntu 14.04 LTS に Mozc UT Dictionary をインストールしてみた

 おかげで、例えば「いんたーねっと」と入力して変換すると

Henkan_1

 と「Internet」が候補に出てくるようになりました。が、それでも「よーろっぱ」と入力したら英語での変換候補は出ません(漢字候補が出るのは有難いのですが)

Henkan_2

 ネットで検索してみたら、Mozcのプロパティを見るとカタカナ英語変換書や郵便番号変換など全てにチェックが入っていても、辞書そのものがインストールされていないので変換されないのだそうです。

Mozc_001

 ということで、ナレッジエース様の
Mozc(Google IME)でカナ英・和英変換

を参考にさせていただき、Google 日本語入力用のカナ英語辞書と和英辞書をMozcに入れてみることにしました。

 ダウンロードしたのは「Google日本語入力強化辞書v5-1.7z」
 展開した8つの辞書ファイルの内、今回使ったのは「カナ英辞書v2」「英和辞書」の2つです。

Jisyo_tenkai

 コレをブログの記事に書いてあったように、意図しないところで英語に変換されるのを防ぐために、単語の先頭に@を入れて、英語に変換したい時だけ例えば「@りんご」で「Apple」と変換されるようにしたいので、正規表現を使って全行先頭に「@」付けようとgeditで開くと、

Gedit1

 読み込み途中ですが、見事に文字化けしています。しかも読み込み完了後にgeditがフリーズしてしまいます。殆どの文字コード(エンコード)を読み込んでくれるLeafpadでも開けません。

Leafpad_1

 そこで急遽Windows機でmEditorという名前の時から愛用しているMeryをWineにインストールして開いてみました。

Mery_001

 さすがMery、一発で開きます。開いたついでに、Meryで全行の先頭に「@」を付けます。検索→置換で「検索する文字列」に正規表現で行頭を示す半角の「^」キャレットを指定。「変換する文字列」には全角で「@」アットマークを指定します。「正規表現を使用する」にチェックを入れて「すべて置換」をクリックすると、

Mery_002

 一瞬で全置換してくれます。で、名前を付けて保存。

Mery_hozon1

 このテキストファイルは文字コードが「UTF-16LE」なんですね。これを「UTF-8」で保存します。

Mery_hozon2

すると、

Leafpad_2

 Leafpadでも開けるようになりました。
 ちなみに検索で表示されている半角の「?」は、多分最初のファイルを保存する時に、機種依存文字の「ゔ」が表示できなくて「?」になったのだと思います。だから「?ぁ」は「ゔぁ」になります。「Violin」をカタカナで「ヴァイオリン」と書いたりしますよね。

Kana_en_002


 でも、「?」が全角文字ならいいのですが、これは半角英数字なので、全角入力から一旦半角の「?」を入力し、全角に戻して「ぁ」と入力して変換するのも面倒くさいので、「?ぁ」は「ば」に、「?ぃ」は「び」に、「?」「?ぇ」「?ぉ」はそれぞれ「ぶ」「べ」「ぼ」に検索→置換しました(Avrilは除く)。

Kana_en_004

 上書き保存してこれで完了です、が……ふと思いつきました。geditはフリーズするからダメとして、文字化けするだろうとハナっから使わなかったmeditでも文字コードを選択したら開けるのでは? 思いついたら試してみないと気が済まないので、やってみました。

Medit_2

 思った通り「UTF-16LE(リトルエンディアン、BOMあり)」を選択すると、開くことが出来ました。文字コードが判っていればMeryをインストールする必要はなかったですね。とは言っても、Meryで開くことが出来たから文字コードも判った訳ですが。

Medit_4

 このまま置換をしてみます。やることはMeryの時と一緒です。

Medit_5

Medit_6a

Medit_6b

Medit_7

Medit_8

 UTF-8で保存したファイルを「Mozc辞書ツール」でユーザー辞書に追加します。

Mozc__003

 これで、カナ英辞書や和英辞書を使って変換したい時は文字の先頭に「@」を付けて例えば「@よーろっぱ」と入力しただけで変換前に候補として表示されます。

Henkan_004

 変換するとこうなります。

Henkan_3

 Mozc UT Dictionaryの変換効率がいいので滅多には使わないと思いますが、でもカナ英辞書や和英辞書は、あれば便利です。

 Mozc UT Dictionaryの導入はコチラのサイト様でもわかりやすく解説されています。
萌え萌えmoebuntu様 Mozcの辞書を強化する方法 その3

| | コメント (0) | トラックバック (0)

2016年9月 7日 (水)

ん? 久々のCSS編集

 普段、自ブログを見る時は大体トップ記事だけで、一番下まで見ることは滅多にないのですが先日、一番下まで表示させてみて……あれ? コレはおかしいぞ。

Arcadias_blog_mozilla_firefox_001

 該当部分のCSSを見て見ると。

Css_002

 表示画像が"rightside_back.jpg"になっています。
 ゲッ! 記述ミスですね。正しくは"main_back.jpg"です。このCSSを作ったのは何時だっけ? 兎に角何年も間違ったままでした。いや、これは恥ずかしい。早速変更です。

Css_004

 で、変更を保存して更新。正しいボトム表示になりました。

Arcadias_blog_mozilla_firefox_003

| | コメント (0) | トラックバック (0)

2016年2月21日 (日)

@homepageの終焉

 終焉なんて大袈裟な事ではないですけど。
 ココログ助け合い掲示板の2月15日の質問書き込みを見るまで、「@homepage」のサービスが9月29日で終了する旨のメールを以前受け取っていた事をすっかり忘れていました。
 「@homepage」に作成したホームページ関係ファイルは何年も前に削除してしまいましたが、現在ここにはココログでは制限があってアップロード出来ない画像ファイル(容量が1MB以上かサイズが1600pixel以上)を置いて、そこからブログの記事にリンクさせているので、これがなくなるとチョット困ります。
 とは言ってもディスク使用可能容量が100MBしかないので、あまり沢山のファイルをアップロードする事も出来ませんから、この際止めてもいいか? 「google ドライブ」と「OneDrive」両方で30GB以上使えるし、あ「@niftyマイキャビ」ってのにも2GBあった。そう思いながら「@niftyホームページサービス」のサイトを見てみると、「@homepage」利用者が無料で利用出来る「@niftyホームページサービス ミニ」はディスク使用可能容量2GBだそうです。それならと移行してココログの大容量画像専用で使う事にしました。

@niftyホームページサービスのお申し込みおよびホームページデータの移行が必要です。以下の手順をご確認の上、サービス終了(2016年9月29日15時)までに移行作業を行ってください。

 と言う事で、また忘れると困るので即移行実行です。「@niftyホームページサービス」は「LaCoocan」という名前なんですね。その「LaCoocan」プランにミニはありません。これは「@homepage」利用者専用の無料プランなのだそうです。無料だったら使わない手はないです。って事でアカウントを選択した後はアッという間に移行が完了しました。

@homepageから@niftyホームページサービス ミニへの移行は、データの移行をお客様ご自身で行っていただく必要があります。データの移行前には、データの損失を防ぐためバックアップをお取りください。データの消失については、責任を負いかねますのでご了承ください。

 とあったので、FFFTPで新しく接続を作り、データのバックアップを取りましたが、La Coocanサービス申込時に「アット・ホームページのデータをコピーする」にチェックを入れておくとディレクトリ階層を保持した状態で自動的にコピーされます。

 FFFTPでの接続。左が@homepage右が@niftyホームページサービス ミニ

Homepage1 Coocan1

Homepage2 Coocan2

Homepage3 Coocan3

 「cgi-bin」だけがhomepageディレクトリ内にあって、フォルダ名が違います。ディレクトリ階層が違うので使うのだったら書き換えかな? それと、@niftyホームページサービス ミニの方にはホームページのトップページになるindex.htmlファイルが新たに作成されています。これは何だろう? とファイルを開いてみたら、

Index

 なるほど、そういう事ですか。そういえば最初にホームページを開設した時も、作成したindex.htmlファイルを差し替えた様な気がします。でも、今後ホームページコンテンツを作成する事は多分ないと思います。
 しかしこれなら、記事に書いたリンク先URLの最初だけを書き換えればいいので、訂正は楽かも知れない。
 と、ここで新たなる問題が。@homepageへのリンクが記載されているのはどの記事か、直ぐに思いつくのは「画像 圧縮かリサイズか」と「画像 圧縮かリサイズか の余談」で、これは直ぐにリンク先を書き換えました。でも、後は全然思い出せない。「IF_YOU_STILL_BELIEVE.mp3」と言う音楽ファイルはどの記事にリンクさせているんだろう? リンク切れになる9月29日までには思い出さなきゃ。全部を思い出すのは面倒だよ~。


| | コメント (0) | トラックバック (0)

2014年9月23日 (火)

AzPainter

 えー、諸般の事情で突然六連休になってしまいました。
 今の仕事に就いてからは、盆正月でもこれほど長く休みになった事はありません。
 という事で、今日は墓参り。明日は昨年担当医から言われていた一年ぶりのCT検査。さて残りの四日は何をしようか。悩んでしまいます。
 とりあえず、先日久しぶりにワコムのタブレットをチョコっと使って楽しかったので五年ぶりに絵でも描いてみようかと。
 どうせなら Ubuntu で描いてみるかと思ったけれどソフトが GIMP だから上手く描けるかどうか気になったのですが、そうなんです!  Linux だったら AzPainter が有るじゃないですか。すっかり忘れていました。
 AzPainter については "AzPainter2を使おう"様にメチャ丁寧で詳しく紹介されていますので、よろしかったらご参考に。
 WindowsXP を使っていた時は AzPainter と AzPainter2 を入れていましたが、作者さんが開発環境を Linux に移行され Windows版の開発が終了したので、Windows7 には入れていませんでした。
 Ubuntu なら最新版が使えます。

 で、インストールしてみました。
 ツールパレットがモノトーンになっていたりと、ビミョーに Windows版とは違っています。
 AzPainter はペイントソフトですが、フォトレタッチソフト並に画像を加工出来ます。その中で私が一番気に入っていたのは、縦書きで文字を入れられる! 事でした。 Linux版にも実装されています。

Azpainter

 え? たいした事ないですか? でも、私が知る限りではフリーソフトでこれが出来るのは AzPainter だけです。
 勿論有料ソフトの PhotoshopElements なら縦・横書きOKですが、使い勝手は AzPainter の方が良いです。

Photoshopelements

 さて、ボチボチと始めますか。

| | コメント (0) | トラックバック (0)

2014年8月29日 (金)

接続回線速度計測

 このブログを ubuntu で開くと数秒かかるので、回線速度が遅いのかとテストしてみました。
 利用したのは Radish Network Speed Testing

 結果

Spt_ubn1401

 ありゃ? オンボードLANの Realtek RTL8111E そこそこに速いですね。
 使用回線は NTT の光ネクストマンションタイプ VDSL 方式です。
 試しに Windows7 機で計測。

Spt_win7

 え? LANCard が Intel EXPI9301CT のこっちが遅い。起動してすぐに計測したからでしょうか。
 でも、 Windows7 機の Firefox では、一瞬でブログが開くけど……。どっちにしても、ブログを開くのに時間がかかるのは回線のせいではない、と云う事ですね。
 今日は非番でお休みなので、ちょっと調べてみますか。

| | コメント (0) | トラックバック (0)

2014年8月22日 (金)

アクセスカウンターがオカシイ

 ココログ助け合い掲示板を見ると、アクセスカウンターがリセットされたという投稿が沢山あったので、自ブロクを見てみると……あ、このブログも0にリセットされている。(^_^;)
 そこで、「テンプレートの管理」から「表示項目を選択」に行って、「アクセスカウンター」の「設定」で初期値を、うろ覚えだけど「175500」にして、「変更を保存」で「反映」させたら、「175974」と元に戻りました。やれやれ。
 って、明日になったら又リセットされたりして。
 今の数値は「175980」だから覚えておきます。

| | コメント (0) | トラックバック (0)

2014年7月15日 (火)

ウェブページ

 繁忙期中、久しぶりの休みです。
 と言っても、何もやる事がありませーん。
 で、ウェブページを追加してみました。
 まだ途中ですが、ブログの便利さに慣れてしまい、久々のHTML記述に手こずっています。

 何年振りかで
 とほほのWWW入門 様のお世話になりました。

 探すのが面倒という(極々)一部の方のご意見で「男子寮な日々」は、全部ウェブページに移動します。

| | コメント (0) | トラックバック (0)

より以前の記事一覧