ブログ「サイバー少年」

ブログ「サイバー少年」へようこそ!
小学六年生ごろからプログラミングを趣味にしている高校生のブログです。
勉強したことについての記事などを書いています。フリーソフトも制作、公開しています。
(当ブログについて詳しくは「ブログ概要紹介」を参照)

サイバー少年が作ったフリーソフトは「サイバー少年の作品展示場」へ

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

tag:

ブログ更新終了の告知画像をトップに掲載しました

イベントがあれば、なにかと画像をトップに貼る当ブログですが、3月31日に当ブログを更新終了するにあたって、もちろん画像を貼りました!

いつもなら3月31日あたりにブログ周年記念画像を貼って2週間くらいで撤去していましたが、今回はもう3月31日は更新終了の日なので、ブログ周年記念画像は貼りません。

その代わりに今のうちから更新終了の告知画像を掲載するというわけです。


余談ですが、さっき貼ったあとに制作ミスに気づいてしまい、画像を差し替えて公開しなおしたという…焦りました。


さて、ブログトップでもご覧になっていると思いますし、「ブログ画像ギャラリー」にもすでに追加しましたが、ここにも貼っておきます。
ここでは若干、縮小していますが、画像をクリックするとオリジナルのサイズでご覧いただけます。

ジャジャーン!


ブログ更新終了の告知画像
ブログ更新終了の告知画像


…なんという手抜きでしょう。

いや、まず絵心がないですし、今回もMSペイント製でブログ開設当初からMSペイント製を貫いてるなという感じですが、そういうツールの簡素さもあってハイクオリティなものは作れないんですよ。

しかしながら「ブログ画像ギャラリー」のブログ周年記念画像なんかを見ればわかるように、今まで絵心がなくてもMSペイントで機械的に制作できる画像で、それでも芸術性を持たせられるように工夫してきたわけなのですが、

ブログ1年目とか初期の頃の画像は、そんな工夫もあったもんじゃないクソみたいな画像も多かったことが見て取れると思います。
まあ、1年目はバリエーション豊富で「クリスマス記念画像」のように、まっとうな絵を描くということに挑戦したこともありましたけどね。


ただ、やっぱり白地の背景に文字打ち込んで「サイバー少年イメージ」(某と書いてる顔)を貼り付けただけの手抜き作品が目立ちます。

今回はブログ6年間の総括ということで、ブログ周年記念画像のコンセプトのように、
1年目から3年目までのタイトル画像をベースにするのも、4年目から現在までのタイトル画像をベースにするのも、偏ってしまうので駄目だなと思ったんですよね。


そこで、どちらにも偏っていない“原点回帰”ということで、今回は1年目の頃にやっていた感じのデザインを採用しました。

どのみち絵心がないので、他にやりようがなかったとも言えますが…。


また、今回の画像では「サイバー少年イメージ」が6匹(6人?)います。
これは、それぞれが当ブログの一年間を表しています。

ですから、これは地味に凝っているのですが、ブログ1,2年目と3年目以降での「サイバー少年イメージ」は世代交代していますから、左から順番に1,2番目だけは昔の世代の画像を使用しています。

昔の世代の「サイバー少年イメージ」は現世代より少し大きいので、左右の両端で挟めば見栄えがいいかなとも考えましたが、時系列を優先しました。


この画像は、当ブログで公開する最後の画像になるでしょうね~。
FC2ブログの画像用ストレージは一応、容量に上限があるのですが、まだ使用率が0.01%と表示されていました。

まあ、小さなGIFとかしか主に載せてないですからね。
そもそも画像を載せる機会が少ないし。

毎日、食べ物とかの写真を載せている人は結構、切り詰めてるんですかね。


さて、この画像がトップに掲載されたということで、少しずつ当ブログが終わるという実感が湧いてきますね。

今回の画像のトップへの掲載期間は長くて、更新終了の3月31日まで貼り続ける予定です。

クソ画像が邪魔とか言うなコラ!

撤去後、つまり当ブログの更新終了後は、当記事や「ブログ画像ギャラリー」にて参照いただけます。


意外と更新終了まで迫ってきているので、終活を頑張ります。

スポンサーサイト

tag: ブログ「サイバー少年」 周年 季節画像 終活 デザイン ペイント 画像 自分史

ブログ5周年記念画像を掲載しました

当ブログは先ほど3月31日になり、5周年を迎えました!
まあ、そのことについて詳しくはこれから寝て、今日中に記事を書きます。

本記事でお知らせしたいのは、今年もやりましたブログアニバーサリー画像!!

今年も4周年のときと同じくブログタイトル画像をベースにした画像なので、ブログタイトル画像を置き換える形でトップに掲載しています。

ですので、すでにご覧になっていると思いますが、撤去したあとに見られるようにここにも貼ります。
クリックしたらオリジナルの画像サイズで見られるリンクに飛びます。


ブログ5周年記念画像
ブログ5周年記念画像


今回もブログタイトル画像のコンセプトに合わせてファミコン風ドット絵画像です。
今回も文字の描画はC#からGDI+を操作しましたが、全体的にMSペイント製です。

今回も4周年のときの画像(記事「ブログ4周年記念画像を掲載!」を参照)と同じく、文字なども少なめのシンプル志向で作ったのですが、

しかしながら背景をギラギラのパンパカパーンな集中線?のようなものにしました。
集中線というか、ドラえもんがひみつ道具を出すときこんな背景だった気がしますけど、違いますかね。
まあパンパカパーン背景とでも呼びますか。


4周年のときの画像は地味すぎましたからね~。

それに一度はこういうLSDやってんじゃねえのかというサイケデリックアートというんですか、そういう系の画像を作ってみたかったんですよね。

まあ、最近になってそういう画像を作ってみたくなっただけですが。

4周年のときの画像は、発案や作業時間が短かったというのもありますが、あまりクオリティの高いものを作れませんでしたね。
今回の画像は、意外と作業時間は短かったのですが、少なくとも4周年のときの画像よりはいいものが作れたと思います。

発案については最初、どういう路線で5周年記念画像を作っていくか悩みましたね。
パンパカパーン背景の路線でいこうと思いついたあとは順調に作業できました。


なお、ブログタイトル画像と同じく、および4周年記念画像のときと同じく、文字のフォントには“Vic Fieger”という方が制作された「Karmatic Arcade」というフォントを使用しています。

今回もフォントを配布しているサイトの制作者様のページをリンクしておきます。

Vic Fieger | dafont.com
http://www.dafont.com/vic-fieger.d852


しかし、たまには数学だのプログラミングだの頭を使うことから離れてフィーリングでデザイン作業をしたり自己表現をするのも楽しいもんですね。

私にはデザインのセンスはあるんでしょうか。
私には評価できませんが、いかがでしょう。

あと頭を使わないといっても、実は数学というか算数ができないと思い通りにデザインできないことがあります。

今回、パンパカパーン背景もドット絵風にするため自分で四角形を並べて線を描いたんですが、どういう配置で四角形を並べたらちょうど目的のポイントで線が終わるように描けるかを考えるのに比の計算を要しました。

まあ途中で数学的に考えることにギブアップして、なんとなくでやった部分もありましたが…。
なんにせよ、一般的に知られているとおり、デザインと数学は密接に関係していますね。


さて、今回も2週間ほどブログタイトル画像をこの画像に置き換えておいて、期間が終われば元に戻します。

その後も本記事で画像を見られますし、「ブログ画像ギャラリー」にも追加しないと駄目ですね。
四月になったら更新しておきます。

それでは、今日中にブログ5周年についての記事でお目にかかりましょう。

tag: ブログ「サイバー少年」 周年 画像 季節画像 フォント デザイン ファミコン タイトル 数学 ペイント

ブログ4周年記念画像を掲載!

先ほど3月31日になり、当ブログは今日で4周年を迎えます!

実際には昼ごろに作ったブログだったと思うので、まだなんですが、日にちとしては今日がブログ4周年記念日であります!


まあ、前と同じように、そのことを祝う記事は今日中のどこかでまた書きます。

そして、たった今ブログのトップに、いつものような“ブログ4周年記念画像”を貼ってきたので、ご報告とともにこの記事にも掲載します。

トップなので、すでに嫌でもご覧になっていると思いますけどね。


トップに貼った…というか、今回の記念画像はほぼタイトル画像の拡張で、二つ貼るのは冗長なので、
タイトル画像を一時的に、この記念画像にしてしまうという暴挙に出ています。


その画像というのが、こちら

ブログ4周年記念画像
ブログ4周年記念画像


なんとも手抜き感あふれるシンプルイズベストという画像ですね。
今日になって作った画像です。

ずっと背景は真っ黒だったんですが、日が変わる直前に急に「寂しすぎる!」と感じで、めちゃくちゃ急いで背景にグリッド線を設定しました。


さて、そもそものタイトル画像のコンセプトでもありますが、今回もファミコン的デザインで制作しました。

そして、タイトル画像をお披露目したときも記事「ブログタイトル画像リニューアル!!!」で紹介しましたが、

この画像でも文字は「Karmatic Arcade」というフリーフォントを使用しています。

今回も制作者“Vic Fieger”さんのページのリンクを貼っておきます。

Fonts by Vic Fieger | dafont.com
http://www.dafont.com/vic-fieger.d852


上のリンクの記事ではなぜか書いていなかったみたいですが、確かこの時も同じようなことをしていたと思うんですが、

このドット絵風のデザインが大事なのに、MSペイントで文字を打ち込んでしまうと、意に反してアンチエイリアスをかけやがって微妙になるんですよね。


なので、たぶんタイトル画像のほうもそうしていると思うのですが、今回、下の部分の文字を打ち込むさいに、
C#でGDI+を操作して、アンチエイリアスを行わない描画を行ったものを使用しています。

こういうのって、プログラミングができると自由にカスタマイズできたりするので、ちょっとドヤりポイントになりますね。


というわけで、2週間ぐらいしたら撤去というか、タイトル画像を元に戻します。

ここの記事を見ればずっと閲覧可能ですし、
最近は「ブログ画像ギャラリー」という昔の画像の墓場があるので、いずれここにも追加するつもりです。

冒頭でも言いましたが、今日はこのあと寝て、4周年記念の記事をまた書きます。

tag: ブログ「サイバー少年」 画像 季節画像 周年 フォント デザイン ファミコン タイトル

ブログバナー公開!

先ほど書いた「ブログ素材配布」を見ればわかりますが、当ブログのバナー画像を作成、公開しました!

そのバナー画像とはこちらです。
なお、こちらに貼る画像は使用せず、上記リンクの記事から「Yahoo!ボックス」に飛んでダウンロードしたものを使ってください。


当ブログのバナー画像
当ブログのバナー画像


ご覧のとおり、とても小さいです。
160 × 40で、長さはタイトル画像の1/4になっています。

様々な環境のサイトで使用されることが想定されるので、“大は小を兼ねる”の逆で“小は大を兼ねる”なんですよね。

改変しての使用は禁止していますが、拡大しての使用は構いませんので、状況に応じて拡大してください。


お分かりかと思いますが、当ブログのタイトル画像をベースに作りました。

サイズの都合上、「SOMETHING SPECIAL FROM HERE ...」が消えていたり、文字が詰められてたり、背景の線も少しだけ配置が異なりますが…。

簡単にいえば使い回しなので、それほど労力はかかりませんでした。

というわけで、バナー画像でリンクしていいという方は、ぜひこちらのバナーをお使いください!

tag: ブログ「サイバー少年」 画像 バナー デザイン

当ブログ3周年記念の画像を貼りました!

先ほど、当ブログは3周年の日、3月31日を迎えました!
これからも当ブログをよろしくお願いいたします。

…しかし、3周年記念の記事は今日中のどこかで書くとして、
日付が変わってすぐに、当ブログのトップに3周年記念の画像を設置しましたので、そのことについて書きます。

現在はうざいほど大きなサイズでトップに貼ってあるので、すでにご覧になっていると思いますが、しばらくしたら撤去しますので、ここにも貼ります。

デカすぎて下にスクロールしないと最新記事が見えないほどですが、申し訳ございません。
これ以上は小さくできませんでした。

しばらくこの状態で当ブログをご覧ください。


ブログ「サイバー少年」3周年記念画像
ブログ「サイバー少年」3周年記念画像


THANK YOU FOR A LOT OF ACCESS  AND...
HAPPY BIRTHDAY
TO CYBERBOY !!
3 / 31 IS THE SPECIAL DAY
THE 3RD ANNIVERSARY OF CYBERBOY'S BLOG



タイトル画像は一昨日、このようなデザインとは異なる新しいデザインのものにリニューアルしたところですが、

1周年記念画像(記事「当ブログ1周年記念の画像を貼りました!」を参照)
2周年記念画像(記事「当ブログ2周年記念の画像を貼りました!」を参照)
と、この元タイトル画像風デザインの画像でやってきたので、3周年記念画像まではこのデザインでいこうということで、この宇宙的デザインを使うのは最後となります。


まあ、1周年記念画像と似たような構成という感じですね。
もちろん、今回もMSペイント製です。


また、いつもこの宇宙的デザインの画像を作るときと同じく、この画像に使用しているフォントは全て

Iconian Fonts
http://www.iconian.com/

というサイトを運営されている方が作成、公開している「Vindicator」というフォントを使用させていただいています。

ここで貼る画像を作るときに、このフォントを使用する機会はもうないですね。

3年間近くタイトル画像に使用させていただき、ありがとうございました。
この3年間でこの方に当ブログが読まれたことはないと思いますが…。


さて、この画像はだいたい2週間くらい貼っておこうかなと思います。
あまりにも邪魔ならもっと早く撤去します。

今日は一度寝ますが、また記事を書く予定ですよ。

tag: ブログ「サイバー少年」 周年 画像 季節画像 デザイン フォント

ブログタイトル画像リニューアル!!!

当ブログは、3周年ということでブログデザインのニューアルを行ったことですし、
ブログの“顔”であるブログタイトル画像も、ブログ3周年を迎える前に新しくしておこうということで、

先ほど新しいブログタイトル画像を設定してまいりました!

もうご覧になっていると思いますが、こちらの画像です。


新ブログタイトル画像
新ブログタイトル画像


だいぶイメージチェンジになりましたね。
発案から完成まで、少しずつ作業を続けていって1週間ほどかかりました。


先ほどまで設定していた、昔のタイトル画像は下の画像ですね。
記事「ブログのトップ画像を更新いたしました。」のときに作ったみたいです。

元タイトル画像
元タイトル画像


本記事では両者の画像を同じ横幅で表示させていますが、本当は元タイトル画像は480×150、新タイトル画像は640×160と、新タイトル画像のほうが大きくなっています。

まあ、元タイトル画像は少し小さすぎましたね。


元タイトル画像がダメだったから新しくしたというわけではなく、単に3周年だからということで新しくしたのですが、
まあ、ブログデザインも新しくしたわけで、この元タイトル画像は新しいブログデザインに馴染めていない感じがありましたよね。

雰囲気が違うというか。それも変えた理由のひとつです。

あと、記事「サイバー少年の表記について、正式名称」に書いてあるとおり、「サイバー少年」を英字表記にする際は空白を入れずに「Cyberboy」とすることにしているのですが、この画像を作ったときはそんなこと考えていなかったので、空白が入っているんですよ。

これは「本来ならよくないなー」と思っていたので、それもタイトル画像を変えた動機になっています。

続きを読む

tag: ブログ「サイバー少年」 サイバー少年 画像 デザイン タイトル フォント

ブログデザイン改修工事完了!!!

皆様、お久しぶりです!!!
(このブログでは)

記事「ブログデザイン改修に伴うブログの閲覧制限について」で書いているように、
当ブログは2月8日からブログデザイン改修工事を開始し、ブログアクセスを禁止しておりました。

そして今日、ここに帰って参りましたああああああ!!!
今日からアクセス制限解除です。

2週間以上かかりましたね。
まあ、だいたい予想どおりの長さでした。

というわけで、このデザイン、いかがでしょうか。


以前のデザインは背景が黄色くてゴチャゴチャとしていたので、今回はシンプルにしてみました。

3カラムから2カラムになり、そのぶん記事表示スペースが広がったので、より見やすくなったと思います。

また、2カラムにしたことによって右のカラムが長くなりすぎてしまったので、右の一部の部品は既定で折りたたんでいるようにしました。


ところで、私の環境では綺麗なデザインなのですが、環境によって差がでてしまうんでしょうかね。

なにせよくわからずにソースを書いたもので、たまたま私の環境では綺麗になっているだけで、環境によっては酷く崩れているなんてことがなければいいのですが…。


しかし、CSSというのは恐ろしいですね。
HTMLは文書のフォーマットですが、最近のサイトがちっとも文書っぽくないのはCSSじゃないでしょうか。

HTML/CSSを学んでみたいという気持ちもあるのですが、優先順位でいうと現在はかなり低いですね。
続きを読む

tag: ブログ「サイバー少年」 周年 HTML デザイン テンプレート ブログアクセス 画像 URL

ブログデザイン改修に伴うブログの閲覧制限について

記事タイトルが企業のウェブサイトのプレスリリースみたいですね(笑)

記事「ブログ3周年、4月に向けての計画」にて言っていたとおり、当ブログは3周年に向けてブログデザインのリニューアルを行います。

もう少しあとでもいいと思っていたのですが、三月から新しいデザインにしておこうということで、近いうちに改修を行うことにしました。


そこで、当ブログでは近いうちに改修工事期間を設け、その間は当ブログを閲覧不可の状態にします

具体的にいうとパスワードロックをかけます。


なぜこのようなことになったのかというと、まずブログデザインの改修には時間がかかるのです。

テンプレートを変更して、あとは細かなカスタマイズをするだけなのですが、この細かなカスタマイズに時間がかかるのです。


現在のテンプレートも細かなカスタマイズがいくつかありますが、デザインが思いどおりにならないので試行錯誤を繰り返しました。

HTMLに疎いですからね…。
HTMLを直で編集しないといけないのでキツイ作業です。

なので、今回も試行錯誤を繰り返すことになるでしょうから、時間がかかるはずなのです。

続きを読む

tag: ブログ「サイバー少年」 周年 HTML デザイン テンプレート

ブログ3周年、4月に向けての計画

すごい計画を練っていそうな記事タイトルですが、大した計画ではありません(笑)

今年の4月、正確にいうと今年の3月31日に当ブログは3周年を迎えます。


そして当ブログは、開設当初から言っていますが、6年間続けていこうと思っています。

つまり、ブログ3周年はちょうど、当ブログの活動期間を半分まで過ぎたところなのです。


そこで、当ブログでは後半の3年間に向けて大きな改革を行おうと思っています。

いや、大きくはないのですが(笑)


その計画とは…

ブログデザイン・リニューアル計画!!!

続きを読む

tag: ブログ「サイバー少年」 周年 HTML デザイン 文字

当ブログをご利用(閲覧等)になる場合は必ず「当ブログの利用規定」をお守りください。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。