HTMLを簡単に記述できるマークアップ言語のひとつ
http://daringfireball.net/projects/markdown/
はじめに デザイナーでもITエンジニアでもありませんが、趣味でプログラミングをしているので、これまでの成果をまとめてみようと思いました。 今回はポートフォリオを作成した方法について備忘録としてまとめます。 作成したポートフォリオ snova301.github.io 目次 はじめに 目次 手段 方法 今後について 参考サイト 手段 どのツールを使って公開するのか検討しました。 私はあまりデザインが得意ではなく、またIT系に転職予定ではわけではないので、簡単に編集できる＆無料＆ずっと使い続けられるサービスを探しました。 候補はいくつかありましたが、手軽で使いやすいと感じたGithub Pages…
コロナで外出しなくなって、おうち時間が増えた のんびりするのも性に合わず、飽きてきたので、勉強会に参加している。 でも、何回か参加するうちに、ただ参加するのも退屈になって、月1回のペースでプレゼンすることにした。 前回はエントリーできなかったTokyoR プレゼンすることを決めて今日にいたる。4月のプレゼンは2回目になった。 今日は4月2度目のプレゼン、TokyoRでした。 このTokyoR、人気がある勉強会で、参加者枠だけでなく、発表者枠のすぐに埋まる。 3月のエントリーは間に合わず、プレゼンしないなら参加しても退屈なので、エントリーしなかった。 で、4月。 今回は参加募集に気が付いて、早め…
VSCodeの知識をつけるために勉強会にエントリーした。 参加するだけでと退屈になりそうだったので、LTしてみた。 テーマ設定や時間配分の練りが足りなくて、点睛を欠く内容になってしまい、反省。 vscode.connpass.com 時間 タイトル 登壇者 18:30 - 19:00 配信準備（登壇予定者は準備お願いします） 19:00 - 19:05 (5min) オープニング みんな 19:05 - 19:25 (20min) Session1: VS Codeの変遷と今後の展望 職業「戸倉彩」 (@ayatokura) 19:25 - 19:45 (20min) Session2: VS…
非エンジニア向けの簡易的なドキュメントを作成するときのツールとして 日本企業御用達のエクセル、ワードがよく挙がりますが、 見やすく書こうとするとスタイル編集は必須になり、見た目に労力を割かないといけなくなりだんだんと辛くなります。 MarkDownでザクザク書きてぇ…という欲望から 最近使いだしているのがVSCodeの拡張機能「Markdown Preview Enhanced」です。 使い方 良いところ MarkDownをリアルタイムにプレビューできる HTML出力できる PDFやPNGでも出力できちゃう デフォルトのスタイルは余計なものが無くすっきりした印象 元々のファイルはMarkdow…
デバッグリストやメモなどでVSNotesとMarkdown書式を使い始めた。 このデバッグリスト（という名のほぼ変更・残件履歴）は社内ルールでプログラム評価毎に必ず出力することになっているものの、我が社は担当者一人でこれらの業務を行っているため、他人の目に触れることはほとんど無かった。存在意義はいわゆる"仕事やってますよ"アピールなだけだ。なので自分が最低限理解できる内容を残す以上の手間はかけてこず、これまで完全に適当なプレーンテキストメモだった。 ただ極希に外注への参考資料として使われたり、こちらからレポートやプレゼンに添付／抜粋することもあり、多少なりともテンプレに沿って見栄えよくしたい気…
マインドマップをmarkdown記法で書けるVisual Studio Code(VS Code)の拡張機能を試してみました。marketplace.visualstudio.com インストール方法 VS CodeのExtensionsでMarkmapを検索するとMarkmapが見つかりますのでインストールするだけです。 使い方 markdownのファイル(拡張子 .md)を開くと、右上にホウキのようなマークが出ます。 それをクリックするとマインドマップのプレビューが表示されます。 markdown記法ごとのマップ v0.0.9 で確認しています。 見出し # 見出し1-1 ## 見出し2 …
はじめに 先日、社内勉強会の発表のためにスライドを書くことになりました。 最初は Google スライドで作っていたのですが、私は面倒臭がりなので GUI 操作でポチポチスライドを作るのが面倒になってしまいました。 そこで、なんとか Markdown を書いてそこからスライドを生成できないものかと思い試行錯誤した結果うまくいったので、備忘録も兼ねて方法を残そうと思います。 Markdown でスライドを書く marp を使えば、 Markdown でいい感じにスライドを書くことができます。 詳しい書き方については README.md を読めば大体分かると思うので割愛します。 書いた Markd…
こんな人にこの記事はおすすめ ・はてなブログでjavascriptの計算ホームを作りたい人 ・Markdownへの変更ができない人 以前からブログでやりたかったで、計算フォームの植え込みがありました。 今回練習もかねてBMI計算フォームを作ってみます。
最近弄っているOSSのヘルプがWinHelpで編集が厳しいので各ページをMarkdownに変換してみた。 WinHelpの構造もよく分かっていないし、特に汎用的な変換ツールにしたりはしていないのだけれど、こんな考え方で変換できるのでは？ という事例になるかもしれないので備忘しておく。 ヘルプファイル（画像はchm）内容を Markdownにして編集しやすくする（画像は変換したままなのでリンクが壊れたりしているが）
はてなブログを書く上で 実はもうひとつ先にブログを作っていまして。 でもそちらは色々と凝りすぎて疲れてしまいました… 元々飽きっぽい性分で、忙しくなったのもあります。 で、このブログについてはあまりデザイン凝り過ぎないようにしようかと。 しばらくはこのデザイン(テンプレのまま)でいきます。 見にくかったら細かい所変えていけたらいいなぁ。 Markdownはいいぞ 編集方法は、前に作ったときに使いやすかったMarkdownでやることにします。 Markdown、基本的に一行空ければ改行されることさえ覚えておけば、それっぽい文章になるのでいいかなと。 細かい所は調べながら編集していきます。 太字に…
アフィリエイト・奮闘4日目。今日はちゃんとA8ネットを使用するために、 A8ネットにあった自分の登録情報の修正をしてきました⭐️ ・・・はい、実は挫折経験ありです。初心者にも安心サポートコンテンツって書いてあるのに🤣 って、きっとそういう問題ではないですね😅さっそく練習もかねて、A8ネットのサイトを貼り付けてみましたが、 とても簡単に出来ました😊・・・まぁ、そこに関しては経験ありなので、出来なきゃ困るわけですが😑💦貼りたいバーナーを選んで、コピー&ペースト。 ただそれだけです✨はてなブログでは、 ３日目までは編集モードが3つある中で『見たままモード』を選んでたのですが、 それだとやはり英数字が…
前回: HTML上で Adaptive Card を表示する - (1) 単純なカード表示 - MoreBeerMorePower 前回は非常に簡単な Adaptive Card を表示するための JavaScript SDK を利用した HTML を紹介しました。 カードを表示するだけであればそのままでも問題ないのですが、ボタンで表示を切り替えたりし始めるとデザインが少しモサっとしているなと思うかもしれません。 スタイルをあてていない素のカード Adaptive Card に対応したプラットフォーム (Teams, Virtual Agents, Outlook...) ではカードの各要素を…
■キーバインディング ●拡張機能の指定 ●setting.jsonの編集 ●keybindings.jsonの編集 ■言語対応のExtension ●C/C++ extension ●C# extension ●Clang-Format extension ●setting.jsonの編集 ■その他のカスタマイズ ●細かい設定 ●フォント設定 ●カラー設定 ■todo ●プロジェクト管理、ビルド、デバッグ ●git(github) ●言語対応 ■その他 キーボードも同様だが、エディタもカスタマイズが過ぎると、いずれ開発が停止して時代に取り残された際、他の新テクノロジーに移行することが困難になる…
dripとは ブログを書いていてネットの情報を引用する時にはMarkdown記法なら「＞」記号を引用文につけて文末に引用元とそのURLを記載します。この埋め込みタグをもっと簡単に取得できるのがGoogleChrome拡張機能のdripです。 chrome.google.com 基本的にdripは範囲指定した部分をクリップして、drip上に保存しておくことができるサービスです。クリップした情報は公開されて他の人も見られるし他の人のクリップも見ることができます。つまりSNS的に運用することも可能です。クリップした文章を利用するために引用の埋め込みタグの公開サービスがあります。 dripの埋め込み…
4月もいつの間にか終わり、気づいたら5月ですよ… 5月病になってませんか…？ どうもさとくんです。 ちなみに今書いている私は絶賛5月病なのかわかりませんが、体調悪いです() さて、みなさん。 スマホ、何をお使いですか？ Xperia？Galaxy？ あ、カスタムROM入れて運用している？流石ですねえ！ それとも…iPhoneですか？ iPhoneと言っても…皆さん大抵お使いだと、X以降ではないでしょうか？ あ、6sや7、8なんて人もまだいますね。 しかし、iPhone SEを使っている人はあまりいませんよね？ おいそこ、iPhone SE (2nd Generation)とか言わない！ 今回は…
Adaptive Cards は JavaScript SDK を提供しているので、これを読み込むことで非常に簡単に Adaptive Card をHTML上で表示することができます。 docs.microsoft.com 「Adaptive CardsはHTMLとかCSSとか知らなくてもカード型UIを表示できるのが強みじゃないんかい！」という声が聞こえそうですが、下のような簡単なHTMLを用意しておいて、カードのJSONを書くだけでUIが作れるので メリットが完全になくなっているわけではありません。 最も簡単な、カードを表示するだけのHTMLは以下で与えれます。 <html> <head> …
これは想定外。 1. 前提事項 2. 計算方法 2.1 拡散弾 Minimum 2.2 拡散弾 Maximum 3. 謎すぎる現象からの仮説 まとめ
ナポアンのマイクラとかいう検索妨害サイトの今後を考えた時、半分責任放棄だが、謎の設計図共有サイトに記事も置いてしまおう、と考えた。 全記事公開は無理 先月中旬に、記事のバックアップのtxt(はてなブログ用)やxml(WordPress用)を試しにコミットしてみたが、Twitterでちょっとまずいんじゃないのと言われ、うん確かにまずいなと思って削除した。 MD版という形に 結局、全記事をMITライセンスで配布することは諦め、部分的に別サイトに移植することにした。 https://md.napoan.com それがこのサイトである。もっとも、当初はソースコードの解説のためのドキュメントにしようと思…
2021-W18 をふりかえる。 2021-W18 の目標 とその記事 目標。 ☑ 競プロ典型 90 問の最新に追いつく 記事。 2021-05-08 ABC200 で水 → 緑に落ちた 2021-05-07 なんだか調子が悪い 2021-05-06 AC Library の lazysegtree を調べた 2021-05-05 スーパーマリオ 3D コレクションをクリアした 2021-05-04 強連結成分分解を調べた 2021-05-03 川沿いの公園へ行った 2021-05-02 2021-W17 & 2021-04 ふりかえり つくったもの bouzuya/rust-sandbox …
テスト投稿です。 ブログ開設目的 Twitterでの長文投稿がつらくなってきたので、ブログに書いた方が良いんじゃないかと思いました。 技術系のネタを中心に備忘録的なものをそろそろ作っておいたほうが良いんじゃないかと思いました。 開設してみた所感 Twitterのフォロワーさんから「バズり重視ならQiita、お手軽さならはてブ」とのアドバイスをもらったのでこちらにしました。バズりは別にいらないしなぁ… 開設にかかった時間は20分程度でした。 登録はメールアドレスと希望ID・パスワードをを入れて認証するだけ。わ～いらくち～ん！ 設定はプロフィールをちょこっと弄った程度。 ブラウザのCookie関連…
今回は最近私の中で盛り上がっているNotionです🔥🔥🔥 APIについてしらべました！ 「API使って自動化とか、整理・移行したい！」 公式サポートはまだだよ 有志によるAPIライブラリーはありそう Pythonライブラリーを使ってみた Notion-pyの作者に共感しました
■h1タイトル ●accent0 + h4 ●accent0 + h4 ■言語対応のExtension ●C/C++ extension ●C# extension ●Clang-Format extension ●setting.jsonの編集 ■テスト ●拡張機能 ■h1タイトル 説明文 ●accent0 + h4 説明 1. 拡張機能からAwesome Emacs Keymapを選択 2. インストール実行 ●accent0 + h4 コード表記 // markdownは先頭から記述が必要 "test": true, ファイル名 コメント ■言語対応のExtension vscodeを使…
GWはSEGMENT ROUTING partⅠとpartⅡを読むことに大半を費やしました。 SEGMENT ROUTING partⅡ P137 If there are eBGP sessions involved, as typically is the case, they must be configured with next-hop-unchanged under the BGP address-family to ensure the BGP next hop of the service > route is not updated when propagaing it. n…
AtCoderの気になった問題やコードの間違いなどをどこかに書きつけたいと思っていて、Google SpreadsheetやGoogle Documentを使ってみたが、どうもなんか違うなーという気がしたのでこっちに一言だけコメントを付けてまとめてみることにした。markdown形式でまとめてつかっていけるのはなかなかの強みだと思う。 2021-05-01 zone2021 C C - MAD TEAM max(min)の形は二分探索、というのが定石らしい。さらに各能力値をある値以上か未満かというのをbool型に落とし込んで二分探索していくというのも(もっと高度な)定石らしい。難しいので今はと…
まずfsってなに qiita.com なるほどファイルを扱うためのモジュールで、Node.jsが提供しているモジュールなのでわざわざインストールする必要とかはないらしい。自分はMarkdownのファイルを読むために使っていた。 で、本題。これをNext.jsで使う際に、 Module not found: Can't resolve 'fs' って怒られた。なんでやと思って調べたら qiita.com まんまこれでした。Next.jsのバージョン9.4以降にしていたので、自分の場合は原因はgetStaticPropsの中で呼んでいなかったから。でした。fsの処理はサーバーサイドで行うから、が理…
blog.craftz.dog
twitter.com
codeiq.hatenablog.com
blog.craftz.dog
qiita.com
qiita.com
www.nuits.jp
portalshit.net
kojika17.com
