先日、Scala CLI v1.0.0がついにリリースされた。これまではv0系列だったので、満を持しての正式版リリースだ。おめでとう！ github.com いちおう説明しておくとScala CLIは総合的なScalaのコマンドラインツールで、以下のようなことができる: Uber JAR(単体で動作するJARファイル)の生成 GraalVMを使ったバイナリの生成 Scala Nativeを使ったバイナリの生成 REPL Scala Scriptの実行環境 このように多彩な機能を持つScala CLIは、現在のscalaコマンドを置換して将来的なscalaコマンドになることが決まっている。 さて、リリースノートによればScala CLIではv1.0.0からScala 3.3.0をデフォルトで利用することになった。Scala 3.3.0にはいくつもの修正や追加機能が含まれているが、今回はその中
ん？ あれ？ ひょっとして … 一昨日書いた記事「なぜにテンソル記法は意味不明なのか」を読み直していて、気付いたことがあります。テンソル記法の「意味不明問題」は、解決できるようです。 思いついたときに書いておかないと、二度と書かない（書けない）ことがあるので、ふんばって必要なことは全部書いておきました。 内容： テンソル記法の「意味不明問題」とは アイディアと方法 インデックスからマーカーへ テンソル空間 テンソルとプロファイル プロファイル注釈 テンソルのテンソル積 双対空間に対するマーカー テンソルの縮約 置換と置換が定めるテンソル テンソルの置換同値 もうひとつの縮約 ネーム化とコネーム化 インデックスとしての添字 テンソル記法の「意味不明問題」とは テンソルの書き方〈記法〉としては、伝統的記法をそのまま採用します。「 はテンソルである」のような言い方を許容します。書き方・言い方にお
Typescript ブラケット記法(Object[key])でno index signatureエラーをtype safeに解決したい。 - aknow2
TypescriptでObjectに対して[文字列]でアクセスするブラケット記法を用いると発生するエラー。 例えば、この様に書くとエラーが出てきてコンパイルが通りません。 interface ISomeObject { firstKey: string; secondKey: string; } const obj = { firstKey: "a", secondKey: "b", } as ISomeObject; const key: string = 'secondKey'; const secondValue: string = obj[key]; // Element implicitly has an 'any' type because type '() => void' has no index signature. ブラケット記法を使いたいため、keyに'secondK
![Typescript ブラケット記法(Object[key])でno index signatureエラーをtype safeに解決したい。 - aknow2](https://cdn-ak-scissors.b.st-hatena.com/image/square/f77587510837880e0c1218de98b91f72046163f8/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F8599973812311744350%2F10257846132669567835%2F1542173448)
アフィリエイトを行う上で重要なASPの1つ「もしもアフィリエイト」。 登録した後に自分のサイトで商品を紹介し、それが売れれば広告料(紹介料？)として報酬を得ることができるのですが、その紹介の仕方は様々です。 そんな中、はてな記法だと「もしもアフィリエイト」で「かんたんリンク」が使用できない！との噂がありましたが、 それはデマです！！ 簡単に使用できますので、はてなブロガーの方で普段「はてな記法」で記事を書いてるよ～という人は是非参考にしてください！！ ※当記事で何度か「かんたんリンク」という単語が出てきますが、ここでいう「かんたんリンク」は新バージョンの「かんたんリンク」です。旧型の「かんたんリンク」ではありません。 はてな記法では「かんたんリンク」が使えない？ それでもはてな記法で「かんたんリンク」を使いたい 実際にリンクを作って貼ってみよう はてな記法で「かんたんリンク」を使用する方法
トライしたかったMarkdown記法で記事を書いてみました！スマイルゼミについて☆彡 - 40代主婦、変化とのゆるりとした戦い☆彡
こんにちは。 こちらのブログをご覧いただきありがとうございます。 大型の台風が近づいているとのことで、気を緩められないですね。今日、明日静かに家で過ごすことになりそうです。 Markdown記法で書いてみました スマイルゼミとチャレンジタッチの印象 スマイルゼミ チャレンジタッチ 効果はどうなんだろう 9月のえいご さいごにひとこと Markdown記法で書いてみました 今回のブログは、Markdown記法で書いてみました。 以前に、どなたかのブログで（すみません、ブログを始めたばかりだったので誰だか覚えていなくて）Markdown記法について書かれていて、いつかMarkdown記法で書いてみたいと思っていたのでした。 Markdown記法はプレビューの画面が隣に出てくるので、いちいちプレビューボタンを押して行ったり来たりしなくて良いということがメリットです。 そして、つい最近、私がブログ
箇条書きするのにリスト記法も使えずに恥ずかしげもなく中黒を使っちゃう情弱精神のやつ、俺はそこそこ嫌いだぜ。 はてな記法なんか一々覚えられるかというやつにも俺は容赦しない。 インターネットユーザーならwikiシステムに触れてきたことがあるはずで、そこで軽く編集しようと思ったらwiki記法に触れてきたはずだ。 ダサい中黒を打つ前に、多くのwiki同様に - によるマークダウンが使えるのでは、という想像が働くはずなんだ。 ダサいという認識がなければ想像も働かない？ なんだと？ お前はWordで箇条書きするとき中黒を打つのか？ やれやれだぜ。 中黒と、箇条書き行頭に置かれるビュレットは異なるもの。その混同はダサすぎる。 中黒リストが許されるのはプレーンテキストでしか表現できないテキストファイル等の中だけだ。 確かに増田の投稿画面のテキストボックスにはブログによくあるWYSIWYG的なUIはない。
R初心者の館（RとRStudioのインストール、初期設定、基本的な記法など） - nora_goes_far
本記事について R Advent Calendar 2019 2日目の記事です。 本記事執筆のモチベーション ゼミや講義でRを使いたいことがあります。しかし、インストールや初期設定、基本的な記法についての説明で時間を使ってしまうのはもったいないと思い、「これを事前に読んできて」と言えば済むような資料を用意したいと思いました（もちろんすでに、ネット上には有用な記事がたくさんあります）。もし同様の要望をお持ちの方がいらっしゃったら、本記事をご活用いただければ幸いです。 そういうわけで、本記事では、Rをまったく触ったことがない初心者を読者に想定しています。また、筆者の環境がWindowsであるため、同環境を事例として説明しています。 目次 RとRStudioのインストール RStudioの初期設定 RStudioの機能 Rの基本的な記法・使用方法 四則演算 代入演算子 その他の演算子 データの型
新記法対応！ IntelliJ IDEAを使ってTerraformを書いてみた | DevelopersIO
東京から札幌に戻り、飛行機を降りたら寒すぎてびっくりした、もこ@札幌オフィスです 最近Terraformでは新しい記法(HCL)が出来るようになり、これまでは cidr_block = "${var.vpc-cidr}" と書いていたものを cidr_block = var.vpc-cidr のように書けたりするなどの、Syntax回りの大幅なアップデートがありました！ Terraform 0.11→0.12で追加された新機能 ですが、Visual Studio CodeのTerraform Extentionは2019/08/21時点で対応しておらず、Syntaxエラーの赤線を見ながらコードを書く苦行を強いられていました。 そこで、IntelliJ IDEAのTerraform Pluginを使い、Terraformを書いてみました！ 2019/12/17にREADMEにJetBrain
はてな記法パソコンで見た場合だけど、投稿の右下にある「言及する」をクリックすると、 タイトル欄に「anond:20230113230624」と入った、新しい投稿ページが出てきます。 そこに「:title=好きな文字列」と追加すれば、タイトルの文字列を指定できます。 タイトル欄に「anond:20230113230624:title=好きな文字列」みたいなかんじで追記すればOK （参考）はてな記法一覧 - はてなブログ ヘルプ https://help.hatenablog.com/entry/text-hatena-list Viva La Vida！！
こんにちは、KAWARUN（カワルン）です。 今日は前回の「はてな記法でブログを書く」の続編「Markdownでブログを書く」に挑戦します！ \ そう、すでに今回もMarkdown入力は開始しています / はてなブログには「見たままモード」「はてな記法」「Markdown記法」の３つの編集タイプがあります。前回「はてな記法」を試してみて、「見たままモード」よりも「はてな記法」の方が書きやすいと感じました。 そこで今回はMarkdown記法にトライしながら「はてな記法」と比較し、今後の編集モードを決定したいと思います。 はてなブログをご利用の方は、今回の感想を参考にしていただけたら幸いです。 ■ はてな記法や編集モードの切り替え方法はコチラをチェック ■ 【はてなブログ】はてな記法で書いてみた！書き方と感想 - 書く、走る。 Markdown記法とは では早速書いてみましょう！ 見出しをつけ
2023 年、あけましておめでとうございます！私は元旦に次のようなオリジナル・パズルを出しました。 上の例のように、数字の合間に四則演算（＋−×÷）や括弧を入れることで、2023 を作ってください。 数字の間に必ず演算子を 1 つ入れてください ただし 9 と 8 の間には既に ÷ が入っています 括弧は複数重ねて使用できます 10×(-9 ÷ 8) のようなマイナス記号の使用は禁止です オリジナルツイートはこちらです。この記事では、JavaScript によるこのクイズの解き方をご紹介します。 括弧の数式をプログラムで扱うには さて、この問題の一番厄介な点は、括弧の絡む数式をプログラムで処理するという点ではないかと思います。この記事でもそこを重点的に解説したいと思います。 中置記法 まず、我々が日常的に使っている数式は、いわゆる「中置記法」と呼ばれる記法です。例えば (1 + 1 / 9
Markdownチートシート Markdown（マークダウン）とは Markdownチート一覧 1. 見出し 見出し１ 見出し２ 見出し３ 見出し４ 見出し５ 見出し６ 2. 改行 3. 段落 4. 箇条書きリスト 5. 番号付きリスト 6. リンク 基本リンク 基本リンク（応用編） 基本リンク（応用編）の使用例 画像埋め込み 画像埋め込み（応用編） リンク＋画像埋め込み リンク＋画像埋め込み（応用編） リンク＋画像埋め込み（応用編）の使用例 7. 引用 8. 目次 9. 脚注 Markdown記法で書くと "はてな"で用意されている記方 10. 太字（強調） 11. 斜体 12. 太字＆斜体 13. 打消（打ち消し線） 14. アンダーライン 15. 水平線 16. コードブロック sql python 17. インラインコード 17. テーブル 省略形 18. チェックボックス 19.
【はてなブログ】過去に「はてな記法モード」で書いていた記事を「見たままモード」に変更する方法（初心者向け＆図解入り） - takabonblog.com
「はてなブログ」では編集モードが3種類あります。 見たままモード はてな記法モード Markdownモード 以上の3種類の編集モードがあります。 筆者は「はてなブログ」を始めたころ「はてな記法モード」が便利がいいと書いてあったのでそれを信じて「はてな記法モード」を使用していました。 しかし「はてな記法モード」ではHTMLタグを入力するのにHTML編集の画面に切り替えるのではなく「はてな記法モード」画面で直接HTMLタグを入力するやり方でした。 HTMLタグをある程度は理解している筆者にとって、この入力方法に対して使い勝手が悪く感じたため「見たままモード」に変更して利用するようになりました。 「見たままモード」であればHTML編集の画面に切り替えられる他にも、2種類の改行が楽にでるという利点もあります。それはEnterキーだけを押すと少し間隔のある改行ができてShiftキー＋Enterキーを
Ruby 3.1: ES6風のハッシュリテラル省略記法が追加（翻訳）｜TechRacho by BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: Ruby 3.1 allows value omission in hash literals | Saeloun Blog 原文公開日: 2021/09/28 原著者: Akhil G Krishnan サイト: Saeloun Blog | Ruby on Rails Consulting Company based in San Francisco and Boston 日本語タイトルは内容に即したものにしました。 参考: Hashの値の省略記法 - NaCl非公式ブログ Ruby 3.1に、ECMAScript 6オブジェクトのショートハンド構文に似たハッシュリテラルのショートハンド構文が追加されました。（c60dbcd）。 まず、ECMAScript 6のハッシュリテラル値省略がどのようなものかを見てみましょう。 con
こんにちは、KAWARUN（カワルン）です。 はてなブログをお使いのブロガーさんは、どの編集モードを利用していますか？ わたしは初期設定のまま「見たままモード」を使っています。しかし結構不便なことが多く、html画面で入力・編集しているのが現状です。 今日は「はてなブログ」の編集モードのひとつ「はてな記法」にトライします。 \ もうすでにはてな記法de入力は始まっていますよ～！！ / はてな記法の使い方を説明しながら、「見たままモード」と比較・検証します。現在なんとなく「見たままモード」を使っている方はぜひチェックしてくださいね。 はてな記法とは 編集モードを切り替える 見出しをつける はてな記法でh2タグを入力する方法 はてな記法でh3～h5タグを入力する方法 表の作成 文章の引用 htmlコードを表示させる方法 まとめ <スポンサーリンク> はてな記法とはそもそも「はてな記法」とは何で
GitHubのMarkdownファイルでMermaid記法がサポートされたので作図まとめてみました。 - Qiita
Mermaid1はコードで作図することができるツールです。 いままではmermaid.jsが必要でしたが、今回GitHubのMarkdownファイルで、Mermaid記法がサポートされました。 それに伴い、Mermaidで表現できる図についてまとめてみました。 なお簡単にMermaidを試す方法として、Live Editor2もあります。 可能な作図一覧 フローチャート（Flowchart） graph TD A[Christmas] -->|Get money| B(Go shopping) B --> C{Let me think} C -->|One| D[Laptop] C -->|Two| E[iPhone] C -->|Three| F[fa:fa-car Car] sequenceDiagram Alice->>+John: Hello John, how are you?
1. はじめに ChatGPTでプロンプトの書き方に迷ったり、指示がうまく伝わらなかったことはありませんか？ 人間に指示を出すのと同様に、ChatGPTに対しても「何をしてほしいのか」を明確に示してあげる必要があります。文章の構造や文章同士の関連性がわかりやすいプロンプトの作成にはMarkdown記法が便利です。 その際に覚えておくと良いMarkdown記法を以下に挙げます。 2. プロンプトに便利なMarkdown記法 ① 見出し「#」 「#」はh1見出し、「##」はh2見出し、のように「#」の数で見出しの階層を変えられます。
GitHubでmermaid記法が使えるようになったのでアーキテクチャーの図を書いてみた | DevelopersIO
Include diagrams in your Markdown files with Mermaidのブログにもある通り、GitHubでmermaid記法を用いてMarkdownで図を書けるようになったので試してみました。 はじめに 今回はアーキテクチャの中身の話については触れていません。 よく見かけるアーキテクチャーの図をmermaid記法を用いて記述してみて、その結果を記したものになります 書いてみるもの 図といえば、アーキテクチャーの図をよく見かけるなと思い、mermaid記法で書いてみるとどうなるか試してみました。 今回は、iOSプロジェクトで馴染みのありそうなこちらの４点をピックアップしてみました。 Cocoa MVC MVP MVVM VIPEP 図にも色々な種類がありますが、今回はFlowcharts - Basic Syntaxを用いて表現してみました。詳しい説明はこち
ZennのMarkdown記法一覧
Hello! Hola! Bonjour! Hi! リストのアイテムには*もしくは-を使います。 番号付きリスト
見出し 行頭に#を付けると見出し形式になります。 #の数が見出しレベルと一致します 入力例 # 見出し1です ## 見出し2です ### 見出し3です #### 見出し4です ↓ 表示結果 見出し2です 見出し3です 見出し4です 太字・斜体・訂正線 ** または __ によって囲まれた文字列は「太字」になります。 * または _ によって囲まれた文字列は「斜体」になります。 ~~ で囲まれた文字は「訂正線」になります。 入力例 これは **太字** です。 これは __太字__ です。 これは *斜体* です。 これは _斜体_ です。 これは ~~訂正線~~です。 ↓ 表示結果 これは 太字 です。 これは 太字 です。 これは 斜体 です。 これは 斜体 です。 これは 訂正線です。 URLリンク [表示テキスト](URL) でURLリンクになります。 入力例 [ドキュメント情報共有
Mermaidはテキストでグラフやチャートを描ける記法で、フローチャートやシステム開発で使われるシーケンス図、ガントチャートなどを表示できます。 テキストであれば検索が容易で、かつ修正も手軽に行えます。今回はそんなMermaidで利用できる図や書き方を紹介します。
array shapes記法(Object-like arrays)と旧PSR-5記法で型をつける - Qiita
この数年でPHPでの開発でもCI(継続的インテグレーション)はかなり活発に行われるようになり、PHPUnitなどのテスティングフレームワークのほか、PHPStanやPhanなどのツールによる静的解析も浸透しつつあります。 関数／メソッドの引数と返り値、そしてオブジェクトのプロパティは比較的に型がつけやすいところですが、現状で無法地帯な箇所があります。そうです、配列の内部構造です。実際のところ、PHPDocに @param array や @return array と書くことは mixed と書くのとあまり大きな違いはありません。 ご存じの通り、PHPの配列は、動的配列(可変長配列)と連想配列(ハッシュテーブル、マップ)の特徴を併せ持ったデータ構造であり、配列は変数と同じくあらゆる値を格納することができるからです。 近年の開発が活発なPHPの静的解析ツール(PhpStormを除く)では配列
【コピペで簡単に設定可能！】はてなブログの斜体ボタンなどで蛍光マーカーのラインを引く方法！～はてな記法～ - 0から始める小遣い稼ぎ~ayuzublog~
はてなブロガーのみなさんは蛍光マーカーの存在を知っていますか？ こんな感じのやつです。 今回は、この蛍光マーカーのラインを導入する方法を紹介します！！ 【ブログ感想】 ただの紹介ではく自身が実際にやってみた検証なので飽きることなく読めました👑 私的には文字色変えるよりも蛍光マーカーの方がいいかな……？(あくまで私個人の好みです！)@ayuzublog さんのブログhttps://t.co/ZXcuZkCyMW— ゆっしぃ👑初心者ブロガ〜 (@secondsy905) 2021年4月8日 以前、ありがたいことにこんな感想をいただきました。 確かに、蛍光マーカー使ってる記事とかすごい見やすいな… よし、やってみよう！はてなブログさん今日もよろしくお願いします！！ はてなブログでは、蛍光マーカーのラインのボタンなどは存在しません…(´;ω;｀) という訳で、蛍光マーカーのラインの導入をやって
【はてなブログ】3か月目にしてMarkdown記法へ挑戦 初めてでもここまで書けます！ - 静かに暮らしたい
（この記事は、Markdown記法で書いています。） どうも。ブログを充実させるために ブログの更新頻度が落ちるというジレンマと戦っている、えむです(;^_^A 何も知らないまま書き続けると、記事数が増えてからでは訂正が億劫になりそうだったので、とにかく知識をつけようとブログ開始当初からいろいろ調べまくっていました。 そしたら出てくる出てくる。。 ブログを書きながら調べていく度に、知らなかったこと、修正すべきところがどんどん増えていきます（汗） 始めた頃は想像もしていませんでした、こんなに覚えることがたくさんあるとは…。 なので、最近の1週間の流れとしては 月・水・金 → ブログを書く 火・木 → リライト、カスタマイズ 土・日 → CSS、HTML、SEO、その他の勉強 といった感じで、本業の家事の合間に上記の作業を行い、さらに他の方のブログもなるべくたくさん読みたいので、週に3回しか記
Markdown（マークダウン）記法、使ってますか？「README.md」として見掛けたことがあるかもしれません。また、実は気付かずに、Markdownと同じようなテキストの書き方をしていることがあります。基本のいくつかさえ覚えておけばカンタンで、スタイルなどの装飾を気にしなくていいから作業が楽。慣れたら徐々に範囲を広げたり、応用していけばOKです。 Markdown（マークダウン）記法とは？ Markdown記法とは、テキストを構造的に記述する「マークアップ言語」の一つです。特定の記号を使って、段落や見出し、装飾などを自動的に表示できます。内容と構造を分けて扱えばいいので、見出しや本文、箇条書きといったレイアウトを気にせず、素早く文章を入力していくことができます。タグを使ってテキストやリンクの構造を指定するHTMLやXMLも、マークアップ言語の例です。 Markdown記法には、いろいろ
本連載では第一線のPerlハッカーが回替わりで執筆していきます。今回のハッカーはPerl入学式のサポーターで知られる尾形鉄次さんで、テーマは「正規表現の勘所」です。 本稿のサンプルコードは、執筆時点（2019年9月）の最新であるPerl 5.30.0で動作確認を行っています。紙幅の都合で、誌面ではuse strict;とuse warnings;は省略しています。全文は、WEB+DB PRESS Vol.113のサポートサイトから入手できます。 正規表現は文字列処理の強い味方 Perlは文字列処理に強いと言われていますが、その強さの一因は正規表現でしょう。少しの記述で効果的な文字列処理が期待できるため、ぜひとも活用したい機能です。 一方で、正規表現は読みづらいなどの理由で敬遠されがちです。そこで本稿では、初学者向けの丁寧な解説が少ないと筆者が感じたPerlの正規表現について解説していきます
VueRouter基本ルーティング記法まとめ
公開日 2019.6.18更新日 2019.6.18カテゴリ：Vue.jsタグ：Vue,Routing,VueCLI,VueRouter,SPA
Qiita記事におけるMarkdown記法に関しては、Qiita公式アカウントによる Markdown記法 チートシート を参照してください。 なお、現在のDiscordでは、テキストを選択することで表示されるポップアップメニューから簡単にテキストの装飾が行えるほか、装飾の結果をテキストボックス内でプレビューできるようになっています。 Discord 公式による記事 Markdown Text 101 (Chat Formatting: Bold, Italic, Underline) も合わせてご確認ください。 見出し テキストの先頭にパウンド (ハッシュ) 記号 # と半角スペースを挿入することで、見出しを作成することができます。 見出しの大きさは # の個数によって変わります。Discord では現状、H1 (#) から H3 (###) までの見出しを使用することが可能です。
Vue.jsの基本記法をおさらいしつつ、Nuxt 3ならではの「useAsyncData」「useFetch」機能を試してみよう
本連載では、Webページのユーザーインタフェース（UI）構築に「Vue 3」を利用したフレームワーク「Nuxt 3」の活用方法を紹介します。前回は、Nuxt 3の概要、Nuxt 3プロジェクトの生成・実行、Nuxt 2のプロジェクトでNuxt 3の機能を利用するNuxt Bridgeを紹介しました。今回は、Vue.jsの基本記法を簡単に確認した後、Nuxt 3で利用できる「useAsyncData」「useFetch」機能を紹介します。 はじめに Nuxt.jsは、Webページのユーザーインタフェース（UI）を構築できるVue.jsとともに、様々な追加機能をまとめて提供するフレームワークです。現在次期バージョン「Nuxt 3」が開発中で、2022年4月にリリース候補（RC）版がリリースされました。 前回は導入編として、Nuxt 3の概要を説明するとともに、Nuxt 3プロジェクトを生成・実
数式の見た目をきれいにしたい！ そんな時に使うのがTex記法です。 例えば、 u(t) = Kp * e(t) + Ki ∫0^t e(tau) * d tau + Kd * de(t) / dt より、 のほうが百倍分かりやすいと思います。 後者の数式は、 [tex:u(t)=K_p e(t)+K_i\int _{{0}}^{{t}}e(\tau )\,d\tau +K_d\dfrac{de(t)}{dt}] と書いて表現しています。 このように、数式の見た目を美しくするのには、Texコマンドを使います。。 普通の書き方：普通に 関数：普通に 右下に小さい文字を置く：「A_B」 分数（サイズ大）：\dfrac{a}{b} 分数（サイズ小）：\frac{a}{b} 積分：「\inf_a^b」 ルート：\sqrt{a} 連立方程式：「中括弧{}を使用」 右上、右下に小さく書く 行列 ベクトル
自動リンク停止記法のテスト
はてな匿名ダイアリー （自動リンク停止記法を用いていない行） はてな匿名ダイアリー （自動リンク停止記法を用いた行。投稿画面では []はてな匿名ダイアリー[] と入力した） 参考にした記事自動リンクを止める（自動リンク停止記法） - はてなダイアリーのヘルプはてなブログのキーワード自動リンクを停止する - 0番染色体
ふと気になったことを、淡々と赴くままに調査していく、この上ない自己満足記事第五弾。 効率的な学習ぶりの華麗で綺麗な振る舞いの「世の多くの賢人技術者」とは違い、ひたすらに画面遷移と手書き記録を高速回転しながら、心身共に泥まみれの学習ぶりの私。 今回は、テキスト形式で簡単に図形を描ける「mermaid.js」の調査をして、汚れ具合に磨きをかけよう。 概要 Javascriptのチャート生成ライブラリ テキスト形式で、図やフローチャートを生成できる。 公式サイト 環境 Windows10 Visual Studio Code 準備 Visual Studio Codeをこちらからインストール Visual Studio Codeの拡張機能欄を開き、「Markdown Preview Mermaid Support」をインストール 「Ctrl + Shift + X」で拡張機能欄を表示できる。 イ
・複数単語にする ・親子関係の場合、親の名前を接頭辞にする ・最高レベルの単語からはじめて修飾語で終わる ・ベースコンポーネントはBase,App,Vを接頭辞にする ・単一インスタンスの場合はTheをつける
【コピペで簡単設定！】はてなブログで「画像付きの吹き出し」をつける方法！【はてな記法】 - 0から始める小遣い稼ぎ~ayuzublog~
みなさんはブログの記事に「吹き出し」を使ってますか？ 使えてると記事のアクセントになってかなり便利です！ 今回は、コピペで簡単に使えるようになる「画像付きの吹き出し」を付ける方法を紹介していきます！ 吹き出しの見本 画像が右か左かを選択可能 画像付きの吹き出しの導入方法 事前準備～画像の用意～ アイコンに使用する画像を用意する。 はてなフォトで画像のURLをコピーする 導入方法～CSSコード～ 吹き出しの使い方！ はてな記法の設定 実際に使ってみる 使用時の注意点 まとめ！ 吹き出しの見本 画像が右か左かを選択可能 紹介するのはこちらの形の吹き出しです。 アユズです。よろしくお願いします。 僕もアユズです。よろしくお願いします。 では、やっていきます！ 画像付きの吹き出しの導入方法 事前準備～画像の用意～ まず、吹き出しに使用する画像の用意をします。 後述しますが、設定する画像は何個でも設
scssファイルの拡張子は.scssです。 SCSSのCSSへのコンパイルについてはWeb制作向けnpm-scripts をご参照ください。 ※Compassは個人的に使用していないので扱いません。 output-style SCSSをコンパイルしてCSSにした場合の形式は4種類あります。 元になるSCSS
TypeScriptの型記法、「オブジェクトリテラル」と「インデックスシグネチャ」について、まとめます。 「オブジェクトリテラル」も「インデックスシグネチャ」も、あまり聞き慣れない言葉で、雰囲気で理解した気になっていませんか? 私は、なっていました。 私の場合、この記法に遭遇するたびに「これって、なんだっけ？」ってなることが多いです。 自分の理解のために、ここにまとめておきたいと思います。 誰かの理解の助けになれば幸いです。 初見殺しな「オブジェクトリテラル」と「インデックスシグネチャ」 例えば、以下のコードにおいて 変数objの型が、何を意味しているか理解できますでしょうか。 私には、初見殺しすぎて、さっぱりわからず「？？？」となりました。 この型の意味は、「変数objは複数のkeyを含む可能性があり、そのすべてのstring型のkeyは、string型の値をもつ」となります。 以下のコ
ごきげんよう、百合宮桜です。 今日は、マークダウン記法で資料作成する時に重宝するツールを紹介したいと思います。 画像作成ツール 私が仕事で作成する資料は、ハンズオンの手順書とかアプリの設計書とか、スクリーンショットが必要なものが多いです。よって、効率的に画像作成できるツールはとても大事✨ 以下の２つを気分によって使い分けています。 Screenpresso みんな大好き「Screenpresso」です。 https://www.screenpresso.com/ja/ 「見せられないヨ！」ってところにモザイクをかけたり、注目してほしいところに赤枠をつけたりが簡単にできます。 確定ボタンを押すと、そのままクリップボードにコピーされていて、Ctrl ＋ V で資料に貼り付けられるのも魅力('ω') 無償版と有償版があり、有償版には一度確定したものを再度編集する機能がついています。 有償版は買い
本連載では、JavaScriptフレームワーク「Vue.js」を、型定義が利用できるようJavaScriptを拡張した言語「TypeScript」で活用する方法を、順を追って説明していきます。前回は本題から少し寄り道をして、Vue.jsなどのプロジェクト生成や実行を高速に実行できるできるCUIツール「Vite」について説明しました。今回からいよいよ本題に戻って、Vue.jsの基本記法を学んでいきます。 はじめに 本連載では、JavaScriptを利用して動的なWebページを構築できるフレームワークVue.jsを、データの型指定ができるように拡張されたAltJS（コンパイルしてJavaScriptにする言語）であるTypeScriptで活用する方法を、順を追って説明しています。 前回はVue.jsなどのプロジェクトを高速で生成・実行できるコマンドライン（CUI）ツール「Vite」について説明
Pugの記法まとめ - Qiita
HTMLをPugで書くメリット 閉じタグを書かなくて良いので、書き忘れることが無くなる Classを「.」、IDを「#」と書くので、Class名やID名変更時の置換が楽になる ヘッダー、フッターなど共通部分を別ファイルで管理できる 変数や条件分岐ができる HTMLをPugで書くデメリット 変換する環境が必要 変換は、npm-scriptsやGulpを使いましょう。npm-scriptsの記事書きました。 GUIでの変換が良い方は、Preprosがオススメです。 Pug←→HTML変換サービス 環境を作らずにPugの書き方を練習できます。 HTMLをPugに変換 html2pug - convert your html code to pug https://html2pug.now.sh/ PugをHTMLに変換 PugHtml - Pug and HTML online converte
少し前に Slack の UI が変更され、ビジュアルエディタになりましたね。ビジュアルエディタが出てくるのは一般ユーザーが増えてきた証左ではないかと思うものの、テキストマークアップに慣れ親しんだ身にはあまり便利ではないですし、仕上がってきたエディタの完成度を見てウッとなった人も少なくはないでしょう。 さて、そんな変化の中で、qiita だったか twitter だかで「Slack の Markdown」という表記を目にする機会がありました。Markdown の仕様を調べているものとしては、Slack の記法と Markdown は似てはいるが異なるものとコメントせざるを得ないのですが、一方で似ているという感覚には首肯せざるを得ないものがあります。 その違和感について整理してみたいと思います。 Slack の記法を見てみる まずは Slack のマニュアルを見てみましょう。メッセージの書式
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scala 3.3.0から標準で使えるようになるfewerBraces記法のまとめ - Lambdaカクテル
テンソル記法の「意味不明問題」は解決した - 檜山正幸のキマイラ飼育記 (はてなBlog)
【はてなブログ】はてな記法でもしもアフィリエイトの「かんたんリンク」を使用する方法 - 薬剤師とザリガニの奮闘記
箇条書きするのにリスト記法も使えずに恥ずかしげもなく中黒を使っちゃう..
はてな記法 パソコンで見た場合だけど、投稿の右下にある「言及する」をク..
はてなブロガー必見！Markdown記法にトライしてみたよ - 書く、走る。
2023 パズルの逆ポーランド記法(RPN)による解法の解説
はてなで使えるMarkdown記法 - hero-rinのブログ
【はてなブログ】はてな記法で書いてみた！書き方と感想 - 書く、走る。
ChatGPTで覚えておくと便利なMarkdown記法5選 - Qiita
Markdown記法/書き方（見出し・表・リンク・画像・文字色など）
Mermaid記法の書き方（Markdownテキストでチャート・グラフが描ける）
覚えてしまえばすごく楽！Markdown記法を使ってみよう | 運用ナビ
第58回 正規表現の勘所―わかりづらい記法の覚え方、先読みや後読みの実践（1） | gihyo.jp
【Discord】テキストを装飾する方法 | Markdown記法 チートシート - Qiita
はてなブログで使うtex記法 - とある科学の備忘録
【目的無しの泥臭調査⑤】mermaid.jsの記法を覚えて、楽しく図を描く。 - Qiita
【Vue】単一ファイルコンポーネントの命名規則まとめ【ファイル名から記法まで】 - Qiita
Sassの記法(SCSS構文) - Qiita
TypeScriptの型記法「オブジェクトリテラル 」と「インデックスシグネチャ」を理解する - Qiita
VSコード / マークダウン記法で資料作成する時に重宝するツール - Qiita
Vue.jsの基本記法を学んでTypeScriptで自在に処理をコーディングしよう
Slack のメッセージ記法と Markdown を比較してみる - Qiita