VSCodeおすすめ設定大公開！！おすすめ拡張機能も - Qiita
はじめに 皆さんVisual Studio Code(以下VSCode)使ってますか？ 私はメインで使っているのですが、自分なりにしっくりくる設定や拡張機能がある程度揃ってきたので公開しちゃいます。 おすすめ設定だけではなく、おすすめの機能もできる限り紹介したいと思いますので、最後までぜひお付き合いください。 ※プログラミング言語固有の設定の解説は軽めですのでご了承ください。 GIF画像が小さい場合は、クリックして頂けると拡大して表示が可能です デフォルト機能編 Local History機能 Gitは非常に便利なので、皆さん使われていると思います。 Gitはコミット単位で履歴が管理できますが、保存単位で履歴が見れると嬉しいな、保存単位で復元できると嬉しいな、と思うことはないでしょうか。 私はVSCodeは自動保存をオフにして、手動で保存するので、保存単位で履歴が見れると嬉しいなと思うこと
Chrome拡張機能「Perfect Pixel」を使ってピクセルパーフェクトを実現させよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインとコーディングが分業制の企業は最近多くなってきたと思います。分業制の場合、デザインがFixして、次にフロントエンド作業、実装チェックという工程で進行します。 この実装チェックまでに期間が空いてしまったり、自分が作ってないデザインだと、チェックしにくいなと思うこともしばしばあります。そんな憂うべき実装チェックの際に、よく使う便利なChromeの拡張機能をご紹介します。 perfect pixel まず、chromeの拡張機能をインストールしましょう。 下準備 まず、デザインカンプを書き出します。Retinaディスプレイ用に、2倍サイズで書き出します。今回は、本記事用にダミーのカンプ画像を用意してみました。Perfect Pixelを使って、検証してみましょう。 レイヤーを追加 まず、検証したいページを開きます。今回はこのページを使いました。 右上にPerfect Pixelのメニュー
Web制作者必見！ VS Codeのおすすめ機能拡張のまとめ、HTMLやCSSやJavaScriptのコードを書く時に便利
Visual Studio Code（以下、VS Code）が素晴らしいエディタである理由の一つは、デベロッパーの生産性を向上させるVS Codeの機能拡張の巨大なライブラリがあることです。 その中から、HTMLやCSSやJavaScriptのコードを書く時に便利なVS Codeの機能拡張を紹介します。 My 12 Favorite VSCode Extensions by Katherine Peterson 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 VS Codeとは VS Codeの機能拡張 VS Codeのおすすめ機能拡張 VS Codeとは VS Code(Visual Studio Code)は、Microsoftが提供する統合ツールを備えた強力で軽量なコードエディタです。MITライセンスで、商用でも完全に無料
Adobe XD 2020年10月の新機能！ついにVisual Studio Codeと連携可能に
昨日から開催されているAdobe MAX（10/23まで）と同時に、Adobe XDの最新アップデートがリリースされました！ 今までになかったまったく新しい新機能をはじめ、さまざまな機能の強化、共同編集機能の正式版、中でもCCライブラリ強化とVS Code連携は、ワークフローがさらに改善されると思います。 Adobe XDの新機能 まずは、Visual Studio Code連携。 VS Codeのプラグインとして無料で利用でき、デベロッパーはデザイントークンを数秒で作成し、Web、iOS、Android、Flutterなど複数のプラットフォームに向けてアプリをコンパイルすることができます。コーディング中は、関連するドキュメントやコードスニペットに素早くアクセスすることができます。 プラグインのインストールは、下記ページから。 ※2020年10月20日リリースのAdobe XD34でご利用
コードを書くのが楽になる！知っておくと便利なVS Codeの機能・設定のまとめ
VS Codeは毎月のようにアップデートされ、便利な機能がどんどん追加されています。最近追加された機能をはじめ、Web制作で役立つ便利な機能を紹介します。 特に人気が高い機能拡張と同じレベルの仕事が、VS Codeの基本機能・設定だけで利用できるので、便利です。 VS Code: You don't need that extension by Rob O'Leary 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. タグの自動名前変更と終了タグ補完 2. 設定の同期 3. モジュールの自動インポート 4. HTMLとCSSのスニペット管理 5. ダミーテキスト 6. 末尾のスペースを自動的に削除 終わりに はじめに 私は最近、VS Codeを深く掘り下げいて、いくつか興味深い発見がありました。人気のある機能拡張の
Photoshopで超時短！便利すぎる無料プラグイン、拡張機能40個まとめ【2019年版】
この記事は、2017年8月22日に公開してから再編集、アップデートを随時行っています。新しいツールを加え、サービスが終了しているツールは削除し、合計40個のPhotoshopプラグイン、拡張機能を紹介しています。 Photoshopはどんなデザインの作成にも使える、多目的で便利なツールです。しかし、特定の作業をしようとすると、時間がかかってしまうことも。そんなときは、フォトショップ拡張プラグインでをつかって、自分好みにカスタマイズしてみましょう。 今回は、デザインの制作ワークフローを改善し、効率をアップするPhotoshopの拡張機能、プラグインをまとめてご紹介します。 Photoshop作業を爆速に！便利すぎる無料ツール、拡張機能、素材あつめました。 オキテ破りの写真加工！フォトショップ無料アクション素材100個まとめ【保存版】 無料Photoshop拡張プラグインまとめ Craft P
Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧｜DTP Transit
#1 【アートボード】アートボード作成、修正、書き出し 三階ラボさんのアートボード作成・再構築・書き出しのワークフローが鉄板。 特にアートボード名の修正（一括置換など）はデフォルトではできないので、本当に重宝します。 3flab inc. | #Illustrator でアートボードごとに画像を書き出してからファイル名を変更するのが面倒くさい 3flab inc. | アートボード再構築 3flab inc. | #Illustrator でアートボードを作り、そして書き出す #2 【テキスト】選択したテキストの編集をダイアログボックス内で行う これまた、三階ラボさんのスクリプト。 3flab inc. | テキスト編集 | Edit Texts Pro for Illustrator 3flab inc. | #Illustrator のテキスト編集をスムーズに行う リアルタイムプレビュ
PageExpand - Webブラウザに足りない機能をたくさん追加！ MOONGIFT
Webブラウザを使っていて、物足りないと感じる点はたくさんあります。ブラウザ本体で実装してほしいわけでなければ、それは機能拡張を使うべきものになります。 そんな痒いところに手が届かない機能をたくさん入れこんだのがPageExpandです。PageExpandを使ってブラウザを便利にしてください。 PageExpandの使い方 今回はSafari向けの機能拡張をインストールしました。他にもGoogle Chrome,Firefox,Opera,GreaseMonkey版があります。 設定画面です。非常に多くの機能を備えています。 例えば画像のズーム機能があります。リンク先が画像の場合、先に取得してくれます。これは画像だけでなく、テキストリンクでも取得してくれます。 こんな感じに大きく拡大します。 コンテクストメニューも拡張されて、画像一括ダウンロードなどが用意されています。 ダウンロード中。
WordPressでコメントやリビジョンなどの機能を削除・停止するときに使うプラグイン5選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、段田です。 今回は、WordPressで使わない機能を停止させるプラグインをテーマに紹介します。 使う場面は限られると思いますが、必要になったときに参考になれば幸いです。 1. ビジュアルモードを停止するプラグイン https://wordpress.org/plugins/disable-visual-editor-wysiwyg/ 「Disable Visual Editor WYSIWYG」は投稿画面のビジュアルモードを停止できることができるプラグインです。 このプラグインを使うと、下の画像のようにビジュアルモードが消えて、テキストモードのみが利用できるようになります。 手順 プラグインファイルをダウンロードして、pluginフォルダに設置する。もしくはプラグイン新規追加画面からインストール。 管理画面のプラグインページから「Disable Visual Editor W
「DISQUS」で高機能コメント欄にレベルアップ！wordopress導入編
「DISQUS」というサービスをご存知でしょうか？ wordpressデザインを学ぶための超有名ブログ「ＷＥＢクリエイターボックス」様を筆頭に、レベルの高そうなwordpressブログのコメント欄でよく見かけるサービスです。 これだけ多くのトップブロガー達が採用するには意味があるのだろう。と思い、正直まだ理解していない機能もあるのですが、当サイトでもコメント欄を「DISQUS」に変更する事にしました。 先に完成イメージからご覧ください。「DISQUS」を導入することにより、このように変わりました。 「DISQUS」はココが凄い！ 私が把握している限りですが、「DISQUS」について簡単に説明しておきます。 「DISQUS」というサービスはwordpressのコメント欄を進化させるとことができるのですが、単なるコメント機能！という訳では無いようです。「DISQUS」の基本的な理念として【コメ
CS6対応、Photoshopのレイヤー周りの機能をもっと便利にする12のツール-Trevor Morris Scripts for CS6
Trevor Morris Scripts for CS6は以前紹介したツールのCS6対応版で、6/26にリリースしました。 以前の記事は「Photoshop CS5をもっと便利にする12のツール」です。 ツール全12種 [ad#ad-2] 以下、左上から順に。 Horizontal Spacing 選択したレイヤーを水平方向に均等の間隔に分配します。 Vertical Spacing 選択したレイヤーを垂直方向に均等の間隔に分配します。 Center layer 選択したレイヤーを水平・垂直の真ん中に配置します。 Rename Layers アクティブなレイヤー全てをリネームします。 Sort Layers アクティブなレイヤー全てをアルファベット順にソートします。 Find Layer レイヤーの名前を検索します。 Hide All Layers 全てのレイヤーを非表示にします。 Sh
ノンプログラマー向けのWordPressカスタマイズハック用プラグイン・WP Total Hacks - かちびと.net
昨日Twitterにも情報流れてましたけど やっぱり便利なプラグインなので、改め てご紹介。僕やほかのブログでもよく 見かける、functions.phpにコードを追加 して行うカスタマイズを1つのプラグインで 管理できるようにしたもの。 デベロッパーは最近よくお話させてもらっている@miya0001氏。よく見かける、需要の高そうなfunctions.phpでのカスタマイズをプラグインで一括管理出来るようにしてくれました。 ページ推移も不要で、よく見かけるカスタマイズハックを簡単に行うことができます。 functions.phpに追記すればOKなものばかりですが、もともとコードがごちゃ付いてる場合も多々ありますが、PHPの知識が無いとなかなかテーマファイルに手を加えるのはハードルが高いと思います。そんなノンプログラマーさん向けに作られたプラグインです。 出来ることは以下。プラグインを有効化
MovableTypeの管理画面をユーザ毎に機能制限するプラグイン:Demoize - Open MagicVox.net
MovableTypeの管理画面をユーザ毎に機能制限するプラグイン:Demoize Posted by ぴろり Posted at 2010/10/31 14:53 Trackbacks 関連記事 (0) Post Comment コメントできます Category MovableType の管理画面にあるそれぞれのメニュー項目について、ユーザ毎に実行できる機能を制限するためのプラグインです。標準でも、ユーザ毎に適切に権限を設定することで、権限の無いメニューを非表示にできますが、Demoize プラグインでは、全てのメニュー項目を表示した上で、その機能の実行を制限します。例えば、デモ展示用に管理画面にログインして色々と触って貰いたいけれども、権限で制限したのでは、フル ファンクションの管理画面を見てもらえない、しかし、ブログの公開設定を変更されたり、記事やテンプレートを削除されるのは困る、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
