ウェブサイト | You Look Too Cool https://stabucky.com/wp ゆるくつくる stabuckyのブログ Thu, 19 Feb 2026 12:09:19 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 https://stabucky.com/wp/wp-content/uploads/2024/05/cropped-stabucky-32x32.png ウェブサイト | You Look Too Cool https://stabucky.com/wp 32 32 簡単に使えるQRコードのAPI https://stabucky.com/wp/archives/14793 https://stabucky.com/wp/archives/14793#respond Sat, 12 Mar 2022 00:44:18 +0000 https://stabucky.com/wp/?p=14793 URLにパラメータを指定してQRコードを生成できるAPIについて整理します。

QR code API

QR code API
goqr.me
https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=example

サイズの指定は任意。

QRickit

QRickit FREE QR Code API | Generate custom QR Codes with a simple URL request
Create, save and print FREE QR Codes for personal and business use. Learn how to use QR Codes for marketing and communic...
qrickit.com
https://qrickit.com/api/qr.php?&qrsize=150&d=example

サイズの指定は任意。

Google Charts

2025年1月27日追記
使えなくなりました。

Charts  |  Google for Developers
Discover the resources for adding interactive charts for browsers and mobile devices.
developers.google.com
https://chart.googleapis.com/chart?chs=150x150&cht=qr&chl=example

サイズの指定は必須。

]]> https://stabucky.com/wp/archives/14793/feed 0 PlantUMLが使えるウェブサイト https://stabucky.com/wp/archives/14308 https://stabucky.com/wp/archives/14308#respond Sun, 18 Jul 2021 08:29:57 +0000 https://stabucky.com/wp/?p=14308 PlantUMLが使えるウェブサイトをまとめました。

PlantUML Web Server

PlantUML Web Server
The PlantUML Web Server allows you to create and edit online UML diagrams using the PlantUML Language.
plantuml.com

PlantUML Editor

PlantUML Editor
PlantUML online demo client
plantuml-editor.kkeisuke.com

Online Plant UML Editor

Online Plant UML Editor
Online Plant UML editor with syntax highlighting and preview.
sujoyu.github.io

PlantText UML Editor

PlantText UML Editor
PlantText is an online tool that quickly generates images from text. Primarily, it is used to generate UML (Unified Mode...
www.planttext.com
 ]]> https://stabucky.com/wp/archives/14308/feed 0 テキストを読み上げるウェブツール「CoeFont STUDIO」 https://stabucky.com/wp/archives/14113 https://stabucky.com/wp/archives/14113#respond Tue, 11 May 2021 23:36:23 +0000 https://stabucky.com/wp/?p=14113 テキストを読み上げるウェブツールを使ってみました。

https://coefont.studio/
coefont.studio

ウェブツールなのでログインすればインストールなしで使えます。Googleでのログインもできます。
とても自然に聞こえます。

一方、気になった点は次の通り。

  • 長い文章は入力できない。1ブロックにつき200字まで。ただし各ブロックをつなげる機能がある。
  • 声は女性のみ（2種類）。男性はない。
  • 入力したテキストを保存できない。

あと、語尾がお笑いコンビ、コロコロチキチキペッパーズのナダルみたいなのが気になりました。

]]> https://stabucky.com/wp/archives/14113/feed 0 Markdownで簡単にスライドを作れる「slideship」 https://stabucky.com/wp/archives/9709 https://stabucky.com/wp/archives/9709#respond Sun, 09 Jul 2017 00:45:40 +0000 http://stabucky.com/wp/?p=9709 Markdown記法はかなり浸透してきた気がします。
これを使って簡単にスライドを作れるウェブサイトがあります。

slideship.com

簡単な使い方をスライドにまとめてみました。
slideshipの使い方

githubの利用が前提ですが、既にユーザーであればすんなりと使用を開始できます。
操作性も慣れれば簡単です。

]]> https://stabucky.com/wp/archives/9709/feed 0 SVGをPNGに変換するツール（まとめ） https://stabucky.com/wp/archives/8524 https://stabucky.com/wp/archives/8524#comments Sat, 03 Sep 2016 07:44:51 +0000 http://stabucky.com/wp/?p=8524 ウェブ上でSVGファイルをPNGファイルに変換することができるツールを紹介します。
最初の「SVG to PNG」がベストだと思います。

SVG to PNG

SVGファイルをドラッグ＆ドロップするだけでPNGに変換します。
文字化けもなく、サイズ指定する必要もなく、簡単に変換できます。
http://svgtopng.com/ja/

SVG PNG 変換

SVGファイルをドラッグ＆ドロップし変換ボタンを押すとPNGに変換します。
日本語は文字化けします。
https://convertio.co/ja/svg-png/

SVG to PNG Converter

SVGファイルをドラッグ＆ドロップするだけでPNGに変換します。
サイズを指定できます。むしろ初期値が100ピクセルになっているので意図通り変換するにはサイズを変える必要があります。
http://devcice.com/util/SvgToPng/

]]> https://stabucky.com/wp/archives/8524/feed 1 チャートが簡単に作成できる「RAW」 https://stabucky.com/wp/archives/5735 https://stabucky.com/wp/archives/5735#respond Sat, 16 Nov 2013 22:37:22 +0000 http://stabucky.com/wp/?p=5735 CSVを与えるとチャートを自動的に作成するウェブサイトです。
円グラフや棒グラフとは違うグラフを描くことができます。
登録が不要なので手軽に使うことができます。
Raw
試してみます。

データ

データはCSVで与えます。１行目は見出しです。日本語がそのまま使えます。
サンプルも用意されていますが、分かりにくいので、日本の都道府県に関するデータを準備しました。記事の末尾に載せました。

サークルパッキング

次の通り設定しました。どんなチャートができるか。

  • LAYOUT
    • CIRCLE PACKING
  • MAPPING
    • HIERARCHY
      • 地方,都道府県
    • SIZE
      • 人口

circle_packing

ツリーマップ

次のように設定してみます。「ツリー」ですが木の形になりません。

  • LAYOUT
    • TREEMAP
  • MAPPING
    • HIERARCHY
      • 地方,都道府県
    • SIZE
      • 人口

treemap

サークルデンドログラム

次のように設定してみます。「デンドログラム」とは何でしょう？ 耳慣れません。

  • LAYOUT
    • CIRCLE DENDROGRAM
  • MAPPING
    • HIERARCHY
      • 地方,都道府県

北海道北海道東北青森岩手宮城秋田山形福島関東茨城栃木群馬埼玉千葉東京神奈川中部新潟富山石川福井山梨長野岐阜静岡愛知三重近畿滋賀京都大阪兵庫奈良和歌山中国鳥取島根岡山広島山口四国徳島香川愛媛高知九州福岡佐賀長崎熊本大分宮崎鹿児島沖縄

サンプルデータ

都道府県,地方,人口
北海道,北海道,563
青森,東北,144
岩手,東北,139
宮城,東北,236
秋田,東北,115
山形,東北,122
福島,東北,209
茨城,関東,298
栃木,関東,202
群馬,関東,202
埼玉,関東,705
千葉,関東,606
東京,関東,1258
神奈川,関東,879
新潟,中部,243
富山,中部,111
石川,中部,117
福井,中部,82
山梨,中部,88
長野,中部,220
岐阜,中部,211
静岡,中部,379
愛知,中部,725
三重,中部,187
滋賀,近畿,138
京都,近畿,265
大阪,近畿,882
兵庫,近畿,559
奈良,近畿,142
和歌山,近畿,104
鳥取,中国,61
島根,中国,74
岡山,中国,196
広島,中国,288
山口,中国,149
徳島,四国,81
香川,四国,101
愛媛,四国,147
高知,四国,80
福岡,九州,505
佐賀,九州,87
長崎,九州,148
熊本,九州,184
大分,九州,121
宮崎,九州,115
鹿児島,九州,175
沖縄,九州,136
]]> https://stabucky.com/wp/archives/5735/feed 0 EBNFから図を描く「Railroad Diagram Generator」 https://stabucky.com/wp/archives/5366 https://stabucky.com/wp/archives/5366#respond Sat, 08 Jun 2013 06:56:59 +0000 http://stabucky.com/wp/?p=5366 前に「EBNFの記法」でEBNFから画像に変換する仕組みを紹介しましたが、今回は別のサイトを紹介します。

Railroad Diagram Generator（リンク切れ）

このサイトでは別の記法を使います。詳細は省きますが、正規表現のような記法です。こちらの方が分かりやすいかもしれません。

attr-stmt

上のような図が描かれます。線路図に似ているので「Railroad」と名付けられています。

使い方

Edit Grammar に次のように入力します。

test::=x y a? b+ (c|d)

View Diagram に次のように表示されます。

結果はSVGまたはPNGでダウンロードできます。

DOT言語をEBNFで

試しにDOT言語の文法をEBNFで記述して図を描いてみました。
PNGで出力することができますが、ここではXHTMLで出力してみました。図が埋め込まれて一つのファイルで出力されます。

diagram.xhtml

]]> https://stabucky.com/wp/archives/5366/feed 0 GoogleのスプレッドシートでJavaScriptを使う https://stabucky.com/wp/archives/5131 https://stabucky.com/wp/archives/5131#respond Mon, 22 Apr 2013 10:32:58 +0000 http://stabucky.com/wp/?p=5131 GoogleのスプレッドシートはExcelに似た感覚で使えて便利です。
しかもJavaScriptが使えます。
これを使えばユーザー定義関数などを作ることができます。
過去にJavaScriptで作った関数がそのまま使えるケースも多いでしょう。

  1. Googleドライブを開く。
  2. 作成-スプレッドシートを選択して、スプレッドシートを開く。
  3. メニューのツール-スクリプトエディタを選択。
    スクリプトエディタ
  4. もし「Google Apps Script」ダイアログが開いたら閉じる。
  5. プロジェクトが開く。

ここにJavaScriptのコードを書きます。
最初は次のように表示されていると思いますので、書き換えます。

function myFunction(){

}

例えば次のようなコードを書いてみました。8桁の数値を日付に変換する関数です。

function eight2date(eight) {
    var y, m, d;
    y = Math.floor(eight / 10000);
    m = Math.floor(eight / 100) % 100;
    d = eight % 100;
    temp = new Date(y, m - 1, d);
    return temp;
}

A1セルに「20130422」のような8桁の数値を入力します。
B1セルに「=eight2date(A1)」と数式を入力します。
これで8桁の数値が日付に変換されます。
スプレッドシート

]]> https://stabucky.com/wp/archives/5131/feed 0 サンプル画像を作る「Placehold.jp」 https://stabucky.com/wp/archives/5100 https://stabucky.com/wp/archives/5100#respond Thu, 18 Apr 2013 21:02:33 +0000 http://stabucky.com/wp/?p=5100 サンプル画像を作成するサイト。日本製です。

Placehold.jp｜ダミー画像生成 モック用画像作成

サイトの使い勝手がよいので特に説明は必要ないかもしれませんが。


http://placehold.jp/200×140.png

これが基本的な書き方になります。


http://placehold.jp/200×140.png?text=%E6%BC%A2%E5%AD%97%0D%0A%E3%81%B2%E3%82%89%E3%81%8C%E3%81%AA

日本語が使えます。改行も使えます。

]]> https://stabucky.com/wp/archives/5100/feed 0 Pocketの使い方 https://stabucky.com/wp/archives/4985 https://stabucky.com/wp/archives/4985#respond Mon, 18 Mar 2013 10:29:27 +0000 http://stabucky.com/wp/?p=4985 「後で読む」系のサービス「Pocket (Formerly Read It Later)」の使い方です。

ネットなどで「後で読みたい記事」を見付けたときにPocketにその記事を登録します。
基本的にURLを送信すればOKです。
あとは、Pocketにはウェブサイト、iPhoneアプリなどがあるので、暇なときに開いて読むだけです。

特徴としては、記事の登録が簡単である点が挙げられます。

pocket

iPhoneから登録

連携しているアプリならばPocketのボタンが表示されたりするので簡単です。特に説明は不要でしょう。

連携していないアプリでも、URLをコピーするという機能があるかもしれません。
URLをコピーします。例えばSafariだと下部の右矢印アイコンをクリックするとコピーアイコンが表示されるのでこれをクリックします。
Pocketのアプリを開きます。
URLをコピーした状態だと下部に「Add copied URL to your list?」と表示されるので「Add」をクリックします。これで登録されます。

メールを使う方法もあります。
例えばSafariだと下部の右矢印アイコンをクリックすると「メールで送信」アイコンが表示されるのでこれをクリックします。
宛先に「add@getpocket.com」を指定して送信します。これで登録されます。

Chrome(PC)から登録

Chromeには拡張機能があるのでこれを設定すれば簡単に登録できます。
Chrome ウェブストア – Pocket

]]> https://stabucky.com/wp/archives/4985/feed 0