NOTICE-2021- || Miroirs

notice 2021

update
res
modify
other

TEMPLATE > single > trisha
TEMPLATE > theme > 01
TEMPLATE > theme > 02
TEMPLATE > theme > 03

details

お返事用のブログテンプレート1つとお題展示に特化したテンプレート3つを公開しました。

TEMPLATE > single > character list

details

リクエストのテンプレートです。長い間お待たせしてしまいました。

TEMPLATE > single > larimar
TEMPLATE > single > echo

details

どちらもグラスモーフィズムを使用したテンプレートです。

TIPS > 検索避け済サイトでアクセス解析研究所を使う際の注意点

details

テンプレートではなく記事です。書き慣れていないのでお見苦しい点もあるかとは思いますが、ご容赦ください。

TEMPLATE > single > ave

details

日記サイト向けのシンプルなブログテンプレートです。

TEMPLATE > set - feminine

details

グラデーションを使用したシンプルな1ページ完結型のテンプレートです。

TEMPLATE > set > JUST BETWEEN US.

details

旧サイトで配布していた物をリメイクしてみました。

kudou様

details

こんにちは。お問い合わせありがとうございます。
テンプレートlarimarの配布コードについてですが、こちらの不備で背景色が表示されない状態で配布をしておりました。
現在は修正済みです。修正箇所はhtmlのbodyタグ直下に


                              <div id="bg"></div>

上記のコードを追加するのみです。cssに変更はありません。

この度はお手数おかけしてしまい申し訳ございませんでした。また何かございましたら、お気軽にご連絡ください。

のの様

details

はじめまして。Miroris管理人のつぐみです。
質問箱のアカウントはしばらく確認しておりませんでした。お手数おかけしてしまい、申し訳ございません。

レンタルサーバーのご紹介なのですが、私もレンタルサーバーは幣サイトのStar Serverや無料版であるStar Server Freeしか使用したことがないのであまり詳しく紹介できないのですが、参考になれば幸いです。また、既にご存知かもしれませんが併せてレンタルスペースも紹介させていただきます。

Star Server

幣サイトで利用しています。プランによって出来ることが違うので、詳しくは公式サイトをご確認ください。

Star Serverでできること

無広告での利用: 長期間のログインが無くても広告が出ません。管理画面にもでできません。
容量が大きい: イラストをサイトに掲載するとなると容量を気にしがちですが、一番安価なエコノミープランでも容量は20GBです。
独自SSL対応: 個人情報を送信する際などに第三者の手に渡ったり改ざんされたりということを防ぎます。個人の創作サイトにはあまり必要がないかもしれませんが、SSL未対応による警告が出ないようになります。
独自のメールアドレスが利用可能: 私はgoolge formを利用しており、独自のメールアドレスを取得していないので詳細は分かりませんが、サイト専用のメールアドレスが取得できます。プランによって利用できる数が違うようです。
独自ドメインが取得可能: URLを自由に設定できます。
MySQL / PHP / WordPressが利用可能: エコノミープラン以外で可能です。XRIAのようなレンタルスペースと違い、アルバム機能やブログ機能がないのでWordPressを使いたいという方にも対応しています。

Star Serverでできないこと

アルバム機能やブログ機能、アンケート機能、拍手機能、掲示板機能、名前変換機能、パスワード機能がない: 上記のような機能を利用したい場合は外部サービス(tumblerやWordPress等)を利用したり、PHPを導入したり自分でコードを直打ちしたりする必要があります。XRIAより手間がかかるように感じるかもしれません。その代わり、自分に合った機能を利用できると思います。特にXRIAのアルバム機能では一覧で画質の低いサムネイルしか利用できませんでしたので、その点が改善されると思います。
スマートフォンからの編集が難しい: XRIAではHTMLやCSS、javascript等を管理画面に直打ちして編集をしていましたが、レンタルサーバーではファイルをアップロードしなければなりません。ファイルの作成やアップロードを行うことを考えると、スマートフォンやタブレットでは編集に手間がかかると思います。PCをお持ちであれば問題ありません。

料金の支払いもクレジットカードはもちろんコンビニ払いにも対応しています。

Star Server Free

Star Serverの無料版でStar Serverに比べて若干の制限があります。詳しくは公式サイトをご確認ください。

容量は2GBもしくは4GB
3か月ごとに契約更新作業が必要(ボタンを押すだけです)
MySQL / PHP / WordPress利用不可(プランによっては利用可能)
独自SSL未対応
メールアカウント使用不可
独自ドメイン使用不可
スマートフォンのみ広告表示(プランによっては完全非表示)

上記の制限が付きますが、PHPやWordPressを使う予定がなく、容量も2GBで足りるようであればStar Server Freeで充分なのではないかと思います。
その他、レンタルサーバーですとさくらネットやロリポップといった名前をよく聞きます。ロリポップは一切利用したことがなく、さくらネットは本当に軽く触れたことしかないので詳しい紹介ができませんが、有名な有料レンタルサーバーはほとんどがXRIAと違い

MySQL / PHP / WordPressの利用が可能
広告無し*
SSL対応
大容量

という特徴があります。
*:長期間ログインをしていないと表示されるところもあります

レンタルスペースnano

nanoでできること

画像の容量が300MBまで利用可能: つい最近100MBから300MBまで増えました。
アクセス解析が見やすい: 解析結果の画面が見やすく分かりやすいです。IPはわかりませんが訪問者の人数やどこのページが見られているか、機種、リンク元を把握できます。
サポートがある: XRIAではサポートが終了しているようですが、nanoではサポートは継続しています。
有料版で広告非表示: 支払方法がwebmoneyに限られますが、有料版で広告が非表示になります。一番高いプランでは自社リンクも非表示にできます。
SSL対応: nano自体がSSL対応済みです。URLのhttp:// を https:// に変更するだけです。
アルバム機能やブログ機能で高画質サムネイルが使える: 一覧ページでも高画質のサムネイルが使用できるのでイラスト展示にはぴったりだと思います。

nanoでできないこと

HEADを10,000文字以内に収めなければならない: HEADに文字数制限があります。定型文を利用することで収めることができます。ただし定型文に登録できる数は現在20個までです。

最高でも年間5,000円で済みます。ただし有料版の期間が切れるときに通知がないので期限を忘れていて気付いたら無料版に戻っていた、ということもあります。
イラスト投稿の容量が少し不安ですがそれ以外はPHPやWordPressを使う予定がないようであればnanoでも良いかもしれません。

使ったことのあるサーバーやスペースがそれほど多くないので紹介可能なサービスは上記3点となります。また、私もまだまだ使いこなせていない点もあるので各サービスの魅力を伝えきれていないのですが、参考になれば幸いです。

ご自身がサイトでやりたいこととサービス内容の相性
料金と支払方法
操作性(使いやすい・わかりやすいかどうか)

個人サイトですと上記3点を考慮して選ぶと良いと思います。
のの様にぴったりのサービスが見つかることをお祈りいたします。
この度はご使用報告含めご丁寧なメッセージをありがとうございました。また何かございましたらお気軽にお問い合わせください。

KUREHA様

details

お返事にお時間いただいてしまい、大変申し訳ございませんでした。 twitter風テンプレートの上部固定スクロールが作動しないという件についてですが、配布コードを使用したところ同様の不具合が見られました。ご不便をおかけしてしまい、大変申し訳ございません。
該当する動作のスクリプトの記述場所を誤っておりました。お手数ですが、
スレッド詳細設定 > 一覧ページ編集のページ下部に


                              <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
                <script>
                  $(function () {
                    $(window).on('load resize', function () {
                      var off_id = $('h1 .id').offset().top;
                      $(window).scroll(function () {
                        if ($(this).scrollTop() > 70) {
                          $('#top ul').css('background','#1DA1F2');
                          $('#top ul li i').css('background','transparent');
                        } else {
                          $('#top ul').css('background','transparent');
                          $('#top ul li i').css('background','rgba(0,0,0,.2)');
                        }
                        if ($(this).scrollTop() > off_id) {
                          $('#top ul li p').css('display','block');
                        } else {
                          $('#top ul li p').css('display','none');
                        }
                      });
                    });
                  });
            
                  $(function () {
                    $(window).on('load resize', function () {
                      var off_ff = $('#ff').offset().top;
                      var h_ff = $('#ff').outerHeight();
                      $(window).scroll(function () {
                        if ($(this).scrollTop() >= off_ff + h_ff - 50) {
                          $('#category').css({'position':'fixed','z-index':'10','top':'50px','left':'0','right':'0','max-width':'590px','height':'50px','margin':'auto'});
                        } else {
                          $('#category').css('position','static');
                        }
                      });
                    });
                  });
            
                  $(function () {
                    var flg = 'off';
                    $('.fa-heart').on('click', function () {
                      if (flg == 'off') {
                        $(this).css({'color':'#E0245E','font-weight':'bold'});
                        flg = 'on';
                      } else {
                        $(this).css({'color':'#6F7D89','font-weight':'normal'});
                        flg = 'off';
                      }
                    });
                  });
            
                  $(function () {
                    var flg = 'off';
                    $('.fa-retweet').on('click', function () {
                      if (flg == 'off') {
                        $(this).css('color','#17BF63');
                        flg = 'on';
                      } else {
                        $(this).css('color','#6F7D89');
                        flg = 'off';
                      }
                    });
                  });
                </script>

上記のコードを追加してください。
よろしくお願いいたします。

れいたん様

details

お返事にお時間いただいてしまい、大変申し訳ございませんでした。解決されたようでなによりです。
独自タグについての解説も今後は配布ページに記述します。テンプレートについてもお褒めの言葉をありがとうございました。

TEMPLATE > set > JUST BETWEEN US.
TEMPLATE > single > feminine
TEMPLATE > single > ave

details

safariへの対応、その他修正を行いました。

TEMPLATE > set > JUST BETWEEN US.
TEMPLATE > set > feminine

details

JUST BETWEEN US.

→文字装飾・フォームcssの修正

feminine

→フォームcssの修正
を行いました。

改装

details

safariから閲覧したところ、サイト自体にも表示崩れがあったのでそちらを修正するついでにちょっとした改装も行いました。ご不便をおかけしてしまい、申し訳ございませんでした。

新サイト公開

details

Miroirsが移転しました。これからはhttps://miroirs.stars.ne.jp/にてテンプレートの公開をします。過去のテンプレートは旧サイトのhttp://miroirs.xria.biz/?guid=onにて変わらず公開しております。
旧サイトのテンプレートも改良できるものは今後新サイトにてリメイクする予定です。
今後ともMiroirsをよろしくお願いいたします。