tag:blogger.com,1999:blog-4111627031197632542024-02-20T22:42:39.450+09:00device twodesign, Web, Font, Server, development... and Helvetica.Unknownnoreply@blogger.comBlogger130125tag:blogger.com,1999:blog-411162703119763254.post-68344103950253452792022-08-09T11:10:00.009+09:002022-08-09T11:22:39.684+09:00振り返り「YWT」のテンプレートデータ(Googleスライドと画像データ)<p></p><h3 style="text-align: left;">YWTとは</h3> YWTは「やったこと」「わかったこと」「つぎに挑戦すること」の3つを記載して、個人で振り返りを行うのに向いているフレームワークです。<br />似たようなものにKPTというフレームワークもありますが、こちらは良かったこと/悪かったことを踏まえて振り返るもので、主にチームで振り返るのに有効です。<br /><br /><h3 style="text-align: left;">YWTフレームワークのテンプレート</h3>実際に、YWTフレームワークを試してみよう!と思っても現在のオンライン中心の時代では、実際に紙に書いてみるよりもオンラインで作業した方がよかったりします。という事でオンライン用のテンプレートと汎用的に使える画像を用意しました。<br /><br />以下に、すぐに始められるGoogleスライドのテンプレートと<br />16:9と4:3の画像が用意してあります。<br />画像の方は手元のパワーポイントなどにはりつけてみたり、自由に利用して振り返りをしてみましょう。<br /><br /><p></p><p>■Googleスライド<br /><a href="https://docs.google.com/presentation/d/1ztjo4TJrgmrWxUP9UgZxCp5olef7MPmmqzFS01OYhAo/edit?usp=sharing">https://docs.google.com/presentation/d/1ztjo4TJrgmrWxUP9UgZxCp5olef7MPmmqzFS01OYhAo/edit?usp=sharing</a><br />ファイル>コピーを作成 で自分のドライブにコピーを作成して利用してください</p>
<br /><div style="clear: both; text-align: center;">
<iframe allowfullscreen="true" frameborder="0" height="280" mozallowfullscreen="true" src="https://docs.google.com/presentation/d/e/2PACX-1vR-QtQxKYszgVyJ6w1c7M0_auyHSg8TtRThO4WZWYcP33novCnVGWGNBbkS4nRoE5WgPEqAA1DbX-Dg/embed?start=false&loop=false&delayms=3000" webkitallowfullscreen="true" width="320"></iframe></div>
<br /><p>■16:9の画像</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbHdODVp7dS5TkTxxRiT9aCVo-tiwOcjnoos6d92haEWwYl6pa_gm_DdhILpifK5cOzrXWCajlYD0jXkxDAZlDKgWoGDWziqDMWUjJCHMPJ6JwqWkiEgOdoOwpflYms0P5qIAtb7pi3BBUfBofEulkBK6RlfJNcU3I6FC55IRsp6FWZ8IG27sqnTE-/s1920/YWT.png" style="margin-left: 1em; margin-right: 1em;"><img alt="YWTフレームワークテンプレート画像(16:9)" border="0" data-original-height="1080" data-original-width="1920" height="181" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbHdODVp7dS5TkTxxRiT9aCVo-tiwOcjnoos6d92haEWwYl6pa_gm_DdhILpifK5cOzrXWCajlYD0jXkxDAZlDKgWoGDWziqDMWUjJCHMPJ6JwqWkiEgOdoOwpflYms0P5qIAtb7pi3BBUfBofEulkBK6RlfJNcU3I6FC55IRsp6FWZ8IG27sqnTE-/w320-h181/YWT.png" title="YWTフレームワークテンプレート画像(16:9)" width="320" /></a></div><br /><p><br /></p>
<p>■4:3の画像</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc9HPF7aOH7kakpe_xPh1L1qCwa8cA0HZ95NBC3vytU3DDzA-ZmeXu_5z6bO6LhEfbj7P_-HIQ_nH3LHTJZmJht4rg5g4vGC3GjaalrR7PG99GFj2wCO57UDBbND131XfXQRiFIvKUOihRmaeiRp4GBYEIXoFE42uv8kYowV2Ao7yb_mu6k7VKmtiI/s1920/YWT-4-3.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1440" data-original-width="1920" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhc9HPF7aOH7kakpe_xPh1L1qCwa8cA0HZ95NBC3vytU3DDzA-ZmeXu_5z6bO6LhEfbj7P_-HIQ_nH3LHTJZmJht4rg5g4vGC3GjaalrR7PG99GFj2wCO57UDBbND131XfXQRiFIvKUOihRmaeiRp4GBYEIXoFE42uv8kYowV2Ao7yb_mu6k7VKmtiI/w320-h240/YWT-4-3.png" width="320" /></a></div><div><br /></div>■おまけで<a href="https://drive.google.com/file/d/1r--o-1OKhcy9b3EL2PArSNz3zZWfEUJC/view?usp=sharing" rel="nofollow" target="_blank">PDFデータ(Illustratorで編集可)</a>のデータも置いておきますね<br /><br /><p><br /></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-5925136925458125362022-04-21T23:58:00.002+09:002022-04-21T23:58:17.823+09:00SASE(Secure Access Service Edge)のメリット その1<h1 style="text-align: left;">ITコストの削減 複雑性を軽減</h1><p>クラウドアプリケーションやSaaSサービスにデータが分散し、ユーザーがどこからでも作業できるようになった今、従来のネットワークベースのセキュリティモデルは限界に達しています。</p><p>そのため、企業はセキュリティのギャップを埋めるために追加サービスを導入することを余儀なくされています。</p><p>その結果、導入、管理、運用のコストが大幅に増加し、チームも十分に成長できていません。このようにコストと複雑さが増しているにもかかわらず、ネットワーク・セキュリティ・モデルは依然として拡張性がなく、機敏でもなく、デジタルの世界では単に効果的とは言えません。</p><p>SASEは、従来の概念を用いて現代の問題を解決しようとするのではなく、セキュリティモデルを反転させます。従来のアプローチは、アプリケーションの周囲に境界線を作ることに重点を置いていましたが、SASEは、アプリケーションにアクセスするユーザーなどのエンティティに重点を置き、セキュリティを可能な限りエンティティに近づけています。SASEはクラウドサービスとして、組織で定義されたビジネスルールに基づいて、サービスへの接続を動的に許可または拒否します。これは、SWGやZTNAなど、これまで別々に存在していた多くの機能を統一した1つのサービスを通じて行われます。</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-74160129961027747592022-04-06T00:54:00.001+09:002022-04-06T00:54:33.427+09:00illustratorで開けないSVG画像の対処のしかた<p>SVGデータで、ごく稀にブラウザでは普通に見れるのに、illustratorで開くと表示されない(孤立点のようになってしまう)ものがあります。</p><p>SVGのPathの書き方がillustratorで対応できないものになっているようでそのまま使う事ができません。</p><p>そんなとき、どうするか</p><p>答えは簡単で、変換サービス( 例 https://convertio.co/ja/ )等を使ってEPS形式に変換すれば問題なくillusutrator等で利用できます。</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUb_vvTHiDom0yISpDfZ99i4fUqiZMte0jkbt-7Y11VHauftUbIvHZWYCMMIDwCru-z0eown7RlDHTjnHXKux1Ui_JSGIedHq7gelzwr6UjXpQnBl0n3WD_cty8xFW6-9HUVs47hyWWFvgyPR7oQvxbop3pZQXQ9A2toghUbwJntsvUqb7FNYy8vp/s1416/ss.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1014" data-original-width="1416" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidUb_vvTHiDom0yISpDfZ99i4fUqiZMte0jkbt-7Y11VHauftUbIvHZWYCMMIDwCru-z0eown7RlDHTjnHXKux1Ui_JSGIedHq7gelzwr6UjXpQnBl0n3WD_cty8xFW6-9HUVs47hyWWFvgyPR7oQvxbop3pZQXQ9A2toghUbwJntsvUqb7FNYy8vp/s320/ss.png" width="320" /></a></div><br /><p><br /></p><p>SVGファイルの一部分を書き換えて使えるようにならないものか、色々試したのですが、Pathの書き方を変換する手間を考えたら、EPS形式への変換サービスを使ってしまうのが一番早いって事に気づいてしまいました。</p><p>ちなみに今回ご紹介した「Convertio」はChromeの機能拡張もあるのでぜひ利用してみてください!</p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-411162703119763254.post-44369795908171270142022-03-24T03:30:00.003+09:002022-03-24T03:30:41.933+09:00After Effects: AEGP プラグイン AEDynamicLinkServer: Adobe Media Encoderがインストールされていません。 というエラーが出たときの対処法と原因<p style="background-color: white; border: 0px; box-sizing: border-box; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 28px; margin: 0px; padding: 0px; vertical-align: baseline;">Adobe After Effectsで作成したコンポジションから</p><p style="background-color: white; border: 0px; box-sizing: border-box; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 28px; margin: 0px; padding: 0px; vertical-align: baseline;">書き出し > Adobe Media Encoderキューに追加を選択すると、以下のようなエラーメッセージが出る事があります。</p><p style="background-color: white; border: 0px; box-sizing: border-box; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 28px; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></p><p style="background-color: white; border: 0px; box-sizing: border-box; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px; font-stretch: inherit; font-variant-east-asian: inherit; font-variant-numeric: inherit; line-height: 28px; margin: 0px; padding: 0px; vertical-align: baseline;">After Effects: AEGP プラグイン AEDynamicLinkServer: Adobe Media Encoderがインストールされていません。この機能を使用するには、ダウンロードしてインストールしてください。https://creative.adobe.com/apps_jpを参照してください。</p><p><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">(5027、12)</span> </p><p>このエラーの原因が出る理由は主に3つ</p><p></p><ol style="text-align: left;"><li><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">Media Encoderのインストールしてある場所がCドライブではない。</span></li><li><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">After Effectsのバージョンと</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">Media Encoderのバージョンがあっていない。</span></li><li><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">アプリケーションが壊れている。</span></li></ol><p></p><p><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">それぞれの対処法を見ていきましょう。</span></p><p><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;"><br /></span></p><p><b><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">(1)Media Encoderのインストールしてある場所がCドライブではない。</span></b></p><p><span style="color: #4b4b4b; font-family: adobe-clean-serif;"><span style="font-size: 18px;">Windowsの場合、Cドライブに</span></span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">Media Encoderがないと、After Effectsからうまく開けないようです。CドライブはOSだけにしてアプリケーションをDドライブなどに入れている場合に発生します。</span></p><div><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">これは諦めてCドライブにインストールするようにするしかないようです。</span></div><div><span style="color: #4b4b4b; font-family: adobe-clean-serif;"><span style="font-size: 18px;"><br /></span></span></div><b><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">(2)After Effectsのバージョンと</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">Media Encoderのバージョンがあっていない。</span></b><p></p><p><span style="color: #4b4b4b; font-family: adobe-clean-serif;"><span style="font-size: 18px;">Adobe CCになってから、</span></span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">After Effects</span><span style="color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">のアイコンでも「</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">After Effects 2021</span><span style="color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">」と「</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">After Effects 2022</span><span style="color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">」が両方インストールされていたりするようになりました。スタートメニューに登録されているものが2021だったりすると</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">Media Encoderの2022とはリンクできません。</span></p><p><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">Media Encoderと同じバージョン(分かりやすいのはどちらも最新版)を起動して作業をしてみましょう。スムーズに</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">After Effectsから</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">Media Encoderへ書き出しができるはずです。</span></p><p><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">(3)アプリケーションが壊れている。</span></p><p><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">これはAdobe Creative Cloudから</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">After Effectsと</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">Media Encoderの両方をアンインストールし、必ず再起動してから再インストールしてみましょう。アンインストールの際に設定ファイルなどは削除しておきましょう。※</span><span style="background-color: white; color: #4b4b4b; font-family: adobe-clean-serif; font-size: 18px;">アンインストールの際にダイアログが出て聞かれます。</span></p><p><br /></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-76746193035888140322022-03-02T01:07:00.006+09:002022-03-02T01:13:27.527+09:00(AppleScriptを使った)撮った写真の選別を10倍早くする方法<p>写真撮る人なら分かると思うんですが、撮った写真の選別って大変ですよね。今回はMacユーザー向けなのですが、撮った写真の選別を10倍早くする方法をご紹介したいと思います。</p><h2 style="text-align: left;">要約</h2><p>実際にやることは、ファイル名の最後に特定の文字列を追加する(AppleScript)ショートカットを設定する方法をご紹介したいと思います。この方法を使うと、不要な写真の削除と良い写真に印を付けるのを同時にでできます。</p><p>やること</p><p>(1)Automatorを起動してスクリプトを登録</p><p>(2)システム設定からスクリプトのショートカットを登録</p><p><br /></p><h3 style="text-align: left;">まず基本的な写真の選別方法について</h3><p>マウスに持ち替える事なくキーボードだけで表示</p><p></p><ol style="text-align: left;"><li>写真を入れたフォルダを開いて、一番最初のファイルを選択<br />※読み込みスピードが全然違うので、USBやSDカードではなく、デスクトップなどにコピーしてから実施しましょう。<br />ここからはマウスは使わずキーボードだけです。</li><li>command+Y (<span face="arial, sans-serif" style="background-color: white; color: #202124; font-size: 16px;">クイックルック</span>)を使って写真を大きく表示</li><li>目を瞑っていたり、ボケていたりうまく撮れていない写真は command + delete で削除</li><li>ダメではない写真はそのままにして「↓」キーで次のファイルを表示</li><li>コレだ!と思った写真はショートカットキーでファイル名の最後に★印つける</li><li>続けて「↓」で次のファイルを確認</li></ol><div>っていう感じで作業すると爆速で写真の選別が終わります。</div><div>ではショートカットの設定の仕方をみていきましょう。</div><div><br /></div><h3 style="text-align: left;">(1)Automatorを起動してファイル名の最後に「★」を追記するスクリプトを登録(AppleScript)</h3><div>①ファイル名の最後に「★」を追加するために、まずはMacのアプリケーションフォルダにある、Automator.appを起動し「<b>クイックアクション</b>」を選択します。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEiijn4pwhyo9fk0hrI0dJPDCwkwrGANGaatDFoYCH3y1dAVSpA7sLnhcvDbQCI0NzFejGTLFXJZpyY3H9hdcrTiyp2IeLFFtyYJnbJsoRFE0Qvts1_17Di7IwRx3vNQ1BavvfQxDMM0fUj_vRsEcRdQTssTRhtVJiC4NoP8BZgqR18J9hww-HXZvVje=s259" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="198" data-original-width="259" height="198" src="https://blogger.googleusercontent.com/img/a/AVvXsEiijn4pwhyo9fk0hrI0dJPDCwkwrGANGaatDFoYCH3y1dAVSpA7sLnhcvDbQCI0NzFejGTLFXJZpyY3H9hdcrTiyp2IeLFFtyYJnbJsoRFE0Qvts1_17Di7IwRx3vNQ1BavvfQxDMM0fUj_vRsEcRdQTssTRhtVJiC4NoP8BZgqR18J9hww-HXZvVje" width="259" /></a></div><br /><div><br /></div><div>②画面が開いたら <b>ライブラリ>AppleScriptを実行</b> を選択し「<b>AppleScriptを実行</b>」をダブルクリックします。そうすると一番右にAppleScriptを実行というウインドウが出てきます。</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEj7hpk3Cxwzv8W2N37ZC7g11RMlHuwi6UEkYwWYuZYOchbjw1l9x_w9uBMVnFbbQqy7_I1wU8J8AoLYb0RwCnQZmNpI6A0TURgOaSY9Jy9Fm_8innkaBawwI3OYu9vfXThYPlhwnMbI0yo0bUViH6CiovN-FBWkt4uooVK4I3WP-0NzvEgjpwTfSD87=s1112" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="992" data-original-width="1112" height="402" src="https://blogger.googleusercontent.com/img/a/AVvXsEj7hpk3Cxwzv8W2N37ZC7g11RMlHuwi6UEkYwWYuZYOchbjw1l9x_w9uBMVnFbbQqy7_I1wU8J8AoLYb0RwCnQZmNpI6A0TURgOaSY9Jy9Fm_8innkaBawwI3OYu9vfXThYPlhwnMbI0yo0bUViH6CiovN-FBWkt4uooVK4I3WP-0NzvEgjpwTfSD87=w451-h402" width="451" /></a></div><br /><div>③ここに以下のコードを貼り付けます。</div><div><br /></div><pre style="background-color: silver; padding: 20px;">tell application "Finder"
set select_list to selection
repeat with f in select_list
set fname_ext to f's name --ファイル名&拡張子
set fext to f's name extension --拡張子
set fname to (f's name as text)'s items 1 thru -(((f's name extension as text)'s length) + 2) as text --ファイル名
set fdir to f's folder as alias --ディレクトリ
end repeat
end tell
fname_ext & return & fext & return & fname & return & fdir
set newfname_ext to fname & "★." & fext
tell application "Finder"
set name of file fname_ext of folder fdir to newfname_ext
end tell
</pre><div><br /></div><div>④貼り付けた後にトンカチマークをクリックしておきましょう。</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEjct8UjE4ufB4kUWV6mhY-wpf7JODBlOS7gotLieUsytcK8hlLCTmydv-yGY_sF_ysw8ucqbBDRACKTjHDhxnlvF6FrznmbVFCoXZv38qKNSDyOpTip8ioTED3kWXoVTdfhs0w8qkD93jlSBsHROknhorI10HY5GpzyWYA3M1o3sJQfqitszaKfWblF=s1112" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="992" data-original-width="1112" height="441" src="https://blogger.googleusercontent.com/img/a/AVvXsEjct8UjE4ufB4kUWV6mhY-wpf7JODBlOS7gotLieUsytcK8hlLCTmydv-yGY_sF_ysw8ucqbBDRACKTjHDhxnlvF6FrznmbVFCoXZv38qKNSDyOpTip8ioTED3kWXoVTdfhs0w8qkD93jlSBsHROknhorI10HY5GpzyWYA3M1o3sJQfqitszaKfWblF=w495-h441" width="495" /></a></div><br /><div><br /></div><div><br /></div><div>※Finderで適当なファイルを選んで、このコードの左上にある▶ボタンを押すとファイル名の最後(拡張子の前)に★マークが付くのが確認できると思います。</div><div><br /></div><p></p><p>⑤ファイルメニューから保存、クイックアクションの名前は何でも良いのですが、「addstar」とかにしておきましょう。Automatorの作業はここで終わりです。</p><p><br /></p><h3 style="text-align: left;">(2)システム設定からスクリプトのショートカットの設定方法</h3><p>①続いて、<b>システム環境設定</b> から <b>キーボード</b> を選択</p><p><b>ショートカット</b> の <b>サービス</b> を選択</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEg6NNlVRvywWUjLVPR4HwwPTJF_CiLNYwTNdkgJ8-88bKFBAHImn9igAvk9eujNYRKthnize7a94_B0mGKhFu5UldQmVNrWyg6BSbzxi62rhad3qwaPqprkqV7AeJTgJttQdlwfwgConYbyR0Ft2wTiGlLJJOhRrDiZANSb52ZMm32vAN1yxRI_e-2y=s780" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="708" data-original-width="780" height="454" src="https://blogger.googleusercontent.com/img/a/AVvXsEg6NNlVRvywWUjLVPR4HwwPTJF_CiLNYwTNdkgJ8-88bKFBAHImn9igAvk9eujNYRKthnize7a94_B0mGKhFu5UldQmVNrWyg6BSbzxi62rhad3qwaPqprkqV7AeJTgJttQdlwfwgConYbyR0Ft2wTiGlLJJOhRrDiZANSb52ZMm32vAN1yxRI_e-2y=w501-h454" width="501" /></a></div><br /><p><br /></p><p>②一覧の中にある <b>addstar</b> を選択し、「ショートカットを追加」</p><p>オススメは command + ¥ です。※¥キーがdeleteキーの隣なので、選別作業中にキーボード見なくても感覚的に押せるから!</p><p><br />以上です!</p><p><br /></p><p>良いフォトライフを!</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-29635102588640450292021-09-09T13:28:00.001+09:002021-09-09T13:28:39.491+09:00Twitter等シェアボタンのリンクで 投稿の文章を改行したい時<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhx8cEAli4AcwhR7aOp7Cu6FiCUFGWstABjHH6SEOV_ohJhJl9iCJDkk_Ir8wX-eALh42fJdzKvN7sDtU4zzmZpTs6kl7GtfY9EwPg3PLTf6FDSIkq4nTSAYxfFnE6B_oHpKkzqzkpNqc/s800/sns_share_url.png" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" width="320" data-original-height="300" data-original-width="800" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhx8cEAli4AcwhR7aOp7Cu6FiCUFGWstABjHH6SEOV_ohJhJl9iCJDkk_Ir8wX-eALh42fJdzKvN7sDtU4zzmZpTs6kl7GtfY9EwPg3PLTf6FDSIkq4nTSAYxfFnE6B_oHpKkzqzkpNqc/s320/sns_share_url.png"/></a></div>
<h2>Twitterとかのシェアボタン</h2>
シェアすると、ちょっとした文章、タグ、URLが入ってると嬉しいですよね?
そういう時はtextやurlといったパラメータを使って、こんな感じでリンク書くと実装できます。
<pre>https://twitter.com/share?text=%0a%0a#入れたいタグ%0a&url=https://www.sample.com</pre>
ですが、このままだと
<pre>
#入れたいタグ https://www.sample.com</pre>
という感じに、一行になってしまい、読みにくいです。
ここで、タグとURLの間に改行入れたい場合はテキストの最後に「%0a」を入れてみましょう
<pre>https://twitter.com/share?text=%0a%0a#入れたいタグ%0a&url=https://www.sample.com</pre>
こうすると
<pre>
#入れたいタグ
https://www.sample.com</pre>
といった感じで、改行されて読みやすくなります!Unknownnoreply@blogger.comtag:blogger.com,1999:blog-411162703119763254.post-75093963101878454462021-09-01T12:42:00.001+09:002021-09-01T12:42:20.081+09:00Googleサイトのグリッドの幅(グリッドレイアウト)<p> 新しいGoogleサイトはグリッドレイアウトでキレイにレイアウトができるようになっています。</p><p>ですが、3カラムのスペースに画像を貼る時はどのくらいのサイズの画像が必要なんだっけ?となったので、それぞれのサイズを調べてみましたので共有します。</p><h2 style="text-align: left;">それぞれのカラムのサイズ一覧</h2><blockquote style="border: none; margin: 0px 0px 0px 40px; padding: 0px; text-align: left;"><p></p><h3 style="text-align: left;">ヘッダーのサイズ</h3><p></p><p>幅 1280px 高さ 340px 以上 ※高さは可変するので大きめに </p></blockquote><blockquote style="border: none; margin: 0px 0px 0px 40px; padding: 0px; text-align: left;"><h3 style="text-align: left;">2カラムのサイズ</h3><p>約 562.406px</p><h3 style="text-align: left;">3カラムのサイズ</h3><p>約 365.062px</p><h3 style="text-align: left;">4カラムのサイズ</h3><p>約 266.406px</p><h3 style="text-align: left;">6カラムのサイズ</h3><p>約 167.734px</p><h3 style="text-align: left;">12カラムのサイズ</h3><p>約 69.063px</p></blockquote><h2 style="text-align: left;">チートシート</h2><p>こちらは他の一般的なグリッドレイアウトでも使えると思いますので、ご活用いただければと思います。<br /><br /><br /></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8w1HtBokNbFjpxdJdCCAK_RHFnt7EA_wwE_VLjcdAOXzv4WDucHYvUbAVlkyMZ95mJDVau9wPDIUz4ipRfUEN76UoJsqEQJsKQs-rNibNpmVbvB27_7jTsjJjwOvMQBe5W2MyyAqD7x0/s1512/googlesite-grid_layout.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1320" data-original-width="1512" height="559" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8w1HtBokNbFjpxdJdCCAK_RHFnt7EA_wwE_VLjcdAOXzv4WDucHYvUbAVlkyMZ95mJDVau9wPDIUz4ipRfUEN76UoJsqEQJsKQs-rNibNpmVbvB27_7jTsjJjwOvMQBe5W2MyyAqD7x0/w640-h559/googlesite-grid_layout.png" width="640" /></a></div><br /><p>あくまでも「だいたいこのくらい」という感じで参考にしていただいて、実際に使用する画像は大きめに作ったほうが良いかと思います。(スマホで見る際は画面の解像度高くなるので)<br /></p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-36595981622865926142021-08-29T13:19:00.002+09:002021-08-29T13:19:09.142+09:00【10秒で】Googleスプレッドシートで「完了」や「済」の行に色を付ける書式設定のやり方<p> Googleスプレッドシートで「完了」や「済」の行に色を付けたいときの設定の仕方!<br />10秒でお伝えします!</p><p></p><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><div class="separator" style="clear: both; text-align: center;"><br /></div><br /><img alt="" border="0" class="placeholder" id="0b052916e2dca" src="https://www.blogger.com/img/transparent.gif" style="background-color: #d8d8d8; background-image: url('https://fonts.gstatic.com/s/i/materialiconsextended/insert_photo/v6/grey600-24dp/1x/baseline_insert_photo_grey600_24dp.png'); background-position: center; background-repeat: no-repeat; opacity: 0.6;" /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW6YtdOlfvSDpSnpGobqPuJuUkSy6fOYn8YEYrhjLZxRDBhawvSm1LsARlNwDsvH31eiiPGtiZvdwQLMONQmqcHsR54NHxjUVKsLl0Q-DBLspjyhOED2YXD6Ty8OD0bQkhc6g3ldjFF-s/s758/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2021-08-29+13.03.54.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="566" data-original-width="758" height="478" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW6YtdOlfvSDpSnpGobqPuJuUkSy6fOYn8YEYrhjLZxRDBhawvSm1LsARlNwDsvH31eiiPGtiZvdwQLMONQmqcHsR54NHxjUVKsLl0Q-DBLspjyhOED2YXD6Ty8OD0bQkhc6g3ldjFF-s/w640-h478/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2021-08-29+13.03.54.png" width="640" /></a></div><br /><div style="text-align: left;"><br /><ol style="text-align: left;"><li>「完了」の行に色付けたい表全部選んで右クリック→条件付き書式設定</li><li>カスタム数式で(この表の場合)<b style="background-color: #fcff01;">=$E2<>""</b> と入力して完了</li></ol><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie2Wrg3Gj6bLw1mq23jltGkSWjDDH3kBq31rWkhVTYgDdmkEIIOy5NRlYk3FH6NDcjXsRc05fNSJGxUyMXYkjAVIhRsy-UqKYxVDvqtVvmWrl6N0udQttT7Lkx9xDLWjIIxiSOqb7lVkU/s929/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2021-08-29+13.11.52.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="526" data-original-width="929" height="362" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie2Wrg3Gj6bLw1mq23jltGkSWjDDH3kBq31rWkhVTYgDdmkEIIOy5NRlYk3FH6NDcjXsRc05fNSJGxUyMXYkjAVIhRsy-UqKYxVDvqtVvmWrl6N0udQttT7Lkx9xDLWjIIxiSOqb7lVkU/w640-h362/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2021-08-29+13.11.52.png" width="640" /></a></div><br /><div><br /></div><div>以上です!<br /><br /></div><div><br /></div></div></div><h3 style="text-align: left;"><b style="background-color: #fcff01;">$E2</b> の部分について</h3><p></p><p>「完了」や「済」の文字がある列の一番上のセル。ここではE2の事になります。<br />この例では「完了」や「済」の文字が上から下に並んでいますが、右から左のようにならんでいる場合はE$2のように行番号の方に$がつきます。<br />この$の意味を調べたかったら「Excel 絶対参照」とかで検索してみてください。</p>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-92002826779721572372021-07-30T16:10:00.002+09:002021-09-05T16:58:28.411+09:00【2021年度版】マイクロソフトアカウントの削除の仕方<p>元々使っていたMicrosoftアカウントが、既に退職&消滅している会社のドメインで登録されていたので、個人用メールアドレスに変更しようとしました。<br />しかし、既に個人用メールアドレスでもう一つ、別のマイクロソフトアカウントを作ってしまっており、ログイン用のメールアドレスとして利用できなくなってしまっていました。</p><p>そこで、間違えて作ってしまった個人アドレスの方のアカウントを消そうと思い、Microsoftアカウントの削除方法を調べていたのですが、全然新しい情報が無く悪戦苦闘したのでメモしておきます。</p><p></p><ul style="text-align: left;"><li>複数のマイクロソフトアカウントを統合したい</li><li>マイクロソフトアカウントのメールアドレスを変更したい</li><li>マイクロソフトアカウントを完全に削除したい</li></ul><div>といった方にとって約にたてば良いなと思います。</div><div><br /></div><div>※別に複数のアカウントがあっても困らないのですが、今回すでに取得している資格の情報をまとめたかったので...</div><p><br /></p>さっそくですが<p></p><p></p><h1 style="text-align: left;">マイクロソフトアカウントの削除の仕方</h1><br /> https://support.microsoft.com/ja-jp/home/expcontact<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYEDst5mXbhRKXdwym-Q9OaoMDRr2ape-EdI6ZtK2nfPTZ05Vmv0ydI7fbRozn-bGDCrHp_1NkLZEPBqV_PGmoWRT-vNxE_8J3xGWBVCPISnaZ1qZpjFnXPwuxQXif_cuLaZCQvRqopY/s1084/ss.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="604" data-original-width="1084" height="223" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYEDst5mXbhRKXdwym-Q9OaoMDRr2ape-EdI6ZtK2nfPTZ05Vmv0ydI7fbRozn-bGDCrHp_1NkLZEPBqV_PGmoWRT-vNxE_8J3xGWBVCPISnaZ1qZpjFnXPwuxQXif_cuLaZCQvRqopY/w400-h223/ss.png" width="400" /></a></div><br /><p></p><ol style="text-align: left;"><li>上記のページで「マイクロソフトアカウントを削除」と打ち込みます</li><li>そして、「ヘルプの表示」をクリック</li><li>アカウントの削除を続行しますか?の項目で「はい」を選択</li></ol><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyD_S4Cn5I3alYf7smHJuDG0EALmZfy3dPQ6Ls1WDy3ORC0TwrhWOmzyOkdY_Ym_lrNQoCDvif5t3xCi9KKDuUrGOTqKhJDNLa2O3FZYZBQYvdgoQgKfEBQals_5hb4xYuTyA7yTkuuvU/s661/ss2.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="513" data-original-width="661" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyD_S4Cn5I3alYf7smHJuDG0EALmZfy3dPQ6Ls1WDy3ORC0TwrhWOmzyOkdY_Ym_lrNQoCDvif5t3xCi9KKDuUrGOTqKhJDNLa2O3FZYZBQYvdgoQgKfEBQals_5hb4xYuTyA7yTkuuvU/s320/ss2.png" width="320" /></a></div><br /><div><br /></div><div><br /></div><div>以上です。</div><div>この後、必要であればサインイン、そして注意事項や削除理由などが聞かれます。</div><div>30or60日はアカウントは完全に削除されず<br />再度ログインしたらアカウントは復活できます<br /><br />アカウント削除したら別アカウントでログイン用のメールアドレスにできるのかどうかはわかりませんが30日後にトライしてみたいと思います。</div><br /><p></p><div><br /></div><div>【追記】</div><div>1ヶ月後、無事アカウントが削除されて別のMicrosoftアカウントのプライマリのメールアドレスに設定できました!</div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-86674926881118947812021-04-22T15:29:00.000+09:002021-04-22T15:29:01.982+09:00行の入れ替え(VSCode の絶対覚えておきたい便利なショートカット)<p> VSCode (Visual Studio Code)のショートカットやプラグインの紹介する記事はたくさんあるけど一気にたくさんは覚えられないので、劇的に作業効率があがるものを1記事で1つづつ紹介していきます。</p><p></p><h1 style="text-align: left;">行を入れ替えるショートカット!</h1><div><p>最初のショートカットはこちら<br />※Mac=option Windows=alt で読み替えてください</p><p><span style="background-color: #ffa400;">option + ↑ or ↓</span></p></div><p></p><p><b></b></p><blockquote><b><ul><br /> <li>AAAAA</li><br /> <li>BBBBB</li><br /> <span style="color: red;">|</span><li>CCCCC</li><br /></ul></b></blockquote><p></p><p>この状態で option + ↑ すると...</p><p></p><blockquote><b><ul><br /> <li>AAAAA</li><br /> <span style="color: red;">|</span><li>CCCCC</li><br /> <li>BBBBB</li><br /></ul></b></blockquote><p></p><p>になります。</p><p>実際にこのショートカット使わないで同じ事やろうとすると</p><p></p><ol style="text-align: left;"><li>行の選択</li><li>カット</li><li>カーソル上に移動</li><li>改行</li><li>ペースト</li></ol><p></p><p>って感じでそこそこ面倒なんですよね。このショートカットでリストの編集はかなり作業時間短縮できるのでWebページ扱う人にオススメしてます。</p><p><br /></p><h3 style="text-align: left;">ついでにもう一つ</h3><p><span style="background-color: #ffa400;">option + shift + ↑ or ↓</span></p><p>これで行が複製できます!</p><p><b></b></p><blockquote><b><ul><br /> <li>AAAAA</li><br /> <li>BBBBB</li><br /> <span style="color: red;">|</span><li>CCCCC</li><br /></ul></b></blockquote><p></p><p>この状態で option + shift + ↓ すると...</p><p><b></b></p><blockquote><b><ul><br /> <li>AAAAA</li><br /> <li>BBBBB</li><br /></b><b> <li>CCCCC</li></b><b><br /> <span style="color: red;">|</span><li>DDDDD</li><br /></ul></b></blockquote><b></b><p></p><p>になります!</p><p>これでばばっと<li>要素を必要なだけ作って、中身だけ入れ替えたりします。<br /><br /></p>Unknownnoreply@blogger.comtag:blogger.com,1999:blog-411162703119763254.post-90975417833795053452020-07-30T17:47:00.001+09:002020-07-30T17:54:32.574+09:00渋谷から半径3km限定? Uber Eatsみたいなサービス「Chompy」イイ!たまにはデザインとは関係ない話<br />
<br />
コロナで在宅が始まって、Uber Eatsみたいなフードデリバリーサービスを使うようになったんですが<br />
結局Uber Eatsは一回しか使わず、Chompyというサービスをメインで使っています。<br />
<br />
<h2>
Uber Eats使わなくなった理由</h2>
<br />
<ul>
<li>チェーン店ばっかり出てくる→どこにでもあるから魅力を感じない</li>
<li>食べたいものを探しにくい→選択肢多すぎ&チェーン店ばかりであんまり食べたいものが見つからない</li>
</ul>
<br />
<br />
<h2>
Chompyのココがいい!</h2>
<br />
<ul>
<li>普段、わざわざ足を運んで行きたくなるような個人店が多い!</li>
</ul>
<br />
→渋谷の喜楽とか、うどんのやしまとかとか<br />
<br />
<ul>
<li>取り扱い店舗数が少ないからというのもあるけど、食べたいものが探しやすい</li>
</ul>
<br />
→カテゴリ分けも適度な感じ<br />
<br />
<ul>
<li>利用者が写真をUPできる!</li>
</ul>
<br />
→実際にどんな感じで来るのかがわかるのでガッカリしなくて済む!<br />
<br />
<ul>
<li>★自分の好きなお店が使ってる!★</li>
<li>お店の人に聞いた話ですが、Urberとかよりも抜かれるマージンや手間が少なくて導入しやすいというのもあるそうです。</li>
<li>すごい良いサービスにしようという意志がみえる</li>
</ul>
<br />
→ユーザーや配達員も入れるSlackチャンネルがあって、日々改善要望やこんなお店に登録してほしい!みたいな事をやってるみたいです。こうやって見えるところで良いサービス作ろうとしているのは、こちらも応援したくなりますよね!<br />
<br />
Chompyは、店舗も利用者も渋谷から半径3kmしか利用できません(今はもう少しエリア拡大してるかも)<br />
なので使える方は限られますが、個人的にとても大好きなサービスなので是非つかってみてください!<br />
<br />
では、良いテレワーク生活を!<br />
<br />
<br />
<span style="font-size: medium;">※お友達紹介コード
</span><br />
<span style="font-size: large;"><b>G3JRKU</b>
</span><br />
<span style="font-size: medium;">これ入れると1500円分のクーポンもらえるので是非使ってください
</span><br />
<br />
<br />
<div id="appreach-box" style="text-align: left;">
<img alt="Chompy (チョンピー)" id="appreach-image" src="https://is3-ssl.mzstatic.com/image/thumb/Purple114/v4/9c/a1/49/9ca14921-cbe7-720b-6c82-5b2ca2ed4c39/source/512x512bb.jpg" style="border-radius: 10%; float: left; margin: 10px; max-width: 120px; width: 25%;" /><br />
<div class="appreach-info" style="margin: 10px;">
<div id="appreach-appname">
Chompy (チョンピー)</div>
<div id="appreach-developer" style="display: inline-block; font-size: 80%;">
開発元:<span id="appreach-developerurl">Syn, Inc.</span></div>
<div id="appreach-price" style="display: inline-block; font-size: 80%;">
無料</div>
<div class="appreach-powered" style="display: inline-block; font-size: 80%;">
posted with<a href="https://mama-hack.com/app-reach/" rel="nofollow" target="_blank" title="アプリーチ">アプリーチ</a></div>
<div class="appreach-links" style="float: left;">
<div id="appreach-itunes-link" style="display: inline-block;">
<a href="https://apps.apple.com/jp/app/chompy-%25E3%2583%2581%25E3%2583%25A7%25E3%2583%25B3%25E3%2583%2594%25E3%2583%25BC/id1489433617?uo=4" id="appreach-itunes" rel="nofollow" target="_blank"><img src="https://nabettu.github.io/appreach/img/itune_ja.svg" style="height: 40px; width: 135px;" /></a></div>
<div id="appreach-gplay-link" style="display: inline-block;">
<a href="https://play.google.com/store/apps/details?id=com.syn_inc.chompy" id="appreach-gplay" rel="nofollow" target="_blank"><img src="https://nabettu.github.io/appreach/img/gplay_ja.png" style="height: 40px; width: 134.5px;" /></a></div>
</div>
</div>
<div class="appreach-footer" style="clear: left; margin-bottom: 10px;">
</div>
</div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-35231347147057028752019-10-01T14:31:00.000+09:002019-10-01T14:31:30.800+09:00icloudから不要なデータ「書類」を削除できない 削除しても容量が増えない<div>
icloudの容量がいっぱいになったので不要なデータ「書類」を削除できない 削除しても容量が増えない</div>
<div>
<br /></div>
<div>
Macの「デスクトップ(のファイル)」や「書類」を iCloud Drive に保存する機能。</div>
<div>
あれ便利ですよね。職場で作業してたファイルに自宅からiCloud経由でアクセスできたりしますし。</div>
<div>
でも課金しないと5GBまでの制限なんですよね。</div>
<div>
で、ある日</div>
<div>
<br /></div>
<div>
<b>この書類をiCloudに保存するために十分な空き領域がありません。追加のストレージを購入するか、iCloudから不要な書類を削除してください。</b></div>
<div>
<br /></div>
<div>
iCloudストレージの使用容量が上限に達しました。</div>
<div>
写真、ビデオ、書類、データは更新されなくなりました。</div>
<div>
<br /></div>
<div>
こんな感じのメッセージ出たのでシステム環境設定>iCloud>下のとこの「管理」から</div>
<div>
その他の書類(10.7GBも使ってた!)を削除しようとしたら</div>
<div>
ストレージの空き容量を増やすには、Finderで「iCloud Drive」を開いて書類を削除します。</div>
<div>
との事</div>
<div>
で、削除してみたんですが容量増えないんです...</div>
<div>
<br /></div>
<div>
https://support.apple.com/ja-jp/HT204247</div>
<div>
「iCloud ストレージを管理する」このへん見てみてもファイルはちゃんと消せてるのに</div>
<div>
『容量が増えないんです』</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
色々検索しても情報なく、Web版のiCloud.com調べてみたんですがそれっぽいのがありました</div>
<div>
https://www.icloud.com/#settings</div>
<div>
iCloudの設定画面 ※もちろんストレージは書類でいっぱい</div>
<div>
<br /></div>
<div>
<strike>ここの左下の「ファイルの復元」ひらくと</strike></div>
<div>
<strike>ファイルには削除されるまでの残り日数が表示されます。この日数が経過すると、ファイルは完全に削除されます。</strike></div>
<div>
<strike>削除しても復元可能な状態で保存してるみたいです。</strike></div>
<div>
<strike>「書類とデータのリセット」をクリック</strike></div>
<div>
<b>でも、これで解決しないんです....</b></div>
<div>
<br /></div>
<div>
<br /></div>
<div>
結局どうやって解決したか</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpYaxlAoaIszzQAT_QAieUXiojrHC3gUoKyAVYJxchY22giJRjTOHVsldQfL8XvgSgfbf9usT6ZFNq1teiHNAy5YaaREx9zob3F4sA6eYmLnzKKcUhF2QKWoG1zdS-sfTGDv1yGTG9l-s/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2019-09-27+12.32.19.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="906" data-original-width="1146" height="252" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpYaxlAoaIszzQAT_QAieUXiojrHC3gUoKyAVYJxchY22giJRjTOHVsldQfL8XvgSgfbf9usT6ZFNq1teiHNAy5YaaREx9zob3F4sA6eYmLnzKKcUhF2QKWoG1zdS-sfTGDv1yGTG9l-s/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2019-09-27+12.32.19.png" width="320" /></a></div>
<div>
<br /></div>
<div>
電話サポートで対応してもらうのが一番早かったです...</div>
<div>
昔は全然つながらないイメージだったんですが、2分でつながってすぐに対応してくれました。</div>
<div>
<br /></div>
<div>
<a href="https://getsupport.apple.com/">https://getsupport.apple.com/</a></div>
<div>
ここから「もっと見る」→「iCloud」</div>
<div>
<br /></div>
<div>
<br /></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil7WR4ESYf7gjPyG40aQxYhSEfT6FwyNHQ6GUUdO2l8bDy-sepB2C69kSVodn01HvuJ8gCo9lak4kx3jIv4Nw0u_cutyHySGn8IsAdsD-mKGo549b5sJVufv9acMuK1vWR9O0jRO0a4C4/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2019-09-27+12.31.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1145" height="251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEil7WR4ESYf7gjPyG40aQxYhSEfT6FwyNHQ6GUUdO2l8bDy-sepB2C69kSVodn01HvuJ8gCo9lak4kx3jIv4Nw0u_cutyHySGn8IsAdsD-mKGo549b5sJVufv9acMuK1vWR9O0jRO0a4C4/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2019-09-27+12.31.14.png" width="320" /></a></div>
<div>
<br /></div>
<div>
この画面から適当に検索</div>
<div>
「実行しない.続ける。」というボタンが出てくるのでそれを押すとこの画面になります。</div>
<div>
※正式な遷移がわからない...</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizPjjRw7n2fguVowKJywN_YzUn9eaTUnqR3tg6n6HHdvdRa117wAbP2S1SUogJuxDRfgSvPItdM578WHqOT3SUPOgGNsCG5DBCiu0UO7PcnNeCB8pgK8_vVJzSe4ixXs_Xvo6LFasRl4w/s1600/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2019-10-01+14.23.10.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1047" data-original-width="1600" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizPjjRw7n2fguVowKJywN_YzUn9eaTUnqR3tg6n6HHdvdRa117wAbP2S1SUogJuxDRfgSvPItdM578WHqOT3SUPOgGNsCG5DBCiu0UO7PcnNeCB8pgK8_vVJzSe4ixXs_Xvo6LFasRl4w/s320/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588+2019-10-01+14.23.10.png" width="320" /></a></div>
<div>
<br /></div>
<div>
いますぐアドバイザーと話がしたい。</div>
<div>
が本当にすぐにつながります。</div>
<div>
<br /></div>
<div>
で、状況を説明して実際にファイルを削除していることを確認。</div>
<div>
あとAppleIDの確認などしたら対応してもらえます。</div>
<div>
<br /></div>
<div>
結論としては、デバイス上のファイルとiCloud.comの容量の認識が一致しないとか何とか</div>
<div>
検索してみたらけっこうよくある事らしいです。</div>
<div>
<br /></div>
<div>
アドバイザーさんがゴニョゴニョ操作してくれると数分でなおります。</div>
<div>
本当にすぐなおっちゃいますので、色々検索して試行錯誤するよりも電話したほうが早い感じでした。</div>
<div>
<br /></div>
<div>
※教訓→電話する前から諦めずちゃんとサポートを利用しよう。</div>
<div>
<br /></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-86659203747950855322019-09-14T17:52:00.000+09:002019-09-14T17:52:17.972+09:00AfterEffectsで複数のレイヤーを一括で順番を入れ替える方法After Effectsでillusutrator形式のファイルを、フッテージの読み込み→コンポジション(レイヤーをクロップ)みたいな作業するときになるやつで、上から「レイヤー5」「レイヤー4」「レイヤー3」「レイヤー2」って感じになるの、よくありますよね。<br />
複数のレイヤーを手動で並び替えてたんですが、一括で順番を入れ替える方法教わりました。<br />
<br />
<b>はじめに一番下のレイヤーを選択し、次に「Shift」キーを押しながら 一番上のレイヤーを選択してコピー(カット)&ペースト</b><br />
<br />
<br />
これだけで順番入れ替わります。今まで知らなかったけどめっちゃ便利!<br />
<br />
ちなみに上から選択したり、ドラッグして選択しても順番入れ替えはできません。<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-33179327468348642962019-03-17T19:32:00.000+09:002019-03-17T19:32:49.098+09:00Adobe CS6 Illustratorでアラビア文字やヒンディー語、タイ文字を入力する方法Illustrator CS6ではアラビア文字のような右から左に読む言語(Right-to-left writing)や、タイ文字の様に記号の位置が重要な言語、ヒンディー語なんかもテキストをコピペしてもちゃんと表示できません。<br />
もちろんフォントの問題もありますが、ユニバーサルフォントとかを選んでいてもです。<br />
<br />
古いバージョンのIllustratorには多言語対応コンポーザーというのが選択できてアラビア文字、ヒンディー語、タイ文字なんかも適切に表示できていたんですが、CS4以降はAdobe 日本語コンポーザ―というものしか選択できなくなってしまっています。<br />
<br />
<br />
CS4以降のAdobeソフトウェア(InDesign, Photoshop, Illustrator)にはWorld-Ready Composerが実装されている<br />
<br />
中東版のソフトウェアで作ったテキストエリアを含むファイルを開きコピペすることで、CS4のIllustratorでもWorld-Ready Composerを利用できる<br />
<br />
<br />
<h3>
Adobe Illustrator CC 以降</h3>
「環境設定」の「テキスト」から「インド言語のオプションを表示」をオンにすると「中東言語および南アジア言語コンポーザー」が利用できるようになるUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-61744513811061867282019-01-24T15:32:00.003+09:002019-01-24T15:32:49.723+09:00Local by Flywheel の古いバージョンのダウンロードの仕方Wordpressのローカル環境を作るのにとてもお手軽なLocal by Flywheel(ローカル・バイ・フライホイール)を利用しています。
ある日上部にオレンジ色の帯で
<br />
<pre><b>Environment update available!</b></pre>
とか
<br />
<pre><b>UPDATE ENVIRONMENT</b></pre>
と出たんですが
ボタンがグレーアウトして自動アップデートがうまく動作しなかったので
過去バージョンと入替えたいな! ってなったんです。<br />
でも、Localのサイトのトップページからは最新バージョンしかダウンロードできなかったのでダウンロードページを探しました。<br />
<br />
過去バージョンの一覧と最新バージョンが確認 & ダウンロードできます。
<a href="https://local.getflywheel.com/community/c/releases/l/latest">https://local.getflywheel.com/community/c/releases/l/latest</a><br />
<br />
あまり古いバージョン使う理由もないのでアップデートできないっていう場合にしか使わないかもですが参考になれば<br />
<br />
<h4>
Local by Flywheelの公式サイト</h4>
<div>
Local by Flywheel | Local WordPress development made simple<br />
<a href="https://local.getflywheel.com/" target="_blank">https://local.getflywheel.com/</a></div>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-75372451300790353982018-06-06T01:03:00.000+09:002018-06-06T01:03:02.618+09:00Helvetica フォント フリーダウンロードサイト久々の更新<br />
個人的には必要ないんだけど、Helveticaの情報を求めてこのブログにたどり着く方が多いので久しぶりの更新になります。<br />
<br />
タイトル通り、久しぶりにフォントのサイトを見ていたら<br />
たまたまHelveticaがあったのでメモしておきます。<br />
本物なのか亜種なのかは判断つかないですが、本物のHelveticaはちゃんとライセンスで保護されていて無料で使えないのでたぶん亜種なんでしょう。今はBMW Helveticaっていうのもあるんですね。<br />
<br />
Helvetica のFontのFREE DownloadサイトのURL<br />
<a href="https://www.fontsmarket.com/font-search?search=helvetica">https://www.fontsmarket.com/font-search?search=helvetica</a><br />
<br />
ざざっと見た感じOpenTypeではなくTrueTypeでした<br />
<br />
関係ないけど<br />
Helvetica Bold (18160 downloads)<br />
↑<br />
この差はいったい何だ<br />
↓<br />
Helvetica Black (516 downloads)<br />
<br />
あと、このブログで過去に何度も紹介してたフォントbookは廃刊になっちゃったみたいですね。(Helveticaの代替で使われてたSwiss系とかが収録されていた)<br />
駆け出しのデザインしはじめの人には便利だったんだろうけど、今は色々なWebサイトから情報もフォントも集められるから役目を終えた感じでしょうか。<br />
<br />
他にも紙媒体のデザインで使いやすいAvenirもダウンロードできるみたいです。<br />
こっちはライセンスどうなんだろう。<br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-25307813327359818212017-11-22T18:27:00.000+09:002017-11-24T19:30:24.863+09:0010分チュートリアル:EC2で仮想マシンを起動する(AWS HVMとparavirtual って何だ?)<p>登録が完了したらチュートリアルです。</p>
<p>Amazon Elastic Compute Cloud (EC2) というサービスでLinux仮想マシンを起動するというのをやってみます。
今後は仮想マシン=インスタンスと呼ぶとの事です。</p>
<p>※仮想マシンっていうのはコンピュータの中で仮想的に1台のパソコンとして動くものって感じでしょうか。自宅のMacにVirtualBoxとかいれて仮想化アプリケーション内でWindowsを起動したり、Linuxを起動してみたいなイメージというか。実際に仮想マシンを触ってない人にはこの説明もわかりにくいですよね。</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv8IjX7Jgtjd7qwyI5XxqwSJsERnHRnAy_PUGy2V0BIgGQWTdi_EcMNBY_insfXruKMGo582R-k8Yhs8-gv9vawZFHq1m9sFtgQ4mbzJDKWKosN83QHAkB5UPQg2oLZEX9qu_pPQz0A_k/s1600/ss2017-11-16+15.24.40.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv8IjX7Jgtjd7qwyI5XxqwSJsERnHRnAy_PUGy2V0BIgGQWTdi_EcMNBY_insfXruKMGo582R-k8Yhs8-gv9vawZFHq1m9sFtgQ4mbzJDKWKosN83QHAkB5UPQg2oLZEX9qu_pPQz0A_k/s320/ss2017-11-16+15.24.40.png" width="297" height="320" data-original-width="1059" data-original-height="1141" /></a></div>
<p><a href="https://aws.amazon.com/jp/getting-started/?sc_channel=em&sc_campaign=wlcm&sc_publisher=aws&sc_medium=em_wlcm_1&sc_detail=wlcm_1b&sc_content=other&sc_country=global&sc_geo=global&sc_category=mult">リソースセンターの開始方法</a> というページからはじめます。たくさんチュートリアルありますが、今回は1番ベーシックな「Linux仮想マシンを起動する」というものでやってみます。</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://aws.amazon.com/jp/getting-started/tutorials/launch-a-virtual-machine/"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiajvmKGPIBqG_d7uPJXnpMO-9n7w8dvmJ8A6ywMOE2pTegb97h-k2qkKMsfUmAwTS8_PgliyiQt-YIbBajnv0_F0jQulAq1ILL9YWj4AN2czIIShY0mWG1EvJHXU6LEOASiMongHXGBs/s1600/ss2017-11-16+12.46.47.png" data-original-width="252" data-original-height="90" /></a></div>
<p>こちらの10分チュートリアルから始めます。内容は以下の通り</p>
<ul>
<li>ステップ 1: Amazon EC2 インスタンスを起動する</li>
<li>ステップ 2: インスタンスを設定する</li>
<li>ステップ 3: インスタンスに接続する</li>
<li>ステップ 4: インスタンスを終了する</li>
<li>次回予告: ドメイン名を登録してWebサーバにブラウザからアクセスしてみる</li>
</ul>
<h4>ステップ 1: Amazon EC2 インスタンスを起動する</h4>
<p>画像は英語ですけど配置とかボタンは同じなので、見ながらやればどうって事ないですね。<a href="https://console.aws.amazon.com/ec2/v2/home?region=us-west-2#">Amazon EC2 コンソール</a>を開いて[インスタンスの作成]</p>
<h4>ステップ 2: インスタンスを設定する</h4>
<p>Amazon Linux AMI を見つけて [Select] をクリック</p>
<p>余裕ですね。と思ってたら「Amazon Linux AMI 〜 (HVM)」と「Amazon Linux AMI 〜 (PV)」って2種類あるではないですか。</p>
<p>仮想化タイプ: hvm と 仮想化タイプ: paravirtual の部分が違うようです。<strong>AWS HVMとparavirtual って何だŸ</strong></p>
<blockquote>PV AMI と HVM AMI の主な違いは、起動の方法と、パフォーマンス向上のための特別なハードウェア拡張機能 (CPU、ネットワーク、ストレージ) を利用できるかどうかという点です。最適なパフォーマンスを得るために、インスタンスを起動するときには、現行世代のインスタンスタイプと HVM AMI を使用することをお勧めします。</blockquote>
<p>ようはparavirtualのがレガシーなやつって事なのかな。HVMのが新しいからコレ選べって感じのようです。</p>
<p>次の画面で、最初からチェックのついてる(=無料の) t2.micro をつかうのでこのまま <strong>確認と作成</strong> をクリック。Amazonのチュートリアルには「ページ下部の [Review and Launch] をクリックします。」って書いてあるけど同じですね。</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWj1TCSu7oXPWL-ViVr2lH2URsxOg_JmT2OHBoCFgJ05i-fC6808mItmEjuPLFIYIsTir0G_TDtPrqFC5wzVygrKQ-imv7qJKySDTPDtE2Kz9FuPaULUTyBpFf6Gb444pONy0-M-_8SlA/s1600/ss.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWj1TCSu7oXPWL-ViVr2lH2URsxOg_JmT2OHBoCFgJ05i-fC6808mItmEjuPLFIYIsTir0G_TDtPrqFC5wzVygrKQ-imv7qJKySDTPDtE2Kz9FuPaULUTyBpFf6Gb444pONy0-M-_8SlA/s320/ss.png" width="320" height="229" data-original-width="849" data-original-height="608" /></a></div>
<p>確認で色々表示されるけど、このまま1番右下の <b>作成</b> ってボタンをクリック。</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-evvmc_lgRBBa9zDUmpxa_ghSOmpZpk0zOnBiJIc_5b1Cq5LVbec6EO75-ePnfWFx4T8U-alVv0lLIhBPXK6Lm_UvVajbEeGMrbAtu6q6PifpbmVFuk1SrXych-ifC6KtQ6jYMB36BiQ/s1600/ss2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-evvmc_lgRBBa9zDUmpxa_ghSOmpZpk0zOnBiJIc_5b1Cq5LVbec6EO75-ePnfWFx4T8U-alVv0lLIhBPXK6Lm_UvVajbEeGMrbAtu6q6PifpbmVFuk1SrXych-ifC6KtQ6jYMB36BiQ/s320/ss2.png" width="320" height="215" data-original-width="1186" data-original-height="796" /></a></div>
<p>そうするとSSHでアクセスするためのキー作成ですね。</p>
<blockquote>[新しいキーペアの作成] を選択し、「MyKeyPair」という名前にします。次に、[キーペアのダウンロード] ボタンをクリックします。</blockquote>
<p>とかかいてありますが「MyKeyPair」じゃなくてもいいんでしょうね。こんな名前にしたら何のキーか分かんなくなっちゃうので任意の名前に!英語の大文字小文字だけで記号スペース使わないほうが無難ですね。</p>
<p>保存場所は「.ssh」を推してますけど何でだろう。分かったらここに追記します。後で移動すればいいので一旦自分で分かりやすいフォルダへ「〜.pem」のファイルを保存</p>
<p>無事にインスタンス作成中の画面になりました。</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1hlQodi2fe7Iq3vPyvo0fcy_EywdNs0fWqLbniy8amTH3VgRA04NUQKAhiFxvYROO6RlFejfZh5HwWgSLZMJmsCXmDaErvNlVsD5joArrwQTF0g47Lggg-1CI3PygBmXQNeft9PwSfxw/s1600/ss4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1hlQodi2fe7Iq3vPyvo0fcy_EywdNs0fWqLbniy8amTH3VgRA04NUQKAhiFxvYROO6RlFejfZh5HwWgSLZMJmsCXmDaErvNlVsD5joArrwQTF0g47Lggg-1CI3PygBmXQNeft9PwSfxw/s320/ss4.png" width="320" height="263" data-original-width="906" data-original-height="746" /></a></div>
<p>[インスタンスの表示] をクリックしてインスタンスを表示</p>
<p><strong>クララが立ったー!</strong></p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidnN5zxCXfgtPvI_YenZPqIMlKZo3jH_LJLioxhCCw70mXPkZA1bFXHX4vEdEL0lkuLjG03NTbTJ9vyhePvqd95z6HifRSTiCAOVVqodOA6KEPyAmyaTBN4lGNl_Y6xC062QthC3xjXFU/s1600/ec2_status.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidnN5zxCXfgtPvI_YenZPqIMlKZo3jH_LJLioxhCCw70mXPkZA1bFXHX4vEdEL0lkuLjG03NTbTJ9vyhePvqd95z6HifRSTiCAOVVqodOA6KEPyAmyaTBN4lGNl_Y6xC062QthC3xjXFU/s320/ec2_status.jpg" width="320" height="258" data-original-width="640" data-original-height="515" /></a><br>こんな感じのステータス画面が開きます</div>
<blockquote><p>AWS インスタンスの [パブリック IP] アドレスをメモしておきます。このアドレスはステップ 3 のパート c でインスタンスに接続するときに必要になります。</p>
<p>注: インスタンスのスタートアップが完了していない場合、[パブリック IP] のアドレスは表示されません。[インスタンスの状態] 列にはインスタンスが動作中かどうかが表示され、[ステータスチェック] 列にはインスタンスのプロビジョンが完了したことを確認する 2 つのチェックに合格したかどうかが表示されます。これらの値の表示は表の右側にある [更新] ボタンを使って更新できます。</p></blockquote>
<p>とか、公式のチュートリアルには書いてありますが間違えてEC2インスタンスのステータス画面を閉じてしまった時は以下の方法でたどり着けます</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ZGUK-e0EqNxeWqqqc8UvnVXMllhORGYztQ6VrAmxbP7RlSARYoW2kjds8X6kMFfJxcX3fmyQNAgkEGMZxUduPuVV8b165rrCHuKTTregOoGH_hPg2qLuJSskm5OmNv79NwDmvzkJcpg/s1600/ec2-01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5ZGUK-e0EqNxeWqqqc8UvnVXMllhORGYztQ6VrAmxbP7RlSARYoW2kjds8X6kMFfJxcX3fmyQNAgkEGMZxUduPuVV8b165rrCHuKTTregOoGH_hPg2qLuJSskm5OmNv79NwDmvzkJcpg/s320/ec2-01.jpg" width="320" height="320" data-original-width="600" data-original-height="600" /></a></div>
<p>ヘッダーメニューのサービスから <strong>EC2</strong> を選択</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVVJWHxlQdRsfrTBav6rzMskIn4zPaP_BinGzo0aYecw5oDXGoLmsOcbxEArpM3-U-_wXjAqzsAvSN05jIjQoeiqIwp0Wf0ejLxzBeA0VjdzBnr4Ltjz9svIMXmTbar-if8sPmToRg3Fk/s1600/ec2-02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVVJWHxlQdRsfrTBav6rzMskIn4zPaP_BinGzo0aYecw5oDXGoLmsOcbxEArpM3-U-_wXjAqzsAvSN05jIjQoeiqIwp0Wf0ejLxzBeA0VjdzBnr4Ltjz9svIMXmTbar-if8sPmToRg3Fk/s320/ec2-02.jpg" width="320" height="320" data-original-width="600" data-original-height="600" /></a></div>
<p>左側のメニューから <strong>インスタンス</strong> を選択</p>
<h4>ステップ 3: インスタンスに接続する</h4>
<p>ターミナルからサーバにアクセスしてみます。(ここではMacを使用しています)</p>
<p> chmod 400 ~/.ssh/mykeypair.pem という感じでコマンド打って、「アクセス権限を自分のプライベート SSH キーのみに制限します。」とのことなのでアクセス権限を設定しているんですね。</p>
<p>自分の場合はフォルダ名もファイル名も変えてしまったので、適宜あわせて実行。特に何もメッセージ出ないものなのかな。</p>
<blockquote>Mac/Linux ユーザー: 「ssh -i ~/.ssh/MyKeyPair.pem ec2-user@{IP アドレス}」と入力します (例: ssh -i ~/.ssh/MyKeyPair.pem ec2-user@52.27.212.125)。</blockquote>
<p><strong>ec2-user</strong> っていうのが今回作ったインスタンスでのユーザー名で <strong>~/.ssh/MyKeyPair.pem</strong> は前述の通り自分で付けた名前にあわせてって感じです。サーバのIPアドレスはここで使うんですね。そうすると...</p>
<blockquote>以下のような応答が表示されます。<br>
<br>
The authenticity of host 'ec2-198-51-100-1.compute-1.amazonaws.com (10.254.142.33)' can't be established. RSA key fingerprint is 1f:51:ae:28:df:63:e9:d8:cf:38:5d:87:2d:7b:b8:ca:9f:f5:b1:6f. Are you sure you want to continue connecting (yes/no)?<br>
<br>
yes と入力して、enter を押します。<br>
<br>
以下のような応答が表示されます。<br>
<br>
Warning: Permanently added 'ec2-198-51-100-1.compute-1.amazonaws.com' (RSA) to the list of known hosts.<br>
<br>
その後、インスタンスのウェルカム画面が表示されます。これでクラウド内の AWS Linux 仮想マシンに接続されました。</blockquote>
<p>[ec2-user@ip-{IP アドレス} ~]$ という感じの表示になって、アクセス成功です。</p>
<p>コマンド打って本当に動いてるのかなぁって確認したい場合は nslookup google.com (google.comのIPアドレス調べるコマンド)でも打ってみると良いかと思います。</p>
<p>必要ないんだろうけどなんとなく exit で接続切って終了。</p>
<h4>ステップ 4: インスタンスを終了する</h4>
<blockquote>EC2 コンソールへ戻り、作成したインスタンスの横にあるボックスを選択します。[Actions] ボタンをクリックして「インスタンスの状態」へ移動し、[Terminate] をクリックします。</blockquote>
<p>さっき辿り方を記載した、EC2インスタンスのステータス画面の上の方のボタンで アクション>インスタンスの状態>削除 ってして下さいって事なんでしょうね。</p>
<ul>
<li>Stop・・・・・・サーバの一時停止。一般的に言うshutdown</li>
<li>Terminate・・・インスタンス自体を削除しちゃう。復活できない</li>
</ul>
<p>インスタンスの終了ってStopの事かと思ったらサクサク削除しちゃう事だったんですね。はじめにチュートリアルやっといてよかった...</p>
<p>Terminateの処理が始まってしばらくしてからインスタンス一覧画面更新して状態みてみると インスタンスの状態:Terminated になって消えてないんですが、1~2日経つとインスタンスの一覧から消えるそうです。</p>
<section>
<h4>AMIとは</h4>
<p>Amazon マシンイメージ 、サーバOS等諸々セットになったマスターデータって感じなのかな? これをコピーしてサーバを作ってる。(=インスタンスを立ち上げてる?) Amazon Linux AMI は、AWS が保守管理しているLinuxのマシンイメージ。</p>
<h4>インスタンスとは</h4>
<p>AMIから作った仮想マシン と思っています</p>
</section>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-63058722618797073052017-11-14T12:29:00.001+09:002017-11-16T15:07:27.535+09:00アカウント作成:AWS 会社アカウント 個人アカウント の違いまずはアカウント作成
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAcGrFhXRyxZuYnyG64z0ETJgN0kS97x8HRX0BgyZJ98hq_GYK8KzmpMmXyWAxk5dxDLa7lv7MM0OVa5Us9ux9zU9HMSrCAQIaMzd5m89dSTMajGP4rI3G2DCryk_tUf17mjltwZzfAGY/s1600/ss2017-11-14+11.36.32.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAcGrFhXRyxZuYnyG64z0ETJgN0kS97x8HRX0BgyZJ98hq_GYK8KzmpMmXyWAxk5dxDLa7lv7MM0OVa5Us9ux9zU9HMSrCAQIaMzd5m89dSTMajGP4rI3G2DCryk_tUf17mjltwZzfAGY/s400/ss2017-11-14+11.36.32.png" width="400" height="330" data-original-width="958" data-original-height="790" /></a></div>
<p>このページでアカウントを作成します。</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg17vcg9k57qNovrDjYKA_hr2oJxdJMhVmDKrt7X5zW06j6O478wao4wouHJ0GaG3ACs_pFyCgVWdeA5HvgcjsLyCsYF4ijWsx0UfLssTVLXFIAVz2e3Ygf1meNtABrEi0glGuosPaHxo8/s1600/ss2017-11-14+11.50.14.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg17vcg9k57qNovrDjYKA_hr2oJxdJMhVmDKrt7X5zW06j6O478wao4wouHJ0GaG3ACs_pFyCgVWdeA5HvgcjsLyCsYF4ijWsx0UfLssTVLXFIAVz2e3Ygf1meNtABrEi0glGuosPaHxo8/s400/ss2017-11-14+11.50.14.png" width="369" height="400" data-original-width="974" data-original-height="1055" /></a></div>
<p>会社アカウントと個人アカウントが選べますがどっちを選んでいいのやら。</p>
<p>調べたけどあんまり詳しく書いてないようなので、とりあえず複数ユーザーの管理やら税金の支払いの云々だろうと勝手に解釈して、今回は個人での勉強の為なので個人アカウントを。</p>
<p>AWS カスタマーアグリーメント っていう規約同意のチェックがわかりにくいのと、住所は「連絡先情報は、半角英数字で入力する必要があります」って事なのでそれだけ注意です。</p>
<p>このあと、クレジットカード情報の入力、アカウント認証に続きます。アカウント認証は画面に出てる文字を入力したあと、最初に登録した電話に日本語の自動音声ガイダンスの電話がかかってくるので、画面に表示された数字を電話で押すだけです。</p>
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4tFRoS6d4eaEgs1mopRadqk5PPnb3RGb_12KSOIlA26pPRfNT44RCRXd2kBTrJJ_ihQpp70pyfP8qjY5A8ImzEz0mKztrFNviwJg8GxPesxHveGv9tq_vDxBZB1BkQvnHJdZllOuRJE8/s1600/AWS_Console_Signup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4tFRoS6d4eaEgs1mopRadqk5PPnb3RGb_12KSOIlA26pPRfNT44RCRXd2kBTrJJ_ihQpp70pyfP8qjY5A8ImzEz0mKztrFNviwJg8GxPesxHveGv9tq_vDxBZB1BkQvnHJdZllOuRJE8/s400/AWS_Console_Signup.png" width="222" height="400" data-original-width="889" data-original-height="1600" /></a></div>
<p>特に有償のサポートを現時点で必要としていない場合は、ベーシックのまま、「続行」をクリックします。と書いてあったのでそのまま。他を選ぶと料金請求されちゃうみたいなので注意ですね。</p>
<p>これでアカウント作成完了。会社アカウントと個人アカウント??って所だけ迷いましたが、それ以外は簡単でしたね。次から実際にAWSにサーバを作ってみたいと思います。</p>
<section id=menu>
ここから先は別々の記事であげていきます
<h3>目次</h3>
<ul>
<oi><a href="https://devicetwo.blogspot.jp/2017/11/aws-account.html">アカウント作成:AWS 会社アカウント 個人アカウント の違い</a></oi>
<oi><a href="https://devicetwo.blogspot.com/2017/11/10mintutorial-ec2aws-hvmparavirtual.html">10分チュートリアル:EC2で仮想マシンを起動する(AWS HVMとparavirtual って何だ?)</a></oi>
</ul>
</section>
Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-3889048840165516062017-11-09T12:53:00.001+09:002017-11-19T14:40:02.892+09:00はじめてのAWS入門 [初心者向け2017]<div class="separator" style="clear: both; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjF7ic_UZaLmQCvXjbwd5UJALE2Avd985c_xBivkw-LBtVQgLoSoRZpMvb16h71npj31sHhTElYJimHp0age76uqVgl1CAZ_jTpC31PByj7mQTiPKGgenTmR1jgtQSP8g0_qDZS7uVMGOw/s400/aws_logo_smile_1200x630.png" width="600" height="315" data-original-width="1200" data-original-height="630" /></div>
<p>エンジニアでもないんですが仕事柄触れることも多く、ずっと勉強しなくては!と思っていたAWS(Amazon Web Services:アマゾンウェブサービス)<br>
ちょっと時間ができたので実際にさわりながら & 初心者的な解釈(私はこんな感じで理解しました)というメモをはさみながら記録していきたいと思います。
あくまでも初心者的な理解なので間違っているものはご指摘ください。</p>
<h3>最初に読むべきはこのページ</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://aws.amazon.com/jp/free/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXIlcF4HKq1dbjZg9rvpGAO_IXQ_RMFZ52rf46iHjxoPD2P4YEMeVyZkRShxaPOoo9tTc1uitEIGzCvSjXFIK347zHUXMnWXzLY5TYcFxkX2sNZz8CjzhTH1lV1F435KHKIfWwECAuEEI/s320/AWS+%25E3%2582%25AF%25E3%2583%25A9%25E3%2582%25A6%25E3%2583%2588%25E3%2582%2599%25E7%2584%25A1%25E6%2596%2599%25E5%2588%25A9%25E7%2594%25A8%25E6%259E%25A0+++AWS.png" width="320" height="295" data-original-width="1265" data-original-height="1168" />
</a>
<p><a href="https://aws.amazon.com/jp/free/" target="_blank">AWS クラウド無料利用枠</a></p>
</div>
<p>今は、なんと1年使える無料枠というのがあるではないですか!<br>
昔はこんなのなかった気がします。
<br>要点をまとめるとこんな感じ。</p>
<dl>
<dt>12か月間無料および常に無料の製品</dt>
<dd>1年経過しても無料のままのものがあるのね</dd>
<dt>最初にAWSのアカウント作ってね</dt>
<dd>Amazonのお買い物アカウントとは別だよ</dd>
<dt>10 分間のチュートリアルで学ぶ</dt>
<dd>これは大切</dd>
<dt>AWSさわってみましょう</dt>
<dd>こういうのは目標/目的がないと何からやっていいかわからないから目的設定するといいですね</dd>
</dl>
<p>今回、目標としてはWordpressなんかを設置してみたり、一時的に現行サイトのドメインをそっちに紐付けてみたり、簡単なプログラムを動かしてみたりしたいと思います。</p>
<section id=menu>
ここから先は別々の記事であげていきます
<h3>目次</h3>
<ul>
<oi><a href="https://devicetwo.blogspot.jp/2017/11/aws-account.html">アカウント作成:AWS 会社アカウント 個人アカウント の違い</a></oi>
<oi><a href="https://devicetwo.blogspot.com/2017/11/10mintutorial-ec2aws-hvmparavirtual.html">10分チュートリアル:EC2で仮想マシンを起動する(AWS HVMとparavirtual って何だ?)</a></oi>
</ul>
</section>
<section>
<h4>AWSとは</h4>
<p>Amazon.comにより提供されているクラウドコンピューティングサービス</p>
<blockquote>コンピューティング、データベースストレージ、コンテンツ配信や他の機能が必要な際も、AWS は柔軟性、スケーラビリティー、信頼性の高い洗練されたアプリケーション構築を実現するサービスを提供します。</blockquote>
※大雑把に言うと以下のようなものをインターネット上で展開して利用できるようにしたもの<br>
サーバー、データベース、データを保存する場所、うまい具合に複数サーバに仕事を振り分けたりメールや通知を送信する機能、それら全部のネットワーク環境
</section>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-37224703639828568682016-03-01T14:06:00.000+09:002016-03-01T14:06:18.105+09:00デザインで使える2016年時点のフリーフォント(無料)のまとめのまとめ長らく放置してましたが、人気のあるフォントの情報をメモ程度に書き留めておきます。以前よりメディアサイトが増えたから情報ありすぎで逆に困ってしまいますね。ほとんどフリーダウンロードできますが、商用利用に関しては商用ライセンスを購入したりとかする必要があります。
<br />
これだけFontがたくさんある時代で、あとから商用ライセンス購入したいとかもあるので昔のATM DeluxみたいなFontをフォルダで管理したセットごとにアクティブ/非アクティブにできる管理ソフトがあるといいんですけど、良いのないんですかね<br />
<br />
<br />
デザイナーが持っていたい、すごいフリーフォント40個まとめ 2016年2月度
<br />
<a href="http://photoshopvip.net/archives/87280">http://photoshopvip.net/archives/87280</a><br />
最近は手書き風、Script系のフォントが多いですね。こういうの流行ってますからね<br />
<br />
良質デザイン宣言、すごいフリーフォント素材29個まとめ 2013年1月度
<br />
<a href="http://photoshopvip.net/archives/44787">http://photoshopvip.net/archives/44787</a>
<br />
筆記体のAngilla Tattoo、太めのScriptのPrime Script Fontなんかは使いやすそうです。<br />
<br />
デザインをもっと楽しく!すごいフリーフォント素材まとめ 2015年10月度
http://photoshopvip.net/archives/82932<br />
Milasian Circaとか良い感じ<br />
<br />
【商用可】海外人気デザイナーが選ぶ!2015年に使えるフリーフォント100個まとめ<br />
http://photoshopvip.net/archives/83091<br />
これとかボリュームありすぎて見きれません。でもサンセリフの良いフォントいっぱいある<br />
<br />
ほかにもこんなのもあります
<br />
<a href="http://photoshopvip.net/archives/85885">【2016年版】無料ダウンロードできる、筆記体フリーフォント35個まとめ</a><br />
<br />
<a href="http://photoshopvip.net/archives/85822">女性らしい美しさ!エレガントでスタイリッシュなフリーフォント45個まとめ</a><br />
<br />
このサイト、テクスチャの紹介とかも充実しててすごいな<br />
最近便利でも面白いんだけど、こういうまとめサイトばっかで少し「どうなんだろうなー」って思います<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-25577009883611618392015-03-26T12:09:00.001+09:002015-03-26T12:12:16.921+09:00Virtualbox:仮想マシン(Windows)の解像度が変えられない[screen resolution]MacでVirtualBox にインストールしたWindowsの画面解像度が1024*768以外に変えられなくて困っていました。<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKl-lyT6Fz6XnZ_bd8NZtusCasrNUkrTMqsNBryrbgx7npT9Dgx4lIr4ukAwhuXTJPkhfK8qy2-qFwKJNqyYnm_tbZkV906JadQ9dBNcuQVBFZwHpdvtyMwjum-9A36XT73Re7He_O4k/s1600/screen-resolution.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGKl-lyT6Fz6XnZ_bd8NZtusCasrNUkrTMqsNBryrbgx7npT9Dgx4lIr4ukAwhuXTJPkhfK8qy2-qFwKJNqyYnm_tbZkV906JadQ9dBNcuQVBFZwHpdvtyMwjum-9A36XT73Re7He_O4k/s400/screen-resolution.png" /></a></div>
ネットで「virtualbox 仮想マシン 解像度」などで検索すると出てくるのは<br />
<h4>Guest Additionsのインストール</h4>
VirtualBox のメニューから「Guest Additions のインストール」を選択すればよい<br />
とか、ゲストOSから直接ホストOSのディスクイメージを探してマウントしてからインストール<br />
とか書いてありましたが、無事インストールできて再起動しても解像度は変えられない...<br />
<br />
ってことでさらに調べてみると<br />
仮想マシン(OS X)での ディスプレイ解像度変更方法<br />
<a href="https://forums.virtualbox.org/viewtopic.php?f=22&t=54030">https://forums.virtualbox.org/viewtopic.php?f=22&t=54030</a><br />
<pre>VBoxManage setextradata [仮想マシン名] VBoxInternal2/EfiGopMode [N解像度値]</pre>
ホストOSの方でターミナルからこんな感じのコマンドうつのが出てきましたよ<br />
<br />
「VBoxManage setextradata」で色々設定できるのかな?って思ってさらに調べると
<pre>VBoxManage setextradata global GUI/MaxGuestResolution any<br />
VBoxManage setextradata "Windows 8" "CustomVideoMode1" "1366x768x32"</pre>
でフルスクリーンにするよ!とかいう記事を見つけたので試してみると<br />
<br />
できました!解像度変えられるようになった。<br />
<br />
たぶん最初の一行<br />
<pre>VBoxManage setextradata global GUI/MaxGuestResolution any</pre>
これだけで画面解像度を選択できるようになるっぽいですね。<br />
<br />
あわせて読みたい記事:VirtualBoxでMac OS Xゲストを使うときのTips<br />
<a href="http://safx-dev.blogspot.jp/2014/05/virtualboxmac-os-xtips.html">http://safx-dev.blogspot.jp/2014/05/virtualboxmac-os-xtips.html</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-18444477297214436002015-03-03T13:40:00.000+09:002017-11-09T15:55:00.273+09:00Adobe Illustrator CCでPSD(CS6)の配置画像でリンクパレットを開こうとすると/パレット上で配置画像を選択すると落ちる(バグ)Mac版イラストレーターCCを使っていて、リンクパレットを開くとかなりの頻度でフリーズもしくはクラッシュしまう問題が起きているので同じような症状ないかなと検索して事例を探してみても、いまいちあてはまる症例がなくしっくりこない。<br />
ということで色々原因をさぐってみました。<br />
<br />
<br />
【検証結果】CS6で作成されたPSD画像が配置された書類で、リンクパレットを開こうとすると/パレット上で配置画像を選択すると虹アイコンになり、場合によってはそのままアプリケーションが落ちる。<br />
【解決方法】PSDデータを後継バージョンでひらいて保存し直す。<br />
<br />
この結論にたどりつくまでに以下の検証を行いました。<br />
<br />
<ol>
<li>まずファイル形式を疑ってみる<br />
問題の発生するPSD、PNG、EPSを配置したイラストレーターの書類でリンクパレットをひらいてみる。<br />
結果・・・PSD以外では問題なく開ける</li>
<li>AIファイルのバージョンを疑ってみる<br />
CS6環境で制作したAIファイルにCS6のPSDファイルを配置しており、それをCC環境で開くと問題が発生していました。<br />
なのでCS6で制作されたフォトショップデータをCCで開きなおして保存しなおす。<br />
結果・・・症状が変わらないのでイラストレーターのファイルのバージョンではない。</li>
<li>PSDファイルを疑ってみる<br />
CS6で作られらPSDファイルをCC形式で保存しなおして再度配置してみると問題は発生しない。<br />
結果・・・CS6のPSDファイルが問題★★★</li>
<li>ファイルの転送方法も疑ってみる<br />
Dropbox経由でファイルを同期したものを使用ていましたので、念のためDropboxも疑ってみました。WindowsのPCから他の転送サービスを利用してみても症状は同じ</li>
<li>配置ファイルの位置(パソコン内部でのパス)情報の問題を疑ってみる<br />
同じ階層に配置画像を置いてなく、配置ファイルの場所を聞かれるような場合に開くまでもやたらと時間がかかるという事からこれも考えてみましたが、新規ファイルに問題のPSDを配置してみても同様に問題が発生したのでこの線はなし。</li>
</ol><br /><br />Adobe CCってなんとなく安定しない感覚があるんだけどどうでしょうかUnknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-11131001930079527442014-05-28T11:13:00.000+09:002014-05-28T11:15:00.274+09:00VirtualBox入れたMacとゲストOSのWindowsでフォルダ共有する方法「VirtualBox入れたMac(たぶんWindowsでも)でゲストOSとフォルダ共有する方法」を検索してもホスト側のVirtualBoxで設定したい仮想マシンに対してフォルダ共有の設定するだけだよ!という普通の記事しかみつからなくて同じようにやっても共有ディスクは自動マウントされなくて(コンピューターの下のローカルディスクやCDドライブの下に出てこない)困ったなぁと調べてたら一応解決したのでメモしておきます。<br />
<br />
VirtualBoxでフォルダ共有するには、ゲストOS(VirtualBoxで作った仮想マシン)でGuest Additionというものをインストール?しなきゃダメらしい<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJYwwgPmMtFVMq-IONqBQrq82FsqfsR1Pg-Ce1MpHYV84S164tQZj6Lx7lAm6rSrKEON0P8aZ44WnjMc_cuaYtcRyN02Gp8uTQqp3FBrea0uCQLhNENhEMf1i68TytOBG3r94cCPzDwY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-05-28+11.05.42.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJYwwgPmMtFVMq-IONqBQrq82FsqfsR1Pg-Ce1MpHYV84S164tQZj6Lx7lAm6rSrKEON0P8aZ44WnjMc_cuaYtcRyN02Gp8uTQqp3FBrea0uCQLhNENhEMf1i68TytOBG3r94cCPzDwY/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-05-28+11.05.42.png" height="318" width="320" /></a></div>
<br />
<br />
Deviceメニューの一番下にある<br />
Insert Guest Addition CD image...<br />
というのでGuest Additionを入れると無事出てきました。<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheciVj_AMLoeNCXRbSOorAo6HCYvRzMR3XAScgwVRvhuqieD6pkgjonz_c4PAhG8J6gG2Fj80LeAGtM0I_L_DzoMJ70QJmriBNrGVnW3UVPyddgji0akxelt872QWJQuy-7i2qXv66RwM/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-05-28+11.01.22.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheciVj_AMLoeNCXRbSOorAo6HCYvRzMR3XAScgwVRvhuqieD6pkgjonz_c4PAhG8J6gG2Fj80LeAGtM0I_L_DzoMJ70QJmriBNrGVnW3UVPyddgji0akxelt872QWJQuy-7i2qXv66RwM/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2014-05-28+11.01.22.png" height="277" width="320" /></a></div>
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-40685150871501646702014-05-15T15:27:00.001+09:002014-05-28T10:16:50.819+09:00MacのVirtualBox上にCentOSをインストールしてネットワーク設定してyum updateするまでMacのVirtualBox上にCentOSをインストールするだけならサクッとできたんですが、ネットワークの設定してyum updateするまで大変だったのでメモ<br />
<br />
VirtualBox4.3 に CentOS 6.4 を入れただけの状態だと、ホストからもアクセスできないんですね...<br />
いろんなトラブルシューティングのブログでもX Windowで解説しているのが多くて、そもそもX Window入れなきゃ!と思ったのにネットワークが外部につながってないからyum updateさえできやしない...というのが事のはじまり<br />
<br />
以下のサイトを参考にしてみました<br />
<a href="http://blog.kojisblog.com/development/linux/centos-6-3-mac%E3%81%AEvirtualbox%E4%B8%8A%E3%81%ABcentos6-3%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B/">http://blog.kojisblog.com/development/linux/centos-6-3-mac%E3%81%AEvirtualbox%E4%B8%8A%E3%81%ABcentos6-3%E3%82%92%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8B/</a><br />
<br />
この実際入れたのはCentOS6.4だったんですがこのブログの設定通りでどうにかインターネットにつながるようになりました。<br />
<br />
というわけで今更ですがLinux勉強中!<br />
<br />
<br />
<br />
追記<br />
<br />
ブラウザも入ってないのでfirefoxのインストール<br />
<span style="background-color: white; color: #444444; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 24px;">#yum install firefox</span><br />
<br />
日本語関連のパッケージをグループインストールして<br />
日本語に言語設定変えてX Windows使えるようにするメモ<br />
<a href="http://www.server-world.info/query?os=CentOS_6&p=japanese">http://www.server-world.info/query?os=CentOS_6&p=japanese</a><br />
<br />
<br />Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-411162703119763254.post-2952229600305883092014-04-04T01:51:00.000+09:002014-04-04T01:51:22.434+09:00Font Free Download siteフォントのフリーダウンロードサイトを2つ追加しておきますね。<div>
<br /></div>
<div>
この辺一度まとめた方がいいかなぁ</div>
<div>
<br /></div>
<div>
http://ja.fonts2u.com/</div>
<div>
<br /></div>
<div>
ここは多言語対応?</div>
<div>
いろんな言語のフォントがあるみたいです。</div>
<div>
あと、イラストっぽいのが多い。</div>
<div>
(イラストっぽいって表現があってるのかもよくわからないけど)</div>
<div>
すごい勢いでアップデートしてるっぽいですのでこの先けっこう化けるかもですね。</div>
<div>
デザイン的には汎用性高いのはあんまりないかもです。</div>
<div>
<br /></div>
<div>
http://fontsforweb.com/index.php</div>
<div>
<br /></div>
<div>
けっこうメジャーなAvant Gardeとかがダウンロードできるサイト。</div>
<div>
FuturaやCentury Gothic、BANK GOTHICなんかもダウンロードできますね。</div>
<div>
スタンダードなのから、ちょっと特徴的なのまで</div>
<div>
登録数はそんなにないっぽいですがけっこう使えるフォントが多いと思います。</div>
<div>
<br /></div>
<div>
昔あったATMみたいなフォントセット切り替えられるような機能拡張というか</div>
<div>
そういう良いソフトないんですかね。</div>
<div>
全部入れちゃうと選ぶの大変なので、そのつどアクティブ/非アクティブにしたいんですよね。</div>
Unknownnoreply@blogger.com0