[B! tips] style_blueのブックマーク

【2023年】Web制作で使えるVSCodeオススメ拡張機能17選！ - PENGIN BLOG

この記事を書いた人だいちPENGIN BLOGメディア編集長。Web業界とは異業種の仕事をしながら、独学でWeb制作の世界に。副業でHP制作やコーディング代行、個人ブログの運営などに取り組み、現在はPENGINにてWebライティングやディレクションをしつつ、メディア運営全般を担当しています。︵個人運営ブログ‥https://daib-log.com/ ︶今回はVSCodeで使っている拡張機能を紹介します。他記事では利用シーンや用途分けがされてないことも多く、とりあえず入れてみたもののどんな機能だったのか忘れた、、、なんてこともよくあると思うので、この記事ではザックリと用途別にカテゴリ分けしています。基本的には紹介する拡張機能全て入れてしまってもいいとは思うんですが、個人的な優先度を星マークでつけています。導入する順番の参考にしてみてください！

style_blue 2022/07/05

そういえば最近VSC使ってないけどぶくま。

リンク

細切れ保存にさようなら。スクロールスクリーンショットを撮る方法（Android・iOS・Win・Mac・Chromebook）

細切れ保存にさようなら。スクロールスクリーンショットを撮る方法（Android・iOS・Win・Mac・Chromebook）2022.02.04 21:00188,226 David Nield - Gizmodo US ［原文］（ satomi ）ページ全体を保存したい。そんなとき覚えてると便利なのが｢スクロールスクリーンショット｣。ふつうのスクリーンショットは見えてる範囲までしか撮れませんけど、スクロールスクリーンショットなら上から下まで一発で取得が可能です。Webページはもちろん、文書やメニューもこの方法で大丈夫。撮ってスクロールして、また撮ってスクロールして、一番下まで撮ったら全部つなぎ合わせて…という手間がかかりません。手順は細切れのスクショと少し異なります。OS別に見ていきましょう。 Androidでスクロールスクリーンショットを撮る方法スクロールスクリーンショットは

style_blue 2022/02/05

皆さん「画像」で欲しいんだね。わしゃ長いサイトをテキストのコピペができるPDFで欲しいのでブックマークレット「The Printliminator」で調整しながらiOSのロングスクリーンショット使ってるよ。切れたら結合。

tips

リンク

住友不動産販売のチラシが酷かったので、国土交通省に通報してみた結果 - ロマろぐ

アフィブログに捕捉されたので一部公開終了です。僕は住友不動産販売のチラシよりもまとめサイトやアフィブログが嫌いなので。はちまとか刃とか。 ChromeやFirefoxのアドオン﹁はちまバスター﹂︵アフィブログへのリンクをブロックしてくれる︶オススメです。不動産勧誘やチラシへの対処法の部分は編集して残します。目次‥ 不動産の勧誘やチラシ、DMに困った時の法律国土交通省に通報何が良かったのかまとめとアドバイス不動産の勧誘やチラシ、DMに困った時の法律不動産会社は国︵国土交通省︶から免許を貰って活動をしています。それをまとめた法律が﹁宅地建物取引業法﹂です。この法律は不動産会社にとっては生命線のようなもので、違反がわかると国から改善命令、最高で免許取り消しもありえます。それくらい、不動産会社にとっては最重要な法律です。 www.mlit.go.jp その中には上記の﹁不動産屋は

style_blue 2020/07/18

全国企業だと監督官庁怖いから効きそうよね。ウチはポスティグそんなにウザくないけど水道サービスのマグネット広告が着実に溜まってきてるな。

法律
tips

リンク

macOS 10.14 Mojaveでは新しいプライバシー保護機能のため、ホームディレクトリ以下でもターミナルからアクセスするさいには「フルディスクアクセス」設定が必要に。 | AAPL Ch.

macOS 10.14 Mojaveでは新しいプライバシー保護機能のため、ホームディレクトリ以下でもターミナルからアクセスするさいには﹁フルディスクアクセス﹂設定が必要になっています。詳細は以下から。 Appleは2018年06月に開催したWWDC 2018で、﹁macOS 10.14 Mojave﹂を発表すると共にMojaveではこれまでのmacOS以上にユーザーのプライバシー保護に重点を置き、メールやメッセージ、Safariのデータなど、以下のデータにアプリからアクセスする際にユーザーの承認(User Consent)が必要になると発表しました。これに伴い、多くのアプリでこれらのデータにアクセスする際にユーザー承認のポップアップが表示され、ユーザービリティが損なわれていると一部批判も出ていますが、元Appleのソフトウェアエンジニアで現在はMarsEditなどを開発しているDanie

style_blue 2018/10/26

古いメールボックスを移植しようとしたら、Library内のApplicationSupport 他各所にあるMail.appに関するフォルダだけピンポイントでアクセス不可、sudoでTerminalコマンドも受け付けないのでなんで？と思ったらこれか。

Mac
tips

リンク

VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選 - ICS MEDIA

﹁Visual Studio Code︵略称‥VS Code︶﹂はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。本記事では、HTMLコーダーやフロントエンドエンジニアに役立つ拡張機能を紹介します。 1. IntelliCode IntelliCodeはMicrosoft謹製の公式プラグイン。AI支援による次世代のコード補完がJavaScriptやTypeScriptで利用できるようになります。APIの一覧がアルファベット順に提示されるのではなく、利用する可能性の高いAPIがAIによって予測されます。コード補完の様子を次のスクリーションショットでご覧ください。入力候補の﹁★﹂マークが付いているところが、補完候補になっているところです。人工知

style_blue 2018/07/06

そのうち使うかもしれないのでぶくま。とはいえ WebStorm という手もある。

VSC
tips

リンク

「エクセルを使ったお仕事」の入社試験問題を作ってみました | 小さな会社のための DIYシステム工房

こんにちは、エクセル使いこなし隊隊長の吉井良平です。採用試験問題が流出?!コレが実際に使われている﹁Excelスキルのテスト﹂だ︵キャリタスPRESSさん︶という記事を読んで、自分でも作ってみたくなって、入社試験問題を作ってみました。応募要項に﹁エクセルが使えること﹂と書いてあって、面接で﹁ハイ、使えます﹂と言っていても、実際に採用してみたら実は全く使えなかったという笑えない話もあります。なので﹁エクセルを使ったお仕事﹂であれば、入社時に試験をしておくのは、一つの手ですよね。採用担当者の方で、問題を作るのが大変な方は、私が作った入社問題をアレンジして使っていただければと思います。また、仕事を応募される方も、このテストで満点取れば﹁エクセルが使える！﹂と胸を張って言って良いと思いますので、トライしてみてくださいね。初級編一口に﹁エクセルを使ったお仕事﹂と言っても、ほぼ出来上

style_blue 2018/04/15

ググりながらじゃないと中級で躓く。知っておいたほうがいい関数や使い方と実際の業務には隔たりがあるからなー。今は業務で使わなさそうでもこーゆー機会で勉強しておくべきか。 ●教育 ●tips

リンク

UEFIやセキュアブートの勘違いしやすい設定30個まとめ - ぼくんちのTV 別館

UEFIマザーの「セキュアブート」、「Fast Boot」、「CSM」について、「注意すべき点」や「勘違いしやすい点」を色々とまとめたページを作成しました。

style_blue 2018/04/13

久々にやって手こずったのでぶくま。CSMとセキュアブートは両立しない。って言うかセキュア切ったらCSMは有効にする。

tips

リンク

3flab inc. | Illustrator Scripts

株式会社三階ラボ。それはデザインの会社です。

style_blue 2018/03/25

重なり順を反転は便利。

リンク

Illustrator スクリプト入門 01（はじめの一歩編）｜宮澤聖二 | onthehead

グラフィックツールとして有名な Adobe 製品。PhotoshopやIllustrator、InDesignなど、多種多様なアプリケーションあります。これらの Adobe 製品に、メーカーや有志が配布されているプラグインやエクステンションというものをインストールすることで、ユーザーが自由に機能を追加することができます。ただ、こういう機能が欲しいなあ。とか、ここをこう処理したいんだよなあ。と思っても、プラグインやエクステンションを自分でゼロから作るのは難しいですよね。でも大丈夫。プラグインやエクステンション以外にも、Adobe 製品には﹁スクリプト﹂という便利な機能があります。スクリプトというのは、JavaScript や AppleScript、VB Script という言語を使って、アプリケーションに操作を命令・実行する機能です。まあ、何言ってるかわかんないですよね。というこ

style_blue 2018/03/25

ちょっとした作業の時に役に立つんだけどなーと思いつつ、手でやってしまうやつ。

リンク

macOS Sierra (10.12) で Photoshop CS6 / Illustrator CS6 を使う - TeX Alchemist Online

追記‥macOS 10.13 High Sierraでも使えます！本日(2017/09/26)，macOS 10.13 High Sierraがリリースされました。本記事で紹介している﹁偽装フォルダ法﹂は，High Sierraでも有効なようです。追記‥検証結果本記事の方法で，Photoshop / Illustrator の CS 3～6が全て Sierraで使用可能になる模様です。また，報告︵リンク切れ︶によると，Flash 関係以外の CS6 アプリは基本的に全て動作するそうです。 Adobe CS6 Master Collection ○ Photoshop CS6 ○ Illustrator CS6 ○ InDesign® CS6 ○ Acrobat® X Pro ○ Dreamweaver® CS6 ○ Fireworks® CS6 ○ Adobe Premi

style_blue 2016/09/24

あーなんだ、Java 6使ってないんだ。なら今度 Sierra試してみるかな。にしてもここは昔からホスツもにょっとすればとかこのあたり甘いというか何と言うか。 ●Photoshop ●illustrator ●Mac ●TIPS

リンク

【Hackintosh】OS X 10.11 El CapitanをWindowsPCにインストールする方法 | Will feel Tips

今回は﹁UniBeast﹂を使って、Windows PCにMac用のOS X 10.11 El Capitanをインストールする方法を紹介いたします。もちろんあくまでも夢の話なので、参考程度にご覧ください。 via.UniBeast: Install OS X El Capitan on Any Supported Intel-based PCOS X El Capitanをダウンロードするはじめに、Mac App Storeから﹃OS X El Capitan﹄をダウンロードします。 OS X El Capitanは、﹁Snow Leopard﹂以降の所有者が、無料でダウンロードできます。参考‥Mac 本体が無くてもWindowsだけでOS Xをインストールする方法ダウンロード完了後は、インストールせずに﹁⌘+Q﹂でインストーラを終了して下さい。﹁El Capitan﹂は/Appl

style_blue 2016/03/15

夢のある話だなぁと思ってブコメ見たらかつて夢見た事のある皆さんのコメントが辛辣でワロタ > 仕事できるやつほどこういう無駄はやらない > 普通に現実を生きた方が楽だと思った。

OSX
tips

リンク

MacでCommand+Qの誤爆によるアプリ終了を防止

Mac ユーザーになってやがて3年経ちますが、Mac を使い始めて初期の頃から困ったのが、Command + Q を間違えて押してしまい、うっかり使用中のアプリケーションを終了してしまう誤爆。アプリケーションによっては、Command + Q で警告が出ずにいきなり終了してしまうものもあるので、編集中のファイルを未保存で終了しちゃうと災難です。またブラウザ（Firefox, Chrome）だと、タブを閉じるショートカット Command + W のすぐ隣なので誤爆しやすい。 — 環境 — macOS Sierra または mac OS X El Capitan 以前キーボードショートカットの設定で Command + Q 誤爆を防ぐ Mac で設定 – キーボード(Keyboard) – ショートカット(Shortcuts) – アプリケーション(App Shortcuts) からキー

style_blue 2016/01/21

これたまにやらかすんだよね。そういえばKeyRemap4Mac入れてたので早速設定。

tips
Mac

リンク

OSXのコマンドラインからすると捗った設定リスト - will and way

mobilelaby.com 上記で紹介されていたiPhoneを接続した時に写真アプリの自動起動を防ぐターミナルでのコマンド defaults write com.apple.ImageCapture disableHotPlug -bool NO これ便利。実は他にもある。さらに、コマンドライン経由から設定することで、設定アプリではUI上不可能な値も設定できるので設定してまとめてみた。フォーマットまずはdefaultsコマンドのフォーマットから一般的なフォーマットサードパーティ製のアプリも含め、Dockの設定などがこちら。書き込み defaults writeDOMAIN KEY -TYPE VALUE 読み込み defaults read DOMAIN グローバルドメイングローバルドメインと呼ばれる領域がある。これはジェネラルな内容、キーボードのキーリピート設定やマウスの

style_blue 2016/01/03

写真アプリ殺すの含めて後で試してみよ。

OSX
Tips

リンク

これは知らないと損！背景が透明なPNG画像の輪郭をなじませるPhotoshopの使えるテクニック《動画解説付き》

人物と背景を合成したい場合、予め人物の背景を透明にしたままでPNG画像保存をしておくことで、さまざまな別の背景画像に入れ替えることが可能になり、バリエーションを増やすことができます。関連記事 ⇒ これさえ身につけてしまえば、ほぼ思い通りの作品が作れるようになるPhotoshopの切り取りテクニック。しかし、背景の色によっては合成したい画像がうまくなじまず、”カスカス”してしまう部分が出てくることがあるので、ここではカスカスさせることなく、うまく背景になじませるテクニックを解説します。︵動画は最下部です↓︶ Photoshopを使っている人であれば、ブログのヘッダーデザインをする際などに、かなり役立つテクニックなので覚えておいて損はないと思います。背景が透明なPNG画像があるとバリエーションを作るのがとても簡単！例えば、このような白い背景のヘッダーデザインをしてみます。背景が透明なP

style_blue 2015/12/11

あー乗算ね。フラッシュで飛んじまった模様を無理矢理再現する時に使ってたなそいえば。

リンク

Mac OSXの空き容量が足りない。容量を喰ってるフォルダを探す - それマグで！

Office 2016 for Mac をインストール試みたら空き容量足りない Mac のSSDは２５０GBもあるのに空き容量足りない。。どうなってるの・・・容量を食ってるフォルダを探してみる昔ながらのdu で探してみる sudo /usr/bin/du -g -x -d 5 / | awk '$1 >= 5{print}' 実際に実行したのが以下のとおり takuya@rena:~/Desktop$ sudo /usr/bin/du -g -x -d 5 / | awk '$1 >= 5{print}' 30 /Applications 6 /Library/Application Support 13 /Library 25 /private/var/tmp 29 /private/var 29 /private 5 /System/Library/Caches/com.appl

style_blue 2015/07/15

たまにduしないとね。

リンク

旧・Macの手書き説明書 - FC2 BLOG パスワード認証

style_blue 2015/05/14

たまにTerminalも起動しなくて二進も三進も行かなくなる時があるのでとりあえずappを作ってみた。さて、必要な時に思い出せるかなｗ

Mac
tips

リンク

実は優秀！iPhoneの標準カレンダーを使いこなすテクニック10個

ども！ともぞうです。仕事の予定や友達との約束などスケジュールの管理に欠かせないのが、カレンダーアプリですよね。サードパーティー製のアプリも多数リリースされているのですが、忘れちゃいけないのが標準のカレンダーアプリ。そんなカレンダーアプリを使いこなすために、覚えておくと便利なテクニックを10個ご紹介します。他社製カレンダーアプリを使っている方も、ベースとなるデータは標準カレンダーになるので必見ですよ！ 1. iCloudの家族共有で予定を共有同じ家に住んでいたとしても、うっかり忘れることがあるのが家族での予定。すっかり忘れて怒られないように、家族で共有するカレンダーを作ってしまいましょう。設定は簡単で設定のiCloudで家族共有を設定するだけ。そうするとカレンダーにFamilyというカレンダーが追加されて、このカレンダーに予定を追加すれば家族全員で共有することができますよ。iC