VSCodeで最強のMarkdownノートエディタを作ろう
昨日の自分「今作ってる曲まじで良すぎる。天才かもしれん」 今日の自分「ﾅﾆｺﾚ。曲作り下手すぎか～～」 この記事は新歓ブログリレー23日目の記事です。 こんにちは、カシワデと言います。サウンド班に所属していてパソコンで音楽を作っています。 皆さん、DTMってしってますか？ DTMとはDeskTop Musicという和製英語の略で、パソコンで音楽を作ることを広く指します。パソコンで音楽を作ると言っても昨今の曲は大体パソコンを用いて作られているので、DTMというと特に"打ち込み"のニュアンスが出るような気がします。 でも、『パソコンで音楽を作る～』とか『打ち込み』っ… 🎉入学おめでとう🎉まずは新入生の皆さん、ご入学おめでとうございます！！！これから始まる大学生活は非常に短いですし、世間で言われる程時間に余裕があるわけでは無いので、後悔の無い充実した生活を送ってください！
誤字検知に役立つ！ Adobe XDのプラグイン「テキスト校正くん」を公開 - ICS MEDIA
Adobe XDで文章校正を支援するプラグイン「テキスト校正くん（英名：Japanese Proofreading）」を弊社からリリースしました。無料で利用できます。 テキスト校正くん for XD 本プラグインを利用することで、画面内の文章を手軽に校正でき、テキストの品質を高めることができます。 「テキスト校正くん」はテキストエディターの「VS Code」（参考）を以前から公開しており、約4万インストールと数多くの方に利用いただいています。また「テキスト校正くん」の校正機能をさまざまなツールで利用できるよう、デザインツールのAdobe XD（本記事）や「Figma」向けの拡張機能（参考）も開発し公開しています。 「テキスト校正くん」でできること XDのアートボード内の選択中のテキストに対して、文章校正を行います。チェック性能はVS Codeの拡張機能と同じく、一般的な文章のルールに沿って
ファイルを掴んでいるプログラムを特定する方法 - misc.log
某所で書いたら意外に皆さん知らなかったようなので書いておきます。Windowsでファイルを削除したり名称変更しようとすると、別のプログラムが使っているので変更できない、といったエラーが出る事があります。こういう場合、後述の方法で「誰がファイルを掴んでいるのか」を調べられるかもしれません。 （あくまでローカル環境での話ですので、ネットワーク越しに掴まれているものや、インフラの運用で役立つ情報というわけではありません。ご了承ください） ファイルやフォルダーの利用者をリソースモニターで検索する リソースモニターという、タスクマネージャーの高機能版のようなツールがWindowsには標準搭載されています。これで、CPUタブにある「関連付けられたハンドル」というエリアの検索欄にファイル名やフォルダー名を入力すると、それを使っているプログラム（プロセス）を特定できることがあります。 リソースモニターの起
簡単操作で自分専用Wikiを構築できるMarkdownエディタ「Obsidian」のモバイル版を使ってみた
基本無料のMarkdownエディタ「Obsidian」では、Markdown形式で見やすいノートを記述し、ノート同士にリンクを張ることで自分専用のWikiを構築することができます。そんなObsidianのモバイル版が2021年7月12日に登場したので、実際に使って機能を確かめてみました。 Mobile apps - Obsidian https://obsidian.md/mobile Obsidian - Connected Notes on the App Store https://apps.apple.com/us/app/obsidian-connected-notes/id1557175442 Obsidian - Google Play のアプリ https://play.google.com/store/apps/details?id=md.obsidian Obsidia
昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケート結果を紹介します。 floatプロパティーは現役？ floatプロパティーは、CSSレイアウトのために2000年代中頃からテーブルレイアウトに代わって使われてきました。FlexboxやCSS Gridなど、他にレイアウト手法が存在する現在において、floatプロパティーはどれほど使われているのでしょうか。 1829票の回答があり「とてもよく使う」が5.7%、「たまに使う」が19.8%、「ほとんど使わない」が69%、「floatを知らない」が5.5%でした。 現在はfloatプロパティーを使う
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ライセンスで、商用でも完全に無料
ESLint, Prettier, VS Code, npm scripts の設定: 2021春
eslint-plugin-prettier 時代の設定をずっと使っていたので、重い腰を上げてアップデートした作業メモ。 背景 Prettier 公式ドキュメントによれば、現在 eslint-plugin-prettier は以下の問題があるとして推奨していない。 エディタが真っ赤になる（人間が気にする必要のない問題なのに！） 直接実行するより遅い（同様に prettier-eslint も遅い） ESLint と Prettier の間に間接レイヤーを追加するので、壊れやすい なるほど正しい。 一方、別々に実行することで以下のような問題も出てくるので、解決していく。 CLI とエディタを個別に設定する必要がある エディタで ESLint と Prettier の協調動作が必要 CLI (npm scripts) で ESLint と Prettier の対象ファイルが別管理になる 上記の
VS Codeを極める！ MarkdownやGitにもオススメの拡張機能9選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターにカスタマイズできます。 前回の記事では、「HTMLコーダー」「フロントエンジニア」に役立つ拡張機能を紹介しました。本記事では、開発者全般の方に役立つ拡張機能を紹介します。 エディターを強化する拡張機能 1. Clipboard Ring テキストを「コピー」や「切り取り（カット）」したものを「貼り付け（ペースト）」する場合に、この拡張機能を入れることで複数件の内容を記憶できます。ctrl+shift+v（⌘+shift+v）を押すごとに過去の情報に切り替えられます。デフォルトでは10件の情報を記憶できますが、設定を変更することで記憶する件数を増やすことも可
AtomユーザもSublimeユーザも、死角が無いエディタ「VS CODE」に乗り換えよう | WEBA
This domain may be for sale!
「スプレッドシートを使ったお仕事」の基本問題を考えてみた - あざなえるなわのごとし
先日、エクセルを使ったお仕事の入社試験問題の記事が話題になってましたが、ウチの職場はExcelからGoogleのスプレッドシートへかなりの部分を移行しようとしている真っ最中。 Excel仕事だけではダメなんですよ。 移行担当になってるもんですから、毎日スプレッドシートと格闘中。 独りで、通常の仕事の合間にやってるもんだから、まぁ進まない進まない。 元々「数年後になると誰が作ったかわからなくなる謎の動きをするVBA」を作る専門なので、GASも任されまして。 ノンプログラマーなんですが、何せVBAすら誰もいじれない（マクロで記録して終わりって感じの）職場。 個人情報が多いのでPCの制限が厳しいんですよね。 Gmailとその周辺は許されてるがインストールは不可って感じ。 なのでVBAとGASくらいしか手元にないってのもある。 今回は、先日のExcelのお仕事のごとく 「スプレッドシートを使ったお
アーキテクチャから新しい！ 初めてのエディタには、21世紀生まれの「Atom」がおすすめ【続・若手エンジニア向けエディタ実践入門】 - エンジニアHub｜Webエンジニアのキャリアを考える！
アーキテクチャから新しい！ 初めてのエディタには、21世紀生まれの「Atom」がおすすめ【続・若手エンジニア向けエディタ実践入門】 Atomは、「A hackable text editor for the 21st Century」と公式のコピーにあるように、21世紀に誕生した新しいエディタで、アーキテクチャも新しくて魅力的なものになっています。 みなさんお久しぶりです、再びエンジニアHubに帰ってきました大竹智也（@tomoyaton）です。前回はEmacsの記事1をお届けしましたが、今回はAtomというエディタの記事をお届けします（次はVimかもしれませんね）。 Atomは、WebエンジニアにはおなじみのGitHubが開発しているテキストエディタです。公式のコピーに「A hackable text editor for the 21st Century」とあるように、21世紀に誕生し
Markdown用にテキストエディタMeryのアウトライン機能を設定する
Meryという無料で使えるテキストエディタがあります。 （Meryのサイトはこちら） Meryのアウトライン機能を利用するとMarkdownを記述するときに便利です。 見出しが階層的に表示される 下図の右側がMarkdownで記述した内容です。それを階層的に左側のように表示してくれます。 アウトラインをクリックすると該当部分に移動できます。 デフォルトでは.（ドット）が見出しとしてみなされますが、 これをMarkdown記法に対応するように #（ハッシュ）を見出しとみなすように変更します。 そうすれば下図のように表示されます。 以下に#を見出しとするように変更する手順を記述します。 アウトラインを表示させる まずはアウトライン用のウィンドウを表示させます。 デフォルトでは表示されていないと思います。 「ツール」⇒ 「プラグイン」⇒ 「アウトライン」をクリック。
Web開発が加速する！Adobe製無償テキストエディター「Brackets」
一昔前はプロプライエタリ・ソフトウェアが一般的だったテキストエディターも、多くがOSS(オープンソースソフトウェア)化を選択するようになった。アジャイル開発が進む開発の現場でも「Atom」など、OSS製テキストエディターを選択する場面が増えているが、今回取り上げるのはAdobe SystemsがOSSとして公開している「Brackets」である。 Adobe Systems製OSSテキストエディター「Brackets」。本体自身もHTMLやCSS、JavaScriptで開発されている。最初から日本語化(OSのシステム言語に依存)されているのもうれしい HTMLやCSS、JavaScriptのコーディングに特化したOSS製テキストエディターとして、2011年12月から開発をスタートし、2016年6月には最新版となるバージョン1.7をリリースしたばかりだ。ソースコードはもちろん、Windows
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
ITに興味はないけどエンジニアになってしまった新人が業務や会社に効率的に慣れる方法 - Qiita
ITに興味はないけどエンジニアになってしまった新人が業務や会社に効率的に慣れるための戦略や方法を書きます。 対象読者 その会社しか就活で受からなかった コミュ症なので人と話さなさそうな仕事を探したらプログラマになった クラシック音楽のプロを目指していたが夢破れて自暴自棄になったし藝大時代の知人と会うと悲しい気分が蘇ってしまうのでどの知人とも再会することがないように全く異分野のITの会社に入った といったなりゆきでITの会社に務めることになった方々です。 書いた人のプロフィール 優秀でも無能でもない平凡なサラリーマンです。 社会人歴5年くらいです。 業務システムを開発する中規模SIerに勤めています。元請けと1次受けが半々くらいで、2次受け3次受けの案件は滅多にない、そんなどこにでもある会社です。 そんな会社で平均ど真ん中な人事評価を受けています。 ITに興味はありません。 食べていくために
物書きクラスタ向けに俺のオススメの執筆環境を提案するぜ！ - 景虎日記
どうも。俺だ。景虎だ。 今日はなろう小説を書いているキミ、そしてKDPで活躍しているキミへ送るベストエントリにしようと思ってこの記事を書いていたりする。 そう、ズバリ、物書きクラスタが導入するべき、無料、もしくは有料だけど入れておきたい物は何があるのかという事に関して煮詰めに煮詰めていこうということなのである。煮詰めすぎてクレアおばさんが登場しそうな感じもするが、そろそろ味も良くなってきたと思うので、この辺で皆へと振る舞ってみることにしよう。 さて、前置きはこの辺で、ズバリ物書きクラスタが導入するべき物は何なのか。説明していこうじゃ無いか。 分類としてはこんな所だろう まずは、導入するべき物を大まかに分類しておこう。 クラウドストレージ IMEソフトウェア テキストエディタ ひとまずはこの三種類あれば、なんとかなるだろう。いきなり「クラウドストーレージ」とか「IME」とかいう言葉が出てきて
モバイルエディタの時代／“編集”という職能の転回点
モバイルとソーシャルの時代を迎えたメディア。 その新たな環境へと架橋する存在として、 モバイルエディタが台頭している。 モバイルエディタとはなにか。 そして、その存在理由を問う。 つい最近、著名な英国の雑誌社 Condé Nast でデジタル部門を統括する人物が、衝撃的な発言をしました。同社 Web サイトを来訪するデスクトップ（PC）ユーザーは、来訪者全体のたった 4% に過ぎないというのです。 Digiday に掲載された取材記事は、同社がデジタルコンテンツのパフォーマンス向上を果たすべく実施したデザインリニューアル、共通 CMS 再構築などについて追ったものです。その中から発言をもう少し紹介しましょう。 Web ページをデザインしようとすると、われわれはデスクトップ（PC）用サイトの見え方をどうするかに取り憑かれてしまう。（しかし）われわれの PC 用 Web サイトの読者は、われわ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Visual Studio Codeの使い方、基本の「キ」
ねたわん - WordPress神推しブログ
Visual Studio Code
