[{"data":1,"prerenderedAt":131},["ShallowReactive",2],{"article-ie-check-for-mac":3},{"id":4,"title":5,"body":6,"category":118,"createdAt":120,"description":5,"extension":121,"index":122,"meta":123,"navigation":124,"path":125,"publish":124,"seo":126,"series":122,"seriesTitle":122,"stem":127,"tag":128,"thumbnail":122,"updatedAt":122,"__hash__":130},"articles\u002Farticles\u002Fie-check-for-mac.md","IEチェックなどに！MacのlocalhostをWindowsで開く（アクセス）する方法。",{"type":7,"value":8,"toc":109},"minimark",[9,13,16,19,23,31,34,37,42,45,48,52,55,58,61,71,74,82,90,93,96,100,103,106],[10,11,12],"p",{},"こんにちはjunです。IE対策してますか？まあ私はIE大嫌いですけど要件に入っているならば、対策は必須です。最近はIE11まででいいよ。という空気が漂っているので昔よりは対策はしやすいですが、やっぱり思うようなレイアウトにならいことが多いです。",[10,14,15],{},"そしてIEの厄介な点としてwindows環境でしか動かないという点です。web系のデザイナーしかり、エンジニアは環境構築の手間や情報量、性能からみてMacを使う人が多いです。私もMacを使用して開発しています。そのため、MacだとIEチェックが非常に面倒になります。",[10,17,18],{},"GitとかでWindows機にローカルリポジトリを置いてもいいのですが、やっぱり面倒です。できたら開発しながらリアルタイムで確認したいので、MacのlocalhostをWindowsで見れるようにする方法で解決します。",[20,21,22],"h2",{"id":22},"macの設定を変更",[10,24,25,26,30],{},"まずlocalhostを他のPCでも共有できるようにするためには、WindowsとMacが同じ ",[27,28,29],"strong",{},"LAN内にいるという条件"," があります。つまり同じWi-Fiを使用するということです。",[10,32,33],{},"互いに同じLANでつながっていることを確認したら、「システム環境設定」＞「共有」に進みます。",[10,35,36],{},"「共有」のなかに「インターネット共有」という欄がありますので、クリックします。",[38,39],"image-render",{":src":40,":width":41},"'_mix\u002Flan-setting-on-mac.png'","'100%'",[10,43,44],{},"そして「共有する接続経路」がWi-Fiであることを確認。違っていたらプルダウンから選びます。確認後、「インターネット共有」の左のチェックボックスをクリックして有効化します。",[10,46,47],{},"これでMac側の準備は完了です。",[20,49,51],{"id":50},"windowsから早速接続","Windowsから早速接続",[10,53,54],{},"ではWindowsから接続するにはどうすればいいのか？上記の図のここに注目します。",[38,56],{":src":57,":width":41},"'_mix\u002Fscreen-2020-07-19-21.38.57-768x146.png'",[10,59,60],{},"そうです。「次のアドレスで〜〜」という所の「MacBook-Pro.local」をドメインのようにしてアクセスします。ここの名前は変えられるので複数人LAN内にいる場合などは変えるといいでしょう。",[10,62,63,64],{},"実際に接続するときは「",[65,66,70],"a",{"href":67,"rel":68},"http:\u002F\u002Fmacbook-pro.local%E3%80%8D%E3%81%A8%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%8B%E3%82%89%E6%8E%A5%E7%B6%9A%E3%81%97%E3%81%BE%E3%81%97%E3%82%87%E3%81%86%E3%80%82%EF%BC%88%E3%83%89%E3%83%A1%E3%82%A4%E3%83%B3%E9%83%A8%E5%88%86%E3%81%AE%E5%A4%A7%E6%96%87%E5%AD%97%E3%81%AF%E8%87%AA%E5%8B%95%E7%9A%84%E3%81%AB%E5%B0%8F%E6%96%87%E5%AD%97%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99%E3%80%82%EF%BC%89",[69],"nofollow","http:\u002F\u002Fmacbook-pro.local」とブラウザから接続しましょう。（ドメイン部分の大文字は自動的に小文字になります。）",[20,72,73],{"id":73},"実際に確認してみる",[10,75,76,77,81],{},"MAMPに",[78,79,80],"code",{},"connecttest","というディレクトリを作成しておき、その中にindex.htmlを作成しておきます。htmlを開くと「Connection succeed!」という文章が出てきます。",[10,83,84,85,89],{},"忌まわしきIEを開いて上記の自分のMacを指すドメイン名を入力しましょう。MAMP上にあるので",[65,86,87],{"href":87,"rel":88},"http:\u002F\u002Fmacbook-pro.local:8888",[69]," とコロン（：）とデフォルトのポート8888に接続します。",[38,91],{":src":92,":width":41},"'_mix\u002Fscreenshot-60-1-768x512.png'",[38,94],{":src":95,":width":41},"'_mix\u002Fsh-61-768x512.png'",[20,97,99],{"id":98},"mac内にieを入れるのは面倒","Mac内にIEを入れるのは面倒",[10,101,102],{},"以上がwindowsにMacを接続する方法です。めちゃくちゃ簡単なので早速やってみましょう。",[10,104,105],{},"この方法の場合、MacとWindows両方持っている人専用になります。一応Mac内にIE（Windows環境）を構築することはVirtual boxを用いて行うことができます。しかし、MacでWindowsOSを稼働させるのでパフォーマンスが遅く、また構築も非常に面倒です。",[10,107,108],{},"IEのためにWindowsを買うのも馬鹿らしいですが、会社とかでIE確認用のWindowsを持っていてもいいかもしれませんね",{"title":110,"searchDepth":111,"depth":111,"links":112},"",3,[113,115,116,117],{"id":22,"depth":114,"text":22},2,{"id":50,"depth":114,"text":51},{"id":73,"depth":114,"text":73},{"id":98,"depth":114,"text":99},[119],"ministack","2020-07-19","md",null,{},true,"\u002Farticles\u002Fie-check-for-mac",{"title":5,"description":5},"articles\u002Fie-check-for-mac",[129],"network","K4ZixH0MRLLn2UJckWs_1Z9fmXvYqfxU3inpOS3CMmk",1780987149725]