【マギレコ】縦画面にする方法・ホーム画面共有掲示板｜マギアレコード

攻略情報最新更新
【外部リンク】

マギレコ（マギアレコード）のホーム画面（キャラ）を縦画面で表示する方法・手順を紹介しています。また、自身のホーム画面が投稿できる「ホーム画面共有掲示板」も設置しています。好きな組み合わせや面白い組み合わせの投稿をお待ちしております！

◇◇目次◇◇
▼縦画面で表示する方法	▼ホーム画面共有掲示板

キャラを縦画面で表示する方法

①MENUを一度タップ！

ホーム画面右上の『MENU』を一度タップしましょう。バナーなどが表示されないシンプルな画面に切り替えることができます。

②右下のアイコンをタップ！

画面右下のにあるアイコン（縦に3つ並ぶ内の真ん中）をタップしましょう。このアイコンをタップすることで縦画面に切り替えることができます。

③待ち受けにしたい方はボタンを非表示に！

縦画面切り替え後、右下のアイコンの【ボタンオフ】をタップすると、背景とキャラクターだけにすることができます。

横画面に戻すには？

画面を長押しすると、非表示にしたボタンが再度出現します。同じ要領で画面の向きを横に設定し、「MENU」をタップするといつものホーム画面に戻すことができます。

好きな組み合わせを楽しもう！

初心者：イベントで合わせる

背景にあんまり拘りはないけど、せっかくある機能だし…程度の方は、まずはここから！イベント限定背景とイベント関連衣装・キャラの組み合わせは、無難に合います。初期からある青空の背景に飽きた方、変えたいけど面倒くさいという方はとりあえず無難な組み合わせからチャレンジ！

中級者：シチュエーションを忠実に再現！

キャラクターの衣装と背景を違和感なく溶け込ませるテクニックが必要。無難にしっくりはまるため、イベントや季節問わず安定して長く使えます。新キャラに目移りせず、推しキャラ一途な方におすすめと言える組み合わせ方でしょう。

上級者：一見ミスマッチと思いきや…

一見ミスマッチな組み合わせと思わせ、実はストーリー性が隠されている作品。限りあるサンプルの中から、奥深さを見事に表現した匠の技。まさに上級者と言えるでしょう。

残り2つは投稿掲示板にて募集中です。その際、選ばれた方の画像を勝手に使用させていただきますが、あらかじめご了承ください。

まとめ

組み合わせは自由自在！ホーム背景や魔法少女を組み合わせて、お気に入りのキャラが最も可愛く見える組み合わせを見つけたり、教室や森の背景を利用して、シチュエーションを演出したりと、色々な組み合わせを試して自分のお気に入りを見つけましょう！

▶︎背景の種類と変更方法
▶︎衣装一覧と変更方法

ホーム画面共有掲示板

楽しく利用するためのルール

・他人に不快な思いをさせるような内容の書き込み
・外部サイトへの誘導・宣伝する内容の書き込み
・アカウントの売買など金銭が絡む内容の書き込み

など上記に該当する書き込みはアクセス禁止や書き込み制限の処置を行う場合があります。

• ※5MBまで
• ※コメントの反映には最大10分程度かかる場合があります。

  
  書き込み中・・・

  ×
  $(function () { // 画面の横幅を取得 var width = window.outerWidth; var scale = 0.95; if(width == 0){ w = window.innerWidth; } if(width <= 320) { $('#advertli div').css({transform:'scale(' + scale + ')'}); $('#advertli').css("padding", "0px"); } });jQuery(document).ready(function () { // 選択されたファイル var selectedFilename; var selectedFile; var uploadmaxsize = 50000; var limitsize = 5242880; // 値をセット var defaultname = $("[name=defaultname]").val(); var defalutval = $("[name=defaultvalue]").val(); if(defaultname == "") { defaultname = "匿名"; } if(defalutval == "" || defalutval === undefined) { $("[name=comments]").attr("placeholder","書き込み内容(400文字以内)"); $("[name=defaultval]").attr("placeholder","書き込み内容(400文字以内)"); } else { defalutval = defalutval.replace(/
  /g, "\r\n"); $("[name=comments]").html(defalutval); $("[name=defaultval]").html(defalutval); } $("#post_textarea_name").val(defaultname); function show_modal() { $( this ).blur() ; //ボタンからフォーカスを外す if($("#modal-overlay")[0]) $("#modal-overlay").remove(); //オーバーレイを出現させる $( "body" ).append( '
  ' ); $( "#modal-overlay" ).fadeIn( "slow" ); //コンテンツをセンタリングする centeringModalSyncer(); //コンテンツをフェードインする $( "#modal-content" ).fadeIn( "slow" ); } // 画像クリック時 $(document).on('click', '.comments_image', function() { image_ovlay_show($(this).attr("src")); }); $("#expansion_area").focusin(function(e) { $("#comments_form").css("display", ""); $("#post_textarea_detail").focus(); $(this).css("display", "none"); $("#comments_expansion").css("display", "none"); $(this).blur(); }); function close_modal() { $("#modal-content").fadeOut(); $("#modal-overlay").remove(); } $(document).on('change', '#file', function() { var file = event.target.files[0]; if(file === undefined) { selectedFile = null; return; } // ファイルサイズ確認 if(file.size > limitsize) { alert("ファイルのサイズが大きすぎます。5MB以内のファイルを選択してください。"); $("#upload_file").html(""); selectedFile = null; return; } selectedFilename = event.target.files[0]; selectedFile = event.target.files[0]; var canvas = document.createElement("canvas"), ctx = canvas.getContext('2d'), image = new Image(), size = 400; canvas.width = canvas.height = 0; image.src = URL.createObjectURL(file); image.onload = function() { w = image.width; h = image.height; if(image.width > size) { w = size; h = image.height * (w / image.width); } else if(image.height > size) { h = image.height * (w / image.width); } // 縦横比によってサイズを変更 if(image.width > image.height) { size = 600; w = size; h = image.height * (w / image.width); } canvas.width = w; canvas.height = h; ctx.drawImage(image, 0, 0, w, h); // base64に変換 var img = canvas.toDataURL(file.type); selectedFile = img; } }); // いいねクリック $(document).on('click', '.comments_good_btn', function() { var goodobj = $(this); var goodobjchild = $(this).children(); var comment_ID = $(this).attr("data-goodid"); var goodsum = $('[data-gsumid='+comment_ID+']'); var dispsum = parseInt(goodsum.html())+1; var ipaddress = $('[name=ipaddress]').val(); var bbsnumber = $('[name=bbsnumber]').val(); var bbsid = $('[name=bbsid]').val(); // テーブルをupdate $.ajax ({ type : "POST", url : "../../../../../wp-admin/admin-ajax.php", async : true, data : { 'action': 'db_oncache_comments_reaction', 'comment_ID':comment_ID, 'ipaddress': ipaddress, 'bbsnumber':bbsnumber, 'bbsid': bbsid, 'reaction': "good" }, }).done(function(response) { goodobj.addClass("fil_gray"); goodobjchild.addClass("gcolor"); goodsum.addClass("gcolor"); if(response == "701") { alert("既にクリック済みです。"); goodsum.html(dispsum); } else { goodsum.html(dispsum); } }).fail(function(response) { }); }); // 通報クリック $(document).on('click', '.comments_bad_btn_span', function() { var badobj = $(this); var comment_ID = $(this).attr("data-badid"); var a_id = $(this).attr("data-bad_aid"); if(!confirm("No."+a_id+"を通報しますか？")) { return; } else { var ipaddress = $('[name=ipaddress]').val(); var bbsnumber = $('[name=bbsnumber]').val(); var bbsid = $('[name=bbsid]').val(); $.ajax ({ type : "POST", url : "../../../../../wp-admin/admin-ajax.php", async : true, data : { 'action': 'db_oncache_comments_reaction', 'comment_ID':comment_ID, 'ipaddress': ipaddress, 'bbsnumber':bbsnumber, 'bbsid': bbsid, 'reaction': "bad" }, }).done(function(response) { badobj.addClass("fil_gray"); if(response == "801") { alert("既に通報済みです。"); } }).fail(function(response) { }); } }); //返信クリック $(document).on('click','.reply_btn_span',function() { if(!$("#comments_form").is(":visible")) { $("#comments_form").css("display", ""); $("#post_textarea_detail").focus(); $("#expansion_area").css("display", "none"); $("#comments_expansion").css("display", "none"); $("#expansion_area").blur(); } else { $("#post_textarea_detail").focus(); } // 既にある要素を削除 $("#return_contents").remove(); // POST要素を追加 var dataid = $(this).attr("data-replyid"); var dataanchor = $("[data-number="+dataid+"]"); $('[name=return_ID]').remove(); $('').attr({ type: "hidden", id: "input_id", name: "return_ID", value: dataid }).appendTo('#write_comments_form'); // 返信先の名前を表示 $("#return_contents").remove(); $("#return_div").append("
  "+dataid+"："+dataanchor.html()+" に返信をする返信を取り消す
  "); math_iframe(); // ウィンドウを移動 //window.parent.$("html,body").animate({scrollTop:$('#scroll_content').offset().top}); $( 'html,body', parent.document ).animate( { scrollTop: $("#scroll_content", parent.document).offset().top } ); }); $(document).on('click', '#reload_button', function() { // actionからURLを取得 var actionurl = $("#reload_comments_form").attr("action"); actionurl += "#comments_expansion"; $("#reload_comments_form").attr("action", actionurl); $("#reload_comments_form").submit(); // var pageurl = parent.location.href; // var pageurl_no_param = pageurl.replace(/\?.*$/,""); // var pageurl_no_param = pageurl_no_param.replace(/\#.*$/,""); // pageurl_no_param += "#comments_expansion"; // parent.location.href = pageurl_no_param; }); //返信取消クリック $(document).on('click','#return_cancel',function() { // 返信先削除 $('[name=return_ID]').remove(); $("#return_contents").remove(); math_iframe(); }); //ぺージリンククリック時 $(document).on('click','.comments_pagelink',function() { // リロード var pagenum = $(this).attr("data-num"); var pageurl = parent.location.href; var pageurl_no_param = pageurl.replace(/\?.*$/,""); var pageurl_no_param = pageurl_no_param.replace(/\#.*$/,""); var pageurl_no_param = pageurl_no_param+"#comments_expansion"; // actionからURLを取得 var actionurl = $("#pages_comments_form").attr("action"); $('[name=c_page]').val(pagenum); actionurl += "#comments_expansion"; $("#pages_comments_form").attr("action", actionurl); $("#pages_comments_form").submit(); // // actionを設定 // $("#pages_comments_form").attr('action', pageurl_no_param); // $('[name=c_page]').val(pagenum); // $("#pages_comments_form").submit(); }); //処理 $('#write_comments').click(function () { var comment = $('[name=comments]').val(); var author = $('[name=author]').val(); var ipaddress = $('[name=ipaddress]').val(); var bbsnumber = $('[name=bbsnumber]').val(); var bbsid = $('[name=bbsid]').val(); var return_ID = $('[name=return_ID]').val(); var defaultval = $('[name=defaultval]').val(); if( comment.length == 0 ){ alert("コメントを記入してください");return;} comment = comment.replace(/\r?\n/g, "
  "); if(defaultval != undefined){ defaultval = defaultval.replace(/\r?\n/g, "
  "); } if( defaultval == comment){ alert("コメントを記入してください");return;} if( comment.length > 400 ){ alert("コメントの文字数がオーバーしています。");return;} if( author.length > 20 ){ alert("名前は20文字以内に設定してください。");return;} show_modal(); var deferred = new $.Deferred(); $.ajax ({ type : "POST", url : "../../../../../wp-admin/admin-ajax.php", async : true, data : { 'action': 'db_oncache_comment_write', 'author':author,'comment': comment, 'ipaddress':ipaddress, 'bbsnumber': bbsnumber, 'bbsid': bbsid, 'return_ID': return_ID, 'image': selectedFile }, }).done(function(response) { if(response == "601") { alert("投稿できませんでした。内容をもう一度確認してください。(エラーコード："+response+")"); } if(response == "101" || response == "201" || response == "301") { alert("書き込みに失敗しました。時間を空けて再度お試しください。(エラーコード："+response+")"); } }).fail(function(response) { alert("書き込みに失敗しました。時間を空けて再度お試しください。(エラーコード：401)"); close_modal(); }).always(function(){ deferred.resolve(); }); deferred.promise().then(function() { // var pageurl = location.href; // var pageurl_no_param = pageurl.replace(/\?.*$/,""); // var pageurl_no_param = pageurl_no_param.replace(/\#.*$/,""); // window.location.href = pageurl_no_param; var pagenum = $(this).attr("data-num"); $("#nowpage", parent.document).val(pagenum); // 親ページをリロード var pageurl = parent.location.href; var pageurl_no_param = pageurl.replace(/\?.*$/,""); var pageurl_no_param = pageurl_no_param.replace(/\#.*$/,""); // actionからURLを取得 var actionurl = $("#write_comments_form").attr("action"); actionurl += "#comments_expansion"; $("#write_comments_form").attr("action", actionurl); $("#write_comments_form").submit(); }); }); function image_ovlay_show(value) { $("#modal_image").attr("src", value); $( this ).blur() ; //ボタンからフォーカスを外す if($("#modal-overlay")[0]) $("#modal-overlay").remove(); //オーバーレイを出現させる $( "body" ).append( '
  ' ); $( "#modal-overlay" ).fadeIn( "slow" ); //コンテンツをセンタリングする centeringImgModalSyncer(); //コンテンツをフェードインする $( "#modal-img-view" ).fadeIn( "slow" ); } $(document).on('click','#image_close_click',function() { if($("#modal-overlay")[0]) $("#modal-overlay").fadeOut(); if($("#modal-img-view")[0]) $("#modal-img-view").fadeOut(); }); //リサイズされたら、センタリングをする関数[centeringModalSyncer()]を実行する $( window ).resize( centeringModalSyncer ); //リサイズされたら、センタリングをする関数[centeringImgModalSyncer()]を実行する $( window ).resize( centeringImgModalSyncer ); //センタリングを実行する関数 function centeringImgModalSyncer() { //画面(ウィンドウ)の幅、高さを取得 var w = $( window ).width() ; var h = $( window ).height() ; // コンテンツ(#modal-img-view)の幅、高さを取得 // jQueryのバージョンによっては、引数[{margin:true}]を指定した時、不具合を起こします。 var cw = $( "#modal-img-view" ).outerWidth( {margin:true} ); var ch = $( "#modal-img-view" ).outerHeight( {margin:true} ); var cw = $( "#modal-img-view" ).outerWidth(); var ch = $( "#modal-img-view" ).outerHeight(); //センタリングを実行する $( "#modal-img-view" ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ); } //センタリングを実行する関数 function centeringModalSyncer() { //画面(ウィンドウ)の幅、高さを取得 var w = $( window ).width() ; var h = $( window ).height() ; // コンテンツ(#modal-content)の幅、高さを取得 // jQueryのバージョンによっては、引数[{margin:true}]を指定した時、不具合を起こします。 var cw = $( "#modal-content" ).outerWidth( {margin:true} ); var ch = $( "#modal-content" ).outerHeight( {margin:true} ); var cw = $( "#modal-content" ).outerWidth(); var ch = $( "#modal-content" ).outerHeight(); //センタリングを実行する $( "#modal-content" ).css( {"left": ((w - cw)/2) + "px","top": ((h - ch)/2) + "px"} ); } // キャッシュファイルの更新日時を取得する。 }); .comments_main_div { border-bottom: 1px solid #f2f2f2; } .comments_none_main_div { border-bottom: 1px solid #f2f2f2; display: none; } .comments_child_list { padding: 6px 0px !important; } .comments_none_child_list { padding: 0px !important; } #disp_comments_ul{ margin-bottom: 10px; } #disp_comments_ul li div p { margin-bottom: 5px; } #disp_comments_ul li:nth-child(odd) { background: #ffffff; padding: 6px 0px; } #disp_comments_ul li:nth-child(even) { background: #ffffff; padding: 6px 0px; } #write_comments_ul li { margin-bottom: 5px; } #write_comments { font-size:16px; background: #fba848; color:#fff; padding:10px 12px; border:1px solid #ddd; border-radius:6px; width:100%; margin-bottom: 15px; margin-top: 3px; } #post_textarea_name { border-radius: 4px; font-size: 16px; line-height: 1.8rem; box-shadow: none; border: 1px solid #ccc; box-sizing: border-box; width: 100%; padding: 5px; -webkit-appearance: none; font-weight: normal; } .comments_title_div{ display:table; table-layout:fixed; width:100%; margin:6px ; } .comments_title_div p{ color:#777; font-size:80%; } #post_textarea_detail { border-radius: 4px; font-size: 16px; line-height: 1.8rem; box-shadow: none; border: 1px solid #ccc; box-sizing: border-box; width: 100%; height: 100px; resize: none; padding: 5px; -webkit-appearance: none; font-weight: normal; } #post_comment_button { width: 95%; height: 30px; border-radius: 5px; margin-bottom: 5px; background: #0F9D58; border: #0F9D58; color: white; font-size: 12px; font-weight: bold; } #comments_page_link { padding-left: 5px; margin-bottom: 10px; } #comments_page_link li { display: inline-block; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; } #comments_page_link li a { background: #FBA848; padding: 10px; text-decoration: none; border-radius: 5px; color: white !important; } #comments_page_link li button { background: #FBA848; border : none; padding: 5px 10px 5px 10px; text-decoration: none; border-radius: 5px; color: white !important; font-size: 16px; } #comments_page_link li span { background: #bbb; padding: 9px; text-decoration: none; border-radius: 5px; color: white; } #reload_button { display: block; width: 100%; color: #afaba8; font-size: 14px; font-weight: bold; padding: 12px 0px; background: #fdfdfd; } #return_name { font-size: 14px; font-weight: bold; color: cadetblue; margin-right: 5px; } #return_cancel { font-size: 14px; font-weight: bold; margin-left: 10px; color: cornflowerblue; text-decoration: none !important; } .reply_span { color: #c7c7c7; padding: 3px; font-size: 13px; font-weight: normal; border-radius: 3px; } .reply_btn{ text-align:right; } .comments_bad_btn_span{ color: #aab8c2 !important; margin-right: 5px; text-decoration: underline; } #comments_wrapper { background: #fff; } li p .comments_image { max-width: 250px !important; max-height: 400px !important; cursor: hand; } .image_p { padding:8px 6px; word-wrap: break-word; color:#333; max-height: 800px; } .comments_good_btn { position: absolute; left: 5px; bottom: 3px; } .comments_good_btn img { width: 30px; } .good_sum { color:#999; position: absolute; left: 28px; bottom: 0px; font-size: 14px; } .reply_btn_span { position: absolute; right: -7px; border-radius:4px !important; padding:1px 4px !important; bottom: 3px; font-size: 12px; border:1px solid #aab8c2; padding:4px 4px; color:#aab8c2; margin-right: 5px; } .fil_gray { pointer-events: none; cursor: default; text-decoration: none; } .comments_footer { position: relative; height: 38px; font-weight: normal; } #expansion_area { resize: none; width: 95%; border-radius: 3px; border: 1px solid #ccc; font-size: 16px; height: 35px; max-width: 100%; padding: 5px; overflow-y: hidden; } .comments_content { padding:8px 6px; word-break: break-all; color:#333; font-weight: normal; } .gcolor { color: #FF007E !important; } .nend_text1 { color: #777 !important; border-left: 18px solid #777 !important; font-style: normal !important; } .nend_box { border-bottom: 1px solid #f2f2f2 !important; } #modal-content { text-align:center; width: 50% ; max-width:320px; margin: 0 ; padding: 10px 20px ; border-radius:6px; background: #fff ; position: fixed ; display:none; z-index: 55 ; } #image_close { position: absolute; right: 20px; top: 0; color: #fff; font-size: 35px; } #modal-img-view { text-align:center; width: 100%; height: 100%; margin: 0 ; position: fixed ; display:none; z-index: 100000000 ; left: 0 !important; top: 0 !important; bottom: 0 !important; right: 0 !important; } #modal_image_inline { width: 100%; height: 100%; padding: 45px 0; max-width: 480px; margin: 0 auto; } #modal_image { position: absolute; max-width: 96% !important; max-height: 85% !important; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } #modal-overlay { z-index: 1 ; display: none ; position: fixed ; top: 0 ; left: 0 ; width: 100% ; height: 120% ; background-color: rgba( 0,0,0, 0.75 ) ; }
• 最新のコメントを表示

マギレコの各種リンク

マギレコ攻略トップページはコチラ
マギレコのランキング
●リセマラランキング●		●最強キャラランキング●
●メモリアランキング●		●さいかわランキング●
攻略・お役立ち情報
●最新情報まとめ●		●登場キャラまとめ●
●声優一覧●		●用語まとめ●
●ミラーズの攻略●		●ショップ交換まとめ●
ドロップ素材・育成情報
育成情報まとめ		ドロップ素材まとめ
メモリア	ディスク	コネクト	ドッペル
マギア	覚醒	魔力強化	魔力解放
マギレコの最新情報・攻略情報などをお届け！


http://ift.tt/2ANNs9d
December 08, 2017 at 07:57PM