カテゴリー: サイト関連

叩かれて伸びる

昨日また37.2度出ましたヒドラです。
なんで37.2度なんでしょうかね!これ以上高く出ないのがポイントですね(?
今日はゆっくり寝たので下がりました。もう大丈夫なので日記を更新しておきますね。

当サイトのWordPressのプラグインで使ってるfancyboxについて。忘備録がてらちょっと書いておきます。
モーダルウィンドウを開いた際、後ろの背景までスクロールできてしまう問題について…
これ、ずっと前から気になってたのですよね。今更になってぐぐっても解決法がなかなか見当たらなくて…
でも自己解決したので方法を書いておきます。
fancyboxについて色々調べるうちに、モーダルウィンドウを開いた時だけ自動的にhtmlにclass=”fancybox-active”が付く事がわかったので…

html.fancybox-active{
overflow: hidden;
height: 100%;
}

とCSSに記述すればOKです。
スマホではスクロールできてしまったので、height: 100%;を追加しました。
これでスマホでもパソコンでも背景がスクロールしません!やったね!!

というわけで、今水面下でせっせとテンプレートを作ってたりします。
海モチーフのテンプレートです。水面下だけに(?
海という案はお友達から頂きまして、水中にいる感じにしてみたのですがこれがまた楽しくて…
メニューをCSSで泡っぽくして、マウスホバーで動くようにしたりしてました。
動く感じは当サイトの歯車のアニメーションを参考にしました。
見出しもCSSで丸い模様を付けて泡っぽくしたり、線もドット柄にしたり…楽しいです!
早ければ今月中に別館で配布できるかな?お楽しみにして下さると嬉しいです。

あとは絵です。最近スランプなのか知りませんが全然モチベがなくてですね…
描けない人間絵描いて盛大にコケてからというものあらゆるものが描けないのです。なんで!?
でも頑張って何枚か描いたのでアップします。。

ラズマさんです。
サイバーチックにしたくてクリスタのそれっぽいブラシをあれこれダウンロードさせて頂きました。感謝!
アニメとかによくある水色のウィンドウみたいなのっていいですよね、かっこいいですしロマンですね。
その水色のをもっといっぱい描いたものを今度描こうかと思っています。
この絵はあんまり気に入ってないので…同じキャラ、ラズマさんでリベンジしたいですねぇ。
下の方に光源があって水色のウィンドウがいっぱいある感じの…それ以外はこの絵とあまり変わらなさそう…


イグウィルさんですが、ラフで力尽きました。かっこいいファードラが描きたかった…
獣人というか人に近い体型難しすぎますね!!描ける方本当凄いや。
人間描けない・獣人描きにくい・四足もあんまり得意な方じゃないので、残るはドラゴンか仔竜しかないという…

これは絵じゃないのですがついでにアップしておきます。。
わからない所があったらまずぐぐる!のですが、何時間もぐぐってるとこういう画面がよく出ます(爆)
今回fancyboxについて調べてたらこの画面が2度出ました。ボットじゃないよ!
意地でも掲示板とかで質問しません、だって怖いし怒られたら嫌ですし(蹴)
それに自分のHTMLもCSSもどこで覚えたかというと、検索です。
検索すれば大抵の事は出てくるので、それをコピペして実際に動かしてみて、そしていじります。
そうすると勝手に身についていく気がするのです。自分の場合ですが。。

自分も昔初めてサイト作った時はもうわけわからなくてめっちゃくっちゃで、ここなんで動かないのかなー?ってなってサーバーのサポート掲示板に、軽い気持ちで質問したのですが…
「あなたのホームページは頭(head)にお尻(/body?)がついている状態です。まず基礎を学んで下さい。」
みたいな返信がついた事をしっかり覚えています(爆)2000年頃の話かな。
それで大分ショックというか強い衝撃を受けて、自力でなんとかしようという意地みたいなのが付いたのかな?
一生懸命独学で勉強するようになりました。
文法チェックもしっかり丁寧にする癖がついて、一時期流行った…なんでしたっけ?当時有名だった文法チェックするサイト…
100点取って合格するとバナーくれるんですよね!あれもやってました(笑)
そのおかげか知りませんが2003年頃のサイトデータを見ると、今でもレイアウトとかが崩れてないんですよね。当然パソコン限定ですが。。内容については直視できません!
今はFirefoxでソース見ると閉じタグ忘れとか赤文字で警告しててすぐわかるので、重宝しています。
最近のエディタ(自分の場合はNetBeans)でもおかしいところあるとちゃんと教えてくれるので助かりますねー!メモ帳で作ってた頃が懐かしい…。

なんかドラゴンの鱗の件といい、悪く言われると反動でめちゃめちゃに努力する傾向があるっぽいですね自分(爆)
若い頃の話で今はもうそんなエネルギーないですが_:(´ω`」 ∠):_今は叩かれると普通に凹みます

あと、明日の夜頃にちょっとしたお知らせをまた書きますので、お楽しみにしてくだされば嬉しいです!
コツコツ制作していたものがついに日の目を見ます!わーい!

便利なサイトさん

今日はなんだか文章を書くスキルが溜まってる気がするので日記を書いてみます。
絵はまだ描いてないのでごめんなさい、ないです…pixivにアップした落書きで多分全部です。
また徹夜でテンプレートいじってました。徹夜しすぎて早死しそうだね!眠れないから仕方ない!!
今回は既存のHTML4.01のテンプレートをレスポンシブに改良してました。超初期ものの#003です。
2016年に作ったとかやばいソースコードでは…と思いましたが、定期的にメンテナンスしてたおかげである程度は見れました。
レスポンシブ化にあたってHTML5&Flexboxで組み直しました。
Flexboxまだ意味分かんないけど頑張りました…float使いたいよー!float世代なんです!!(?)
というわけで5月に更新する予定ですがちょっとチラ見せします↓

こっちがパソコンで見た時のです。見た目はあんまり変わってないですね。

こっちがスマホで見た時のイメージです。
パソコンで見た時の上の白い余白は見えないようになっています。置く場所ないので(蹴)

サイト作りで一番お世話になっているのはパブリックドメインの素材な気がします…。
いつもPixabayさんという海外のパブリックドメインの無料素材サイト様からダウンロードして使わせて頂いています!日本語対応なのがありがたい…!
こちらは本当に凄く凄くお世話になりました。当サイトのスチームパンク素材もこちらから頂いています。ちょっと検索したら見覚えのあるものがちらほら出てくると思います(笑)
あんまり何度もお世話になるので、会員登録もずっと前からしちゃってます。
他にもパブリックドメインの素材サイト様はあるのですが、何だかこちらが一番しっくりするので毎回こちらのものを使わせて頂いてるのですよねー。

HTMLやCSSもわからない所はぐぐって勉強もしながら作っているのですが、あんまり複雑なコードって著作権大丈夫なのかな!?作っているの配布物ですし…ってなるのでちょっと控えてます…
そこでホームページのパーツ作成【無料】というサイト様もおすすめとしてご紹介いたします!
こちらは直感でいじるだけで思い通りのパーツのコードが自動生成されますので、とても重宝しています。
>作成したソースコードの配布も自由です。
という事なので、ありがたく使わせて頂いています。こういうサイト様に本当に感謝しながら、別館のテンプレートは作れています…!

そんなわけでして、徹夜で作業して今日5時間しか寝てなくてですね…
鼻詰まりがひどくて眠れなさそう…点鼻薬さすのもめんどいし…(どんだけめんどくさがりやなの)となったので、カフェイン40mgのコーヒー1杯飲んで作業することにしました。
あ、でも作業に集中するためにパブロン鼻炎薬錠も飲んでいます(本末転倒)
でもコーヒー飲んでも眠い時は寝ちゃうのでこの日記書いたら寝落ちしそうです。。。

なんかpixivにFacebookからのアクセスがあったのでちょっと調べたら、無断転載がわらわら出てきて驚きました。海外…
名前書いてあるのはまだ良心的ですね。ひどいパターンは勝手に転載しておいてこの絵おかしいだの変だの(爆)
キャラを抱っこしている絵を首絞めてる絵とか書かれた時はもうね…!(泣)
無断転載は防ぎようがないので最初からもう諦めてるのですが(意地でもサイン入れないのはそのせい)絵に対して変な事書かれたり悪用されたりするのが困りますね。。うーん。
自分の絵の無断転載見つけた時、英文で何か書いてあると反射的にビクッとなってしまうのです。なので最近はもう全然エゴサしてません。。もういいやって。

話は変わって、パズドラでなんか無料100連ゴッドフェスガチャやってますね。
いつも通りパズドラにログインしたらメールいっぱい来ててびっくりしました。
でも無料ガチャなので結果はお察しで…(※100体全員星6のみでした)
ヨーグルト(全員ヨグパ組みたい)とマドゥ(アシスト用にもう一体欲しい)サレーネ(もう一体進化後花火欲しい)とゼラとリーチェとヴェロアと…あれ?なんで一体も出ないの…?
となりましたが、無料なので文句は言いません(笑)
サブアカで星7のイナ引いたのは嬉しかったですね。あとはもちろん全部星6です!

画像いっぱい

これを書く前に大きな地震が来てびびってるヒドラです。
地震恐怖症?っていうんですかね?なんか揺れが来るとめちゃ怖いんですよね…凄く昔静岡で震度5強が直撃してボロ家がめちゃくちゃ&壁にヒビが入って以降怖くて怖くて…
パニックになって死ぬかもっていう恐怖みたいな感じです。みんなよく平気だなぁ。。。

いやーWordPress凄いですね、今はデザインをちまちまいじっていい感じになりました。
テーマはEASEL様を使わせて頂いています。子テーマで色々画像で装飾してみました。
自分で追加した画像のせいで重かったかもですが、今はプラグインを入れて少し軽量化できてる…はずです!
デザインは前のHTMLの画像を使いまわしています。全部パブリックドメインのフリー素材を加工しています。
個人的にウィンドウを小さくした時に上の時計がガチャンって感じで動くのがお気に入りです( *´v`*)テーマ様様です。
当サイトお得意の歯車もどこかにつけたいのですが、どこがいいでしょうか。
CSSでくるくる回すくらいならそう重くないと思うので…でもこれ以上ゴテゴテにしてもあれかもですね。

絵を置いてきます。
サムネイルが作られるおかげで2Mある絵をアップしても平気です!やったね!(2Mって…)

エデンというタイトルでpixivにアップした絵です。
一言メモでちょろっと言ってましたが、結局ノテロスの竜を描きました。
でもあんまり気に入ってないです…なんかノテロスの等身小さくなっちゃって。もっとパース意識して描きたかったなぁ。

元々の背景はこちらです。
これはクリスタの色んなフリー素材やブラシをあれこれしてたら偶然いい感じになりまして…

ついでに没にしたキャラ絵がある方も載せておこうと思います。
これ、色々付け足ししていったらなんかよくわからないドラゴンになったので完成後にお蔵入りにしました。
デザインを1から考えていきなり描くのは難易度高すぎました。。。
なのでデザインが決まっているノテロスで描き直したというわけです。鱗ガッツリしぬほど頑張って塗ったのでリベンジはしません(笑)

更に今のトップ絵の迷走っぷりも載せておきますね。

下書きでは赤い竜でなんか装飾ゴテゴテして、ピカーって光ってる感じで…

丁寧にペン入れ。一番苦手な工程です。。。鱗地獄でしぬかと思いました。

予定通りの色で色塗り。なんか眩しすぎるような。。。これでいいのかな?と疑問を持ちつつ進めます。

鱗地獄を抜けて仕上げの工程…が一番時間かかりました…なんかコレジャナイ感。色おかしくないですかね?

試しに青色にしてみたらこっちの方が良い気がしてきたのでこっちにしました。(最初の下書きの色の意味が…)
で、今のトップ絵(トリミングして加工してありますがクリックで原寸大になります)に落ち着きました。凄まじい迷走っぷり…
自分には既存のキャラを描く方が合ってると思ったので、これに凝りて次からはそうします。。。


でもって、これはドラゴン描きたい欲が凄かった時に描いたもののなんだこれ状態になって没にしたよくわからない絵です。
ファードラが…描きたかったです…(ガクッ)鱗はきちんと線で描かないと自分の画風ではカオスになると改めて実感しました。上手い人は線がなくても描けそうですね。


今年は全く外出せず(といっても普段から引きこもりですが)家で自粛していて、これは去年とかそのくらいの写真です。
おかげで風邪ひとつひいてませんが、警戒するに越したことはないので手洗いうがいは普段より念入りに!やっています。

話がそれましたがこれを加工するとこんな感じです。クリスタではここまでが限界でした…。
元々Photoshopで絵を描いていたのもあるので、加工技術もちょっと身につけたいなぁと思い練習がてら…です。
こうして加工できればイラスト調にして背景描く工程をすっ飛ばす事も可能ですし(本音)
既にGalleryのポケモン絵にそんな感じの絵があるので探してみて下さいb

新Gallery、いかがでしょうか。
超頑張ってアップしたのでまだご覧になってない方はぜひとも見てくださいね。
いやーめちゃ時間かかりました…でもこういう地道な作業好きですし、達成感が半端ないのでやめられません…(マゾ?)
以前のillustPHP、ログインしているとたまにエラー出てちょっと困っていたのですよね。便利ではありましたが。。

WordPressではない一言メモ、お絵描き掲示板、拍手をモーダルウィンドウで開くようにしたのは我ながらいい案かなと思います。
メニューでグーグルフォントにしてみたのもいい感じになりました!拍手がいいのなくて手を合わせてる感じになってますが(笑)
ちなみに以前の日記では二人で書いていましたが、WordPress化によって旧日記にした事は記事を書いてくれていたバクくんにお伝えしてあります。
てがろぐさんは便利なので一言メモでは変わらず使い続けます!ほんと、ぱっと手軽に書き込めるのが大好きです。作者さんありがとうございますー!
WordPressもこのテーマあって動いてるので、本当に感謝でしかありません。リンクページにも本家サイト様「do」様をリンクしてありますので、テンプレートをお探しの方やサイト作りのノウハウをお探しの方はぜひご覧くださいね。
あっ自分も別館テンプレート更新しないと!今月中に1点は上げますね。

祝WordPress化

ギャラリーページ大変すぎなのでとりあえず今までのままですが(それでもちょいといじりました)、大分終わりました。
WordPressって下の階層にフォルダ作ってもさくらのファイルマネージャーでぽいっと直下に突っ込むだけでいいんですね…あと画像とかのパス変えて終わりです。楽すぎでは…
予めテストしてあったり準備万端で挑んだのですんなり終わりました。移行作業は30分もかからなかったかな?
ちなみに過去の日記はこちらです。

アンケートの結果発表

はい!というわけでアンケートの結果発表です。
3日間のみですが、ほぼ大半の方が1日目に答えてくださいました。
お答えして下さった皆さんありがとうございますー!


まず、1つ目の質問。WordPressか静的HTMLかですね。
あんまりHTMLに偏るようだったらWordPress化は取りやめようと思いましたが、半々よりWordPressがちょっと多い感じですね!
というわけで(?)、このサイトはWordPress化いたします!
元々mindston時代からWordPressでやっていたので、慣れているこっちの方がいいかなぁと自分でも思います。
静的HTMLもいいんですけど、あんまり簡単にリニューアルできるのでコロコロデザイン変えて(これは管理人が好きでやってるからですが)閲覧者様に優しくないかなぁと…
WordPressはリニューアルがちょっと大変なので、その点はご安心できるかなと思います。
と、いいつつWordPress時代でもコロコロ変えてたのは…あれは当時Artisteerっていうテーマ作るソフト購入しちゃった反動で…モゴモゴ。


2つ目のご質問です。
圧倒的に更新頻度が高い一言メモかなーと思ってましたが、意外!一番は日記でした。
Worldページやイラストもお楽しみにして頂きありがとうございます!
管理人の体調はなんとなくネタで入れましたが、そこにも気にかけてくださる方がいらっしゃるみたいでありがたいです、もっと心身労りますねっ(笑)


3つ目のご質問です。
これは圧倒的にNegative gateでした!
最近は立ち絵全部描き直したり(大変でした)プロフィールも詳しくしたりしたので、こちらを中心にもっと力を入れていこうと思います!
おそらく創作という創作で一番最初に作ったシリーズだと思うので…
もちろん、同じくらいGem Dragonも頑張っていきたいです。
最近心なしかジェムドラの方を贔屓気味にしていたので(笑)、ゲートの絵ももっと描いていこうと思う所存です。


4つ目のご質問です。
見た感じポケモンと同じくらい一次創作が人気なのかな?という感じですね。
メスケモとドラゴンはダントツですね!
メスケモはあんまり可愛く描けるか自信ないのですが(笑)、ナナちゃんやマナちゃん、スティルちゃん…はケモロリなのかな?よくわかりませんがその辺りの子達を可愛くけもけもしく描けるように練習したいです。
ドラゴンは描くの得意な方なので今後もガッツリ描きます!
その他もまんべんなく票が入っている印象なので、色々なものを描いていきたいと思います。
あと、後から気づいたのですがここにファードラと亜人入れるの忘れてました…(…

リニューアルの予定ですが、とりあえずできたら今夜の誰もいなさそうな時間、それか明日以降の人がいない深夜辺りにもそもそ実行しようと思います。
その間もしかしたらサイトが一時的に見れなくなると思いますが、ご了承下さい。
もしアクセスできなかったら管理人が裏で頑張ってるのかなって温かい目で見て下さいませ(笑)
リンク切れも多発すると思いますが、地道に直していきますのでゆっくりお待ち頂けると嬉しいです。