サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Switch 2
cartman0.hatenablog.com
はてなブログでmermaidの図を描く Githubでもサポートされたmermaidをはてなブログでも描けないか試したところ多少なんとかなったのでメモ。 ```mermaid graph TB H["Hatenaで"] M["mermaid"] H-->M ``` 👇上のmarkdownコードがこうなる graph TB H["Hatenaで"] M["mermaid"] H-->M mermaidって何? GraphvizやPlantUMLのようにコードでフローチャートのような図を描ける。 JSで書かれているのでHTML上にそのままSVG画像として出力できる。 mermaid - Markdownish syntax for generating flowcharts, sequence diagrams, class diagrams, gantt charts and git gr
Mesonの使い方メモ Mesonの情報無さすぎるということでメモ。 触ってみた所感としてcmakeより楽なんだろうけど、どのbuitinオプションがどの引数を制御してるかなどがわかりにくい.. (ver0.61なので今後変わりそうですが) The Meson Build system mesonではビルド方法を2種類に分けている native build: build machineとhost/target machineが同じ cross build: build machineとhost/target machineが別 今回はnative buildを中心にまとめる。 環境・事前準備 今回はDocker上にMesonをインストールした状況を想定してる。 Mesonはpipからインストールできる。 $ pip3 install meson Windows10 64bit WSL2 D
WindowsのプロダクトID・プロダクトキーの確認方法メモ プロダクトIDとプロダクトキーの違い,各ID・キーの確認方法についてのメモ. プロダクトIDとプロダクトキーの違い プロダクトID(product id)は,Retail(パッケージ)版Windows10HomeやOEM版Windows10ProなどWindowsの各channelに割り振られるIDになる. プロダクトIDの特徴: - 形式:大文字英字+数字の20文字 プロダクトキー(product key)は,端末にインストールしたWindowsに振られるキーである.Retail(パッケージ)版では,ディスクケースに付いており,OEM版のノートPCでは裏蓋に貼ってある場合が多い. 一般的にライセンスキーと呼ばれるのはこのプロダクトキーになる. プロダクトキーの特徴: - 形式:大文字英字+数字の25文字 参考: answers
Git(for Windows)にGitHub認証の設定をする(2/2) 前回 Git for Windows のインストールと動作確認メモ(1/2) - はしくれエンジニアもどきのメモはGit for Windowsのインストールをして動作確認した. 次により使いやすくするために認証の設定を行う. SSHを使わずにHTTPSのリポジトリでも認証を省略できるようなのでそのメモ. 動作環境 Windows [Version 10.0.17134.285] git version 2.19.0.windows.1 HTTPSで認証を省略する設定 Github公式のセットアップページSet up Git - GitHub Docs にあるセクション「Next steps: Authenticating with GitHub from Git」 に書いてあるのでこの手順に沿って進める. Conn
cos類似度の次元の呪い 元ネタはこちらの記事 コサイン類似度が高いベクトルはどれくらい似ているか(岩波データサイエンス刊行イベントより) - 木曜不足. cos類似度は計算しやすいので,言語処理界隈では単語ベクトルや画像理処理界隈ではヒストグラムをベクトルに見立てその2つが似ているかどうかに使われやすい. 上記の記事をよくよく考えると,cos類似度は次元数によって珍しい類似度の値が変わるので 極端に1に近い数字,0に近い数字が出ても鵜呑みにしてはいけないんじゃないかと思ったので,それについてのメモ. (この解釈が正しいのか,スパース界隈の論文探せば触れてそうだけど似たような図が出てこなかったのでちょっとわからん.) cos類似度おさらい 参考:コサイン類似度 2つのベクトルがどのくらい似ているかを角度を使って表す. マイナス成分もあれば[-1, 1]で表され,1に近ければ平行より類似して
Jupyter Notebookインストール後の設定メモ Jupyter Notebookインストール後の「起動後のディレクトリ設定」や「ブラウザの指定」などのメモである. よさげな設定があった場合,随時更新予定. 環境 Windows10 Pro 64bit [Version 10.0.17134.285] conda 4.5.11 jupyter 4.4.0 notebook 5.6.0 最新版にアップデート まず,最新版にアップデートしておく. condaのアップデート conda update -n base conda jupyter のアップデート conda update jupyter notebook のアップデート 参考:Changelog — Jupyter Notebook 5.7.0 documentation conda update notebook 「ext
Windows10 バックアップメモ メインPCをWindows7 から Windows10 へアップグレードしたのでメモ。 Windows7 から10へのアップグレード方法は以下の記事に書いてある。 cartman0.hatenablog.com cartman0.hatenablog.com バックアップ方法 主に、初期(購入時点での)状態へ戻す場合とバックアップ時点に戻す方法の2種類がある。 初期(購入時点での)状態へ戻す場合 初期状態へ戻す場合の手段は4種類ある。 回復(リカバリ)ドライブ 回復(リカバリ)ドライブ を作成しておく。 メーカーPCを工場出荷初期状態に戻せる。 USB または外付けHDD に保存できる。 Windows10 のシステムファイルや 回復パーティションを考慮して、 メーカーのプリインストールされているドライバなどもバックアップされる。 なのでインストールデ
Pythonで営業日を取得 Pythonで営業日を取得するメモ. 環境 Windows10 Python 3.5.3 workdyas 1.4 営業日を取得 workdyasモジュールがあるので,pipからインストールする. pip install workdays pypi.python.org 指定期間の営業日日数を取得 workdays.networkdays(start_date, end_date)関数を使う. 2017年5月1日(月)から31日までの土日を除いた日数を計算する. import datetime import workdays start_date = datetime.datetime(2017, 5, 1) end_date = datetime.datetime(2017,5,31) workdays.networkdays(start_date, end_
Git for Windows のインストールと動作確認メモ(1/2) Git for Windows のインストーラの設定が結構多かったので,忘れないようにするためにメモとスクショのログである. インストーラはGitの公式サイト(https://git-scm.com/download/win)から落とせる. 2018-09-17現在の最新版2.19 の64bit版をダウンロードしてインストールする. 環境 Windows10 Pro 64bit [Version 10.0.17134.285] cmd(コマンドプロンプト) インストーラの実行 インストーラの各設定について詳しく載ってるこちらを参考にしてインストールを進める. qiita.com インストーラを起動すると,GPLライセンスの確認になるので確認したら「Next」へ. GPLライセンスの確認 Gitをインストールする場所を聞
IEでtableのborderが表示されないバグ 「表示されない」と書いたが、厳密には、「border-collapse:collapseを指定したtableの中に、borderとpositon:relativeを指定した子要素(th, td) に背景色をつけると、boderの一部が背景色で上書きされる」というバグと、推測される。 「IEでtableのborderが表示されない!」という場合、このバグかもしれない。 他の方の報告もある: IEでtableのborderが消えた話 - Qiita IE 11 で border が消える 以下に試行錯誤の結果をまとめる。 バグの確認 以下のcodepenをIEで開くと確認できる。 See the Pen ie11border_bug by Cartman (@Cartman0) on CodePen. border-collapse:colla
Slack RSS integrations のfetching(polling)の仕様 (About specifications of fetching(polling) in Slack RSS integrations) 2017年9月時点の情報です. SlackのRSS integrationsに登録していたフィードがうまく動作しなかったとき, RSS integrationsのfetch(poll)のタイミングなどの仕様をサポートに聞いてみたのでメモ. Slack RSS Integration Slack RSS integrations のfetching(polling)の仕様 (About specifications of fetching(polling) in Slack RSS integrations) RSSフィードのitem保存件数 更新間隔 (updat
Canvasで棒グラフ、折れ線グラフ、円グラフをつくる D3.js を使う前の練習ということで、Canvas で棒グラフ、折れ線グラフ、円グラフを作ってみたのでメモ。 なお、目盛りはついてないです。。 棒グラフ barGraph(canvas_obj, datas, stroke_opts, fill_opts) 関数で棒グラフを描画している。 stroke_opts 引数で枠線の幅(width)と色(color)を変更できるようにしています。。 fill_opts 引数では、棒の色(color)を変更できるようにしています サンプル codepen.io コード Canvas上で棒グラフ 折れ線グラフ function lineGraph(canvas_obj, datas, line_opts, dot_opts, text_opts) 関数で折れ線グラフを描画している。 line_o
はてなブログの記事の最終更新日を取得 はてなブログの記事では, 最終更新日がデフォでは表示されないので,取得して表示しようというメモ. 最終更新日を追加 はてなブログの記事の最終更新日を取得 記事のhtmlの中には最終更新日が書かれていない 最終更新日を取得する方法 サイトマップの利用 コード TODO 参考リンク 関連リンク 記事のhtmlの中には最終更新日が書かれていない 表示はしていないが,メタ情報としてhtmlに書いている場合もある(例えば,headの中にmetaとして設定している場合など)のでhtmlを調べてみたが, どうやら発行日時pubdateのみで,modifieddateといった最終更新日の情報はないようだ. 記事のhtml:pubdateは保存されている 最終更新日を取得する方法 実際に取得する方法を検索したところ以下の2つの方法を発見した. はてなブログのGoogle
Google Apps Scriptの無料制限メモ Google Apps Scriptの無料制限のメモ. 以下のページにまとめられている. Quotas for Google Services | Apps Script | Google Developers 制限一覧 操作 一般ユーザー(gmail.com) カレンダーの予定の作成 5000 個/日 連絡先の作成 1000 個/日 ドキュメントの作成 250 個/日 1 日あたりのメール受信者 100 個/日 Gmail の読み取りと書き込み(送信以外) 20000 個/日 グループの読み取り 2000 個/日 JDBC 接続 10000 個/日 JDBC 接続の失敗 100 個/日 プレゼンテーションの作成 250 個/日 プロパティの取得または設定 50000 個/日 SOAP の呼び出し 5000 個/日 スプレッドシー
link要素でpreloadを使って非同期にファイルを読み込む link要素でpreloadを使って非同期にファイルを読み込むメモ. link要素でpreloadを使って非同期にファイルを読み込む preloadとは 現在の対応状況 resource hint 使用例 読み込み後,即時実行(Async Loder) preloadに対応しているファイル 参考リンク preloadとは 通常のlink要素では,読み込みが終わるまで処理がブロックされてしまう. 一方,preloadでは,以下の仕様になる. The preload keyword on link elements provides a declarative fetch primitive that addresses the above use case of initiating an early fetch and sep
はてなブログAPIで記事一覧を取得 はてなブログAPI(はてなブログAtomPub)で記事一覧取得のメモ. 「サービス文書URIを使って, コレクション操作の一覧の取得」と 「コレクションURIを使って,ブログエントリ一覧を取得」のメモ. 今回は,PythonでrequestsモジュールとBeautifulSoup4を使う. ドキュメントはここです.はてなブログAtomPub - Hatena Developer Center はてなブログAPIで記事一覧を取得 環境 Atom Publishing Protocol とは はてなAtomPubAPIの認証 Basic認証のためのIDとパスワード URIの表記 サービス文書URIを使って, コレクション操作の一覧の取得 リクエスト requestsモジュールを利用したBasic認証 requestsモジュールでResponse確認 サービス
はてなブログに動的にschema.orgのArticleを埋め込む はてなブログにJavaScriptで動的にschema.orgのWebSiteを埋め込むメモ.形式は,JSON-LDである. 以下の記事で, 一般的なwebサイトにschema.orgのArticleを埋め込むスクリプトを書いたので,今回ははてなブログ用のものを書く. cartman0.hatenablog.com はてなブログ記事にデフォで設定されている構造化データ Googleの構造化データテストツールをしてみるとわかるが,WebSite同様,記事にも構造化データ(形式はmicrodata)が設定してある. プロパティの'name'と'image'は設定されているが他は設定されていない. name image author(必須) datePublished(必須) headline(必須) publisher(必須)
Windows でもgrep したい Windowsでもgrep に似たコマンドを探してみたらあったのでメモ。 Chocolatey で探してみたところ、CUIベースのコマンドがなさそうなので、 デフォのコマンドを使っておくのがよさそうです。 環境 Windows 10 findstrコマンド コマンドプロンプトでは、findstr が使える。 一応、オプションで検索文字列に正規表現が使える。 findstr /? Searches for strings in files. FINDSTR [/B] [/E] [/L] [/R] [/S] [/I] [/X] [/V] [/N] [/M] [/O] [/P] [/F:file] [/C:string] [/G:file] [/D:dir list] [/A:color attributes] [/OFF[LINE]] strings [[
hatenaブログにmathjax を埋め込む hatenaブログにmathjaxをCDNで埋め込むメモ. mathjax の埋め込み 導入方法はMathjax公式に載っている. 設定 -> 詳細設定 ->「headに要素を追加」に以下を書く. <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML" async="" type="text/javascript"> </script> <head> に埋め込むよう書いてあるが,HTML記法で一番上に書いていても大丈夫そう. 毎度数式書くわけじゃないなら,こっちのほうがロードするページを選べてよさそう. 以下のように数式を書いてみると... $$ e^{j\pi} + 1 = 0 $$ $$ e^{j\pi} + 1 = 0
Java Servlet の リダイレクトとフォワード Java Servlet のリダイレクトとフォワードを試してみたのでメモ。 環境 Windows7 Java 8.0.6001 NetBeans 8.02 Tomcat 8 リダイレクトとフォワード リダイレクトとフォワードとは、 画面から画面へ移動するための方法である。 次の画面へのリクエストを投げた時に、 Tomcatは、 フォワードまたはリダイレクトで、 リクエストを返すことができる。 リダイレクトとは 画面移動する指示を「こっそり」クライアントに出す。 URLはリダイレクト先に変更される。 リダイレクトの仕組み 画面Aのリダイレクト先が画面Bの場合: 画面Aのリクエストがあった場合、 Tomcatが画面Bへ(こっそりリダイレクト)して、 レスポンスを返す。 (昔のIEなどでは、リダイレクトがされたとき、 カチッと音が鳴っていた
PythonでPDFを処理できるpdfminer3kの使い方メモ pdfminerを使うとpdfをパース・解析(情報を取得)できる(pdfのスクレイピング的なことができる). 環境 Windows10 python 3.5.3 pdfminer3k 1.3.1 pdfminerのモジュールの種類 オリジナルのpdfminerはpython2系デノミ使える. 種類 pythonのversion 更新 pdfminer(オリジナル) 2系 最新版2014年 pdfminer.six 2・3系対応 2017年の今も更新されている pdfminer3k 3系 最新版2015年 注意点:どのモジュールもimportするときのnameはpdfminerなので競合注意. これからpdfminerを始める人は,「pdfminer.six」がよさげ(今も更新されているので). install 上記の3つはp
動画ダウンロードツールyoutube-dlを使ってみる コマンドで使えて,オプションも多いのでおすすめです。 先に断っておきますが, 違法ダウンロード推奨記事ではありません. 環境 Windows 10 pip 9.0.1 youtube-dlとは youtube-dl は,python 製です. YouTube とそれ以外のちょっとしたのサイト から, 動画をダウンロードするためのコマンドラインのプログラムです. pythonがインストールしてあれば,Windowsでも動作します. youtube-dl サポートしている動画サイト youtube以外にも Dailymotion FC2 Udemy KhanAcademy などなど対応しているようです. 詳細は以下のリストにあります. youtube-dl: Supported sites インストール pipに登録されているので, pi
Pythonの.pyファイルの関連付け[Windows] Python .pyファイルの関連付けについてのメモ。 環境 Windows 10 conda 4.05 Python 3.5.1 .pyファイルの関連付け Windows では、 .pyファイルの関連付けを行うことで、 pythonコマンドなしでも実行できる。 > python hoge.py 以下のように書いて実行できる。 > hoge.py しかし、.pyファイルのプロパティから「プログラムの種類」から、 関連付けを行うと、引数を渡せない問題がある。 > hoge.py --option # 引数を渡せない。 また、Anaconda(Miniconda) でpython をインストールした場合、 手動で関連付けする必要がある。 コマンドプロンプトで、 assoc, ftype(コマンド)で設定することで引数も制御できる。 as
Java のソートはComparator で昇順、降順を指定 Java8 からソートは、 Comparatorインターフェースで 昇順、降順を手軽に指定できるようなのでメモ。 環境 Windows7 64bit Java8(javac 1.8.0_60) Arrays.sortの場合 配列のソートには、Arrays.sort() が使える。 Arrays.sortの場合(プリミティブ型の配列) import java.util.Arrays; する必要がある。 昇順に並べ替えることができる。int などのプリミティブ型は昇順にしか並べ替えることができない。 クイックソートが使われている模様。 import java.util.Arrays; int array[] = {3, 2, 1, 5, 4}; Arrays.sort(array); System.out.println(Array
NumPy Tutorial メモ6 (Linear Algebra) NumPy Tutorial(LinearAlgebra (numpy.matrix、 ベクトルのスタック、ヒストグラムの描画など))についてのメモ。 NumPy Tutorialメモ6(LinearAlgebra) nbviewer NumPy Tutorial(LinearAlgebra) メモ 埋め込みgistが表示されない場合: NumPy Tutorial(LinearAlgebra)メモ6 · GitHub NumPy Tutorial メモ6(Linear Algebra)
Java Beansクラスについて Java Beans クラスについてのメモ。 環境 Windows7 Java 8.0.6001 NetBeans 8.02 Tomcat 8 JavaBeans(Beanクラス)について JavaBeans(Beanクラス)の役割 MVCモデルのM(モデル)を担当するクラスになる。 データの受け渡しを便利にする。 画面(JSP)に表示するために必要なデータである プロパティを扱うクラスになる。 画面に表示する情報の例として、以下がある。 ID ユーザ名 年齢 など Beanクラスとも呼ばれる。 コーヒー豆が名前の由来になっているらしい。 JavaBeansのルール JavaBeansは規格が決まっているので、 それらのルールに従って作成する必要がある。 ルールは主に7つ。 クラス名は「○○○Bean」とする。 public class UserBean
Atom にPlantUML を導入 こちらで紹介されているRedmine でPlantUMLプラグインを導入してUML図を描くというのものをみて、ATOMでもプラグインで使えるようなのでメモ。 Redmine で技術仕様書を書こう | Aiming 開発者ブログ 環境 Windows7 64bit Chocolatey Atom PlantUMLとは PlantUMLは、 アクティビティ図や状態遷移図などのUML図をコードで書くことができる。 コードの書き方は、公式サイトにあり、 日本語にもなっているのでわかりやすい。 http://ja.plantuml.com/ AtomにPlantUMLを導入 内部ソフトのインストールとAtomプラグインをインストールしておくことで使える。 内部ソフトのインストール 内部でJavaとGraphviz を使っているので2つをインストールしておく。ch
Windows PowerShell でパッケージ管理(Package Management)してみる PowerShell5.0(Windows10) から「Package Management(旧OneGet)」で、Windowsでもデフォでパッケージ管理ができる。 環境 Windows 10 Package Management とは PowerShell5.0(Windows10) からデフォで使えるパッケージ管理システム。 Linux でいうところのyum やapit-get と同じ。 Windowsではパッケージ管理として Chocolatey などもあるが、 PackageManagement ではChocolatey やNuGet よりもレイヤとして上層で 各パッケージをインストールできるように設計されている。 参考: cartman0.hatenablog.com Pac
SVG1.1 グループ化について(g, symbol, defs) 前回は、SVG で扱える基本図形の話でした。 今回は、SVG1.1 で使えるグループ化についてのメモです。 SVG の各図形は、パワポのグループ化のように、まとめて扱うことができます。 g タグ g タグ内で図形を呼ぶとグループ化できる。 g タグにfill などの属性を指定すると一括で指定することができる。 また、use タグで位置x y を指定してコピーすることができる。 コピーする際、元のg で指定していない属性であれば、use で指定して属性を追加できる。 以下のサンプルではコピーして、線幅を変えている。 サンプル コード <svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" wid
次のページ
このページを最初にブックマークしてみませんか?
『cartman0.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く