ホームディレクトリを持ち歩く「あのパソコンとこのパソコンで同じ環境を作りたい」「気分に応じてパソコンを使い分けたい」Macなら簡単にできるのだ。 外出先で急ぎの仕事に対応する必要があったり、突然のトラブルのことも考えると、メールやブックマークなどの設定やドキュメントを外付けハードディスクやUSBメモリなどにバックアップして持ち歩けると便利だと思いませんか？ Mac OS X では、Macintosh HD > ユーザ > ‘ユーザ名’※をホームディレクトリとして画面設定やインターネットの設定などのほとんどを管理していますので、このフォルダの場所を変更して、外付けハードディスクやUSBメモリ（外部ストレージ）にすれば、別のMacで同じ環境を復元することができます。 ※記事中の’ユーザ名’ はご自分の環境に読み替えてください（例：Finderで家のアイコンのある場所がkinoshitaならば、

HTMLやCSSやJavaScriptの軽量化・整形、FlexboxやGridやbox-shadowのジェネレーター、各種エンコード・デコード、データの暗号化、ダミーテキスト・ダミーデータ・ファビコン生成、テキスト比較（Diff）など、Web制作に役立つさまざまなツールがまとめて利用できる『He3』を紹介します。 Windows, macOS, Linux対応の無料アプリで、今までオンラインであちこちの各ツールを利用していた人とかにかなり便利なツールだと思います。 He3: Modern Developer Toolbox He3の特徴 He3のダウンロードとインストール He3の使い方 He3の特徴 He3は、200種類以上のWeb制作に役立つ便利ツールが詰め込まれたデベロッパー向けのツールボックスです。 200種類以上あるツールは、カテゴリ別にまとめられており、スマート検索機能ですぐに

WindowsでAdobe Illustratorの「.ai」ファイルを一発で簡単にPNG・JPEG・BMP・GIF・TIFF・EPS・ICO・SVG・SVGZファイルに変換できるオープンソースのフリーソフトが「ShapeConverter」です。使い方もめちゃくちゃ簡単で、「ダウンロード→起動→AIファイルを開く→変換して保存する」という超絶シンプルさなので激烈に使いやすいため、知っておいて損はありません。 まずは以下からダウンロード。 Releases · gomi42/ShapeConverter · GitHub https://github.com/gomi42/ShapeConverter/releases 最新版の「ShapeConverter.exe」をクリック ダウンロードした「ShapeConverter.exe」を起動 右上の「...」をクリックして変換したい「.ai

近くの郵便局が内容証明郵便を扱っておらず、ちょっと遠い郵便局まで行く必要があり、なおかつそう頻繁に送るものではないので書式を間違えたときなどの書き直し・印刷しなおし・押印しなおしなどがとにかく手間だったので、思い切って「e内容証明」に切り替えました。窓口に並ぶ必要もなく、なおかつ24時間いつでも送信可能、支払いはクレジットカードでOKなのでめちゃくちゃラクです。 ◆Webゆうびんのアカウント作成 Webゆうびん｜日本郵便 https://webyubin.jpi.post.japanpost.jp/webyubin/snt/DYFR900.do 公式サイトから「新規利用登録」をクリック 「上記の内容を確認しました」にチェックを入れ、「次へ進む」をクリック メールアドレスとパスワードを入力後、「次へ進む」をクリック 「次へ進む」をクリック 「仮登録完了」と表示されるので、自分のメールアドレス

新しく購入したiPhoneやAndroidスマホ、パソコンなどを自宅のWi-Fi（無線LAN）に接続しようとしたとき、Wi-Fiのパスワードの入力を求められたものの、「パスは何だったっけ？ 覚えていない……」「どこで調べられるのか分からない」などと困った経験はないでしょうか。 家のWi-Fiルーターに接続するためにパスワードを入力する機会は少ないため、うっかり忘れてしまうというよりも、そもそも記憶していない人が大半でしょう。 この記事では、Wi-Fiのパスワードを確認する方法をざっくり解説。iPhone・Androidスマホ・PCを使った方法やWi-Fiルーター本体で直接確認する方法など、簡単な調べ方から順に紹介しているので、Wi-Fi周りの知識に自信がなければ上から順番に試してみることをおすすめします。

この記事では、日々進化を続けるWeb制作で役立つ、便利な最新オンラインツールをまとめてご紹介しています。 これまではむずかしいと思っていたことや、面倒な作業をボタン一発で完了できるなど、デザイン制作の時間短縮にぴったりなツールから、遠隔でのテレワークにも便利な新機能、ユニークなツールやサービスなどが揃います。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. イラスト系ライブラリ 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Tail Blend CSSmix-blend-modeプロパティをリアルタイムで

head内のmetaに記述するTwitterカードやFacebookのOGPなどのソーシャルメディア用のコード、Googleなどの検索エンジン用のコードを簡単に作成できる無料のオンラインツールを紹介します。 公式のデバッガーですぐに確認もできるので、非常に便利です。 Meta Tags Meta Tagsでは、下記のソーシャルメディア・検索エンジン用のmetaタグがサポートされています。 Google Facebook Twitter Linkedin Pinterest Slack 使い方は簡単で、登録など面倒なことは一切不要、無料で利用できます。 まずは、サイトにアクセスします。

エディタで作業しながら何かを表示したり、Photoshopで作業しながら何かを表示できる、macOS, Win, Linux対応の無料アプリを紹介します。 チートシートを表示したり、チュートリアルを表示したり、動画を表示したり、同時に重ねてウインドウを起動したい人に非常に便利です。Pennywiseはマルチタスク対応、サイズを自由に変更できるフロートウインドウで、不透明度も調整できます。 Pennywise -GitHub Pennywiseの特徴 Pennywiseのダウンロード Pennywiseの使い方 Pennywiseの特徴 ウインドウは、開いている他のアプリの上に常に表示されます。 不透明度を調整できます。 サイズ・配置も自由に変更できます。 マルチタスク対応。 UIはミニマルなデザイン。 macOS, Windows, Linux対応。 MITライセンス Pennywiseの

グーグルのブラウザ「Google Chrome」は登場から9年以上を経て、世界で最も人気のブラウザとして支持を獲得した。その人気の理由の一つはChromeがセキュリティに優れているからだ。 Chromeは不審なサイトにアクセスした場合、ユーザーにそれを警告する。しかし、Chromeに、PC内のランサムウェアなどの不審なソフトを発見する機能が備わっていることはあまり知られていない。 Chromeのウィンドウズ版にはアンチウイルスソフトと同様に、パソコンの内部をスキャンしてウイルスを発見する「Chromeクリーンアップ」機能があるのだ。 使い方はごく簡単だ。Chromeを立ち上げてアドレスバーに「chrome://settings/cleanup」と入力すると、「パソコンのクリーンアップ」という画面が表示される。そこで「検索」ボタンをクリックすると、不審なソフトウェアを検出することができる。

新年度を迎えた。出会いの季節である。入学、入社、新学年に新部署、新天地……。人生の転機に、たくさんの出会いが待っている。 とはいえ、知らない人と話すのはあまり得意でない、という方もいるだろうし、年齢を重ねるとなかなか新しい知人や友達を作りにくくなると実感している人も多いだろう。今回は、元「コミュ障」で悩んでいた筆者が30年近い“コミュニケーション修業”の末にたどり着いた「誰とでも仲良くなれる」方法をご紹介したい。 周囲の友人などにはなかなか信じてもらえないが、筆者は本質的には恥ずかしがり屋で、特に学生時代は自分の容姿に異常なほどコンプレックスを持ち、とにかく自信がなかった。 コミュニケーションの「科学」を学んでから変わった 仕事では、課せられた役割に「憑依」することで、自信ありげに見せてきたが、「素の自分」はシャイなまま。ブサイクだから、「誰も私とは話したくないのではないか」という自意識に

LearnCode.academy とは？ www.youtube.com LearnCode.academy という YouTube チャンネルがあり，Vue.js や React + Redux などを解説した，無料の学習動画が公開されている．今回受講したのは「Vue Tutorial」で，全9回となっている．合計しても「約1時間程度」なので，スキマ時間を活用して気軽に学ぶこともできる．「Vue.js は気になるけどまだ試したことがない」という人にオススメ！ Vue Tutorial #1 - Vue JS Tutorial for Beginners #1 setting up an app Vue Tutorial #2 - Vue.js filters and computed data Vue Tutorial #3 - Vue.js directives and event

2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね！ ↑私が10年以上利用している会計ソフト！ 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく

ぱっと見ただけではなかなか気がつかないような、ディテールにこだわった素晴らしいデザインのアイデアとテクニックを使ったUI要素を紹介します。 最近のWebサイトで見かけるUI要素がたくさんあり、すぐに次のプロジェクトに役立つと思います。

◆ #いきなりHTML 2（レスポンシブ対応） なんと！スライスもコーディングも全自動！イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA！オリジナルスクリプトで時短革命 こんなにラクしてイイんです！お見積もり無料！お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊！ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra ＋ Illustrator 2020（24.3）までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。

お支払い方法 以下のお支払い方法に対応しています。 お届けについて 月曜日～土曜日15:00まで、日曜・祝日13:00までのご注文の場合、その日のうちに発送します。 年末年始やお盆などの期間は、即日発送の注文受付時間が異なります。 詳細は「ご購入ガイド」にてお知らせいたします。 北海道・四国・九州地域（離島および一部地域を除く）への発送の場合、お届けは翌々日になります。 沖縄を含む離島および一部地域への発送の場合、お届けに5～6日程度かかります 送料について 商品やキャンペーンなどにより、送料が異なります。 各商品ページやキャンペーンにご案内している送料をご確認ください。 複数点のご注文でも送料は一律です。 キャンセル・返品・交換について こちらをご確認ください。

CSSでフォントの指定をする時、Windowsだとうまく表示されるけど、Macだとダメ、またその逆のケースもあります。 Webページやアプリでフォントを安全に使うためには、OSにインストールされているフォントを知ることです。 そのフォントがWindowsとMacにどれくらいインストールされているのか、CSSでフォントを指定する時どうすればいいのか、がまとめられたCCS Font Stackを紹介します。

最短5分で日本語のWebサイトが外国語対応できる時代が来たぞ！WOVN.ioで東京五輪に向けて、しっかりインバウンド対策！ こんにちは。ライターのユリナーシュカです。突然ですが、あなたの会社のWebサイトって、外国語対応していますか？ 最近はどこを歩いていても、外国の方を見かけますよね。日本政府観光局によると、昨年一年間を通して日本を訪れた外国人観光客は過去最高の1973万人※だったようです。今や日本企業にとってインバウンド対策と呼ばれる外国人観光客へのアプローチは必須！　もちろん、Webでもインバウンド対策が必要です。 実は、簡単に自社のWebサイトを英語や中国語に多言語化できるサービスがあるんです。本日は自社サイトを最短5分で多言語化できるWOVN.ioをご紹介します。 ※出典：日本政府観光局 WOVN.ioってなに？ WOVN.ioは1行のコードをHTMLのヘッダーに追加するだけで、

こんにちは。ディレクターのJack (@y_kazuhiko) です。 ディレクター連載「Web制作の『契約』と『法律』の第4回は、制作に関する権利についてです。 権利、なにそれ？　Webディレクターなら避けては通れない著作権等の権利問題。 今回の連載では、そんな権利関係の悩みを紹介できればと思います。 さて、皆さん！　知的財産権という用語を知っていますか？ 「なんか聞いた事があるけど、詳しく説明できない」そんな悩みを本連載では解決していきたいと思います。 知的財産権とは？ 知的財産権は2種類に大別される！ 産業財産権（工業所有権） 著作権 産業財産権に関しては、特許権、意匠権、商標権などがあります。もう1つは、文化的な創作物を保護の対象とする「著作権」があります。 この連載では、Web制作に密接に関わる「著作権」にフォーカスを当てたいと思います！ 著作権とは？ 著作権とは一体なんでしょう