現在「イノセンス」スキンを適用中です。

【ご参考】ローカル環境を共有化する方法(Local by Flywheel) | 雑談 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

相談内容:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

スポンサーリンク
【ご参考】ローカル環境を共有化する方法...
 
共有:
通知
すべてクリア

【ご参考】ローカル環境を共有化する方法(Local by Flywheel)


mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

最近のフォーラムでは、なかなか意思疎通が図れずに、質問者・回答者の両者が苦心しておられるような状況も増えているように思います。

  • そもそものご質問内容が伝わらない
  • 実際のサイトを拝見することができれば、状況を掴みやすいのに

そんなことも多いです。

ローカル環境であることを理由に、URLや環境情報のご提示がないことも多々あります。

しかしながら、多くの方々がご利用になっているであろう「Local by Flywheel」では、ローカル環境であっても、サイトの共有化が可能です。
(別端末からネット回線を通して、ローカル環境のサイトを閲覧が可能です。)

ローカル環境であっても、ご提示があれば、解決までの時間が短縮されると思いますし、質問者・回答者の両者にとっても、労力の軽減になると思います。

少し長くなりますが、Local by Flywheelでの共有化の方法を記載しようと思います。
(外部サイトより、フォーラムに記載があった方がより良いと思いました。)

拙い説明とはなりますが、ご容赦くださいませ。
(実は私も2~3日前に、Local by Flywheelを使い始めたばかり。)

ちなみに、Windows10環境の例です。


わいひら 件のいいね!
引用
トピックタグ
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

「Local by Flywheel」を起動し、下部の「Enable」をクリックすると、共有化開始です。


わいひらリフィトリー 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

下部の「Live Link」の左に「」が点灯していれば、共有化されています。

その右の「COPY」をクリックすると、共有化URLがクリップボードにCOPYされます。


わいひらリフィトリー 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

下部の「COPY」をクリックすると、「COPY」が反転します。

これで、共有化URLがクリップボードにコピーされました。


わいひらリフィトリー 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

ちなみに、上記の「COPY」クリックで、クリップボードにコピーされたURLは以下の通りです。
「d03374cc05a0.ngrok.io」

このURLに、「http:// 」や「https:// 」を追加したものをご提示していただくと、回答者は直ぐにローカル環境のサイトの確認ができます。

ご質問中は、共有化やネット接続・PC起動の維持をお願い致します。

ちなみに、この共有化URLは使い捨てのようです。

 

何らかの理由で、クリップボードが別のものに上書きされたりしても、「Live Link」右の「v」マークをクリックすることで、確認が可能です。

This post was modified 4週間前 by わいひら

わいひらリフィトリー 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

「Live Link」右の「v」マークをクリックすると、画像のように共有化URLが表示されます。
さきほどのURLと同じであることが分かると思います。

URLのクリックで、表示の確認も出来ます。


わいひらリフィトリー 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

共有化したローカル環境とは、別の端末・別の回線にて表示を確認してみました。

ローカル環境がネット経由で共有化されていることが分かると思います。


わいひらリフィトリー 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

続いては、共有化の停止の方法です。

「Live Link」右の「v」マークをクリックした画面で、「Disable Link」をクリックすると共有化は停止されます。


わいひらリフィトリー 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

共有化が停止されると、下部の「Live Link」の左の「」マークは消えます。


わいひらリフィトリー 件のいいね!
返信引用
リフィトリー
(@leafytree)
Illustrious Member
結合: 2年前
投稿: 5096
 

@mk2_mk2 さん

mk2さんの環境だと「Live Link」は上手く機能しますか?

 

私の環境では、サイトは表示されるものの、画像が表示されません。

 

あと、以前、わいひらさんと「Live Link」でやり取りしていたら、時間切れで表示されなくなっちゃったことがあります。

 

短い時間内で、双方待ち構えている場合は、使えるのですが、フォーラムですと、なかなかタイミングが合わないという欠点があります。


わいひら 件のいいね!
返信引用
リフィトリー
(@leafytree)
Illustrious Member
結合: 2年前
投稿: 5096
 

つまり、「Live Link」のリンクをフォーラムに貼り付けても、相手が見るタイミングには、リンクが切れているといった具合です。


わいひら 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

リフィトリーさん

長い時間はまだ確認していないのですが。

短い時間では、Localの起動・共有化・ネット接続を維持すれば、閲覧はできるんですけど。
どのくらいの時間維持できるのかが、正直なところ分からないです。

上手くタイミングがあう時には、使って欲しいと思います。
リフィトリーさん、割と直ぐに反応なさっていることが多いですから、そういう時にでも。

ちょっと、今日せつなくなってしまいまして 😢 
何とかできないかな…という思いです。

 

画像、ちょっと未確認です、直ぐに確認します。


わいひらリフィトリー 件のいいね!
返信引用
リフィトリー
(@leafytree)
Illustrious Member
結合: 2年前
投稿: 5096
 

@mk2_mk2 さん

そのお気持ちは、痛いほど理解できます。 😣 


返信引用
リフィトリー
(@leafytree)
Illustrious Member
結合: 2年前
投稿: 5096
 

@mk2_mk2 さん

今日は、私が至らないので、はるさんにカバーしていただきました。


mk2 件のいいね!
返信引用
リフィトリー
(@leafytree)
Illustrious Member
結合: 2年前
投稿: 5096
 

@mk2_mk2 さん

ところで、画像表示されますか?


返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

リフィトリーさん

画像はほぼ表示されなかったです。

極々小さいバナーみたいな画像は、表示されていました。

そして、何回かアクセスを繰り返している内に、too much Access?的なエラーが出たのですが…。
少し時間をおくと、再びアクセスできるようになりました。

やはり画像は大きいものは無理で、バナー程度のサイズやエントリーカードの一部画像くらいしか表示されません。

吹き出しの画像も表示されないですね。

Twitter埋め込みのiframeは表示されています。
jsで置き換えるから?

 

使えないですかねぇ。
私、先走っちゃいましたかねぇ。


返信引用
リフィトリー
(@leafytree)
Illustrious Member
結合: 2年前
投稿: 5096
 

@mk2_mk2 さん

だいぶ前ですけど、仕様が変わる前は、表示されていたんです。

 

でも、そのときは、Windowsのダイレクトなんちゃらを使っていたのですが、今は、別の方法に変えたっぽいのです。


返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

あ、おそらく横幅160pxぐらいのサムネイルは表示されました。

ただし、記事中に画像はその1枚のみです。
あ、記事中2枚の記事もいけました。

転送量に制限がある感じがします。


リフィトリー 件のいいね!
返信引用
リフィトリー
(@leafytree)
Illustrious Member
結合: 2年前
投稿: 5096
 

@mk2_mk2 さん

LOCALのフォーラムで画像の表示方法について、情報がないかどうか探したのですが、これといった書き込みが見つからなかったです。


mk2 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

リフィトリーさん

そうですか、残念です。
画像は、難しいかも知れませんね。

ただ、まだ接続は維持できているので、そこそこの時間は接続できそうな気はします。

 


返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

どうやら私が先走ったようですね。

あまり使えないようであれば、このトピックは削除していただければ…と。
(自分で削除は出来ない感じがします。)

 

それにしても、何とかならないものか。
そういう思いです。


リフィトリー 件のいいね!
返信引用
リフィトリー
(@leafytree)
Illustrious Member
結合: 2年前
投稿: 5096
 

@mk2_mk2 さん

いえいえ、どのような内容であっても、知らない人にとっては有用な情報になる場合があります。

 

消す必要は全くありませんし、こういったやり取りも、フォーラムの面白ところでもあります。


Yamachan11, わいひらmk2 件のいいね!
返信引用
mk2
(@mk2_mk2)
Reputable Member
結合: 1か月前
投稿: 369
Topic starter  

リフィトリーさん

はい、そう言っていただければ。

画像は表示されなくとも、ソースの確認など、何とかなる場合もあると良いなと思います。

ちなみに、20分くらいは過ぎたと思いますが、今も接続はできています。


わいひらリフィトリー 件のいいね!
返信引用
吉田直人
 吉田直人
(@吉田直人)
ゲスト
結合: 4週間前
投稿: 3
 

いいですねー。最近、ローカル環境を共有する方法が気になっています。また、このようなことをする場合、近道がある可能性はありますか?もっと簡単にしたいんです。とはいえ、リンクの提供には感謝しています。特に、初めての人や技術的に詳しくない人にとっては、とても助かります。また、他にもこの件に関するヒントやコツがあれば教えてください。私もこの件についてもっと読んで学びたいと思っています。より魅力的なトピックを作るのにとても役立つと思います。改めてありがとうございました。


Yamachan11 件のいいね!
返信引用

返信する

投稿者名

投稿者メールアドレス

タイトル *

許可された最大ファイルサイズ 5MB

 
プレビュー 0リビジョン 保存しました
共有:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年8ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2021/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年6ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

Cocoon
タイトルとURLをコピーしました