|
<!DOCTYPE html> |
|
<html lang="ja"> |
|
|
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" |
|
content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=1, user-scalable=yes"> |
|
<meta property="og:title" content="Cutls" /> |
|
<meta property="og:image" content="https://cutls.com/img/thedesk.png" /> |
|
<meta property="og:image:width" content="512" /> |
|
<meta property="og:image:height" content="512" /> |
|
<title>Cutls</title> |
|
<meta name="theme-color" content="green"> |
|
<link rel="preload" as="style" |
|
href="https://fonts.googleapis.com/icon?family=Material+Icons|Montserrat|Open+Sans:300" |
|
onload="this.rel='stylesheet'"> |
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" |
|
integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> |
|
<link rel="preload" as="style" href="./css/index.css" onload="this.rel='stylesheet'"> |
|
</head> |
|
|
|
<body> |
|
<div id="start"> |
|
<h1>Cutls</h1> |
|
</div> |
|
<div id="next"><br> |
|
<h2 class="center">Contact</h2> |
|
<div class="flex-ct"> |
|
<div class="card"> |
|
<p class="title"><a href="https://cutls.com/@Cutls" target="_blank" class="white-text">Mastodon</a></p> |
|
<a href="https://cutls.com/@Cutls" target="_blank"><img src="./img/thedesk.png" class="appeal"></a> |
|
<p class="description center"><a href="https://cutls.com/@Cutls" target="_blank" |
|
class="white-text">Cutls <span class="tech">(Cutls@cutls.com)</span></a></p> |
|
<div class="action"> |
|
<a href="https://cutls.com/@Cutls" target="_blank"><i class="fab fa-mastodon"></i></a> |
|
</div> |
|
<p class="spacer"></p> |
|
<p class="title">Mail</p> |
|
<div class="action"> |
|
<a href="mailto:web-pro@cutls.com"><i class="fas fa-envelope"></i></a> |
|
</div> |
|
<p class="spacer"></p> |
|
<p class="description center">or <a href="https://github.com/cutls" target="_blank" |
|
class="small-link"><i class="fab fa-github"></i>cutls</a></p> |
|
</div> |
|
<div class="card"> |
|
<p class="title">ログイン</p> |
|
<p class="description">cutls.com(当ドメイン)でMastodonを運営しています。</p> |
|
<p class="description">新規登録は受け付けていません。</p> |
|
<p class="description center"><a href="/auth/sign_in" class="login">ログイン</a></p> |
|
<p class="spacer"></p> |
|
<p class="tech center">または<a href="/about/more">詳しく</a></p> |
|
<p class="spacer"></p> |
|
<p class="tech">本来のaboutのページとはNginxのconfで分岐処理をしています。</p> |
|
</div> |
|
</div> |
|
<h2 class="center">Works</h2> |
|
<div class="flex-lp"> |
|
<div class="card"> |
|
<img src="./img/thedesk.png" class="appeal"> |
|
<p class="title">TheDesk</p> |
|
<p class="description">Mastodonクライアント。</p> |
|
<p class="description">基本的に全てを担当。</p> |
|
<p class="tech">JavaScript, Node.js, CSS, HTML, WebSocket, PHP, MySQL</p> |
|
<p class="tech">Electron: Windows (.exe, Microsoft Store appx), Linux (snap), macOS, electron-builder |
|
</p> |
|
<p class="tech">Landing Page, Microsoft Store, Open Source (GPL 3.0), Travis CI</p> |
|
<p class="tech">Under reconstruction with Vue.js, TypeScript, PostCSS, NeDB</p> |
|
<div class="action"> |
|
<a href="https://thedesk.top" target="_blank"><i class="fas fa-external-link-alt"></i></a> |
|
<a href="https://github.com/cutls/TheDesk" target="_blank"><i class="fab fa-github"></i></a> |
|
<a href="https://www.microsoft.com/ja-jp/p/thedesk/9p2ndnz0gwzf" target="_blank"><i |
|
class="fab fa-microsoft"></i></a> |
|
</div> |
|
</div> |
|
<div class="card"> |
|
<p class="title">TheDesk Docs</p> |
|
<p class="description">TheDeskのWebドキュメント。GitHubとリアルタイム連携。</p> |
|
<p class="tech">PHP, JavaScript, CSS, HTML, webhook (GitHub API)</p> |
|
<p class="tech">Web</p> |
|
<div class="action"> |
|
<a href="https://docs.thedesk.top" target="_blank"><i class="fas fa-external-link-alt"></i></a> |
|
</div> |
|
</div> |
|
<div class="card"> |
|
<p class="title">votedon.</p> |
|
<p class="description">Mastodonで簡単アンケート</p> |
|
<p class="tech">PHP, MySQL, JavaScript (Vue.js), CSS, HTML, Pjax</p> |
|
<p class="tech">Web</p> |
|
<br> |
|
<p class="tech">掲載:<a href="http://www.itmedia.co.jp/news/articles/1804/03/news147.html" |
|
target="_blank">マストドンで使えるアンケートツール「votedon.」 - ITmedia NEWS<i |
|
class="fas fa-external-link-alt"></i></a></p> |
|
<div class="action"> |
|
<a href="https://vote.thedesk.top" target="_blank"><i class="fas fa-external-link-alt"></i></a> |
|
<a href="https://mstdn.jp/tags/votedon" target="_blank"><i class="fab fa-mastodon"></i></a> |
|
</div> |
|
</div> |
|
<div class="card"> |
|
<p class="title">アスタルテ暇人ランキング</p> |
|
<p class="description">アスタルテ(kirishima.cloud)のトゥート数ランキング</p> |
|
<p class="tech">PHP, MySQL, JS, CSS, HTML</p> |
|
<p class="tech">Web, bot (Mastodon)</p> |
|
<div class="action"> |
|
<a href="https://hima.run" target="_blank"><i class="fas fa-external-link-alt"></i></a> |
|
<a href="https://kirishima.cloud/@AstarteBot" target="_blank"><i class="fab fa-mastodon"></i></a> |
|
</div> |
|
</div> |
|
<div class="card"> |
|
<p class="title">Mastodon bot</p> |
|
<p class="description">強震モニタbot</p> |
|
<p class="tech">緊急地震速報(最終報)に応じて強震モニタのGIFアニメを投稿するbot</p> |
|
<p class="tech">国立研究開発法人防災科学技術研究所のK-NET(強震観測網)を使用しています。</p> |
|
<div class="action"> |
|
<a href="https://cutls.com/@rem_bot" target="_blank"><i class="fab fa-mastodon"></i></a> |
|
</div> |
|
<p class="description">コロムビアアイマスニュースbot</p> |
|
<p class="tech">毎週更新されるコロムビアのアイマスニュースを監視するbot。臨時報にも対応。10分毎(金曜18:00-59は1分毎)チェック。</p> |
|
<p class="tech">PHP, A3RT Text Summarization API</p> |
|
<p class="tech">bot (Mastodon)</p> |
|
<div class="action"> |
|
<a href="https://imastodon.net/@cibot" target="_blank"><i class="fab fa-mastodon"></i></a> |
|
</div> |
|
</div> |
|
<div class="card"> |
|
<p class="title">Quesdon<br>(toot.app)</p> |
|
<p class="description">rinsuki氏のQuesdonのフォーク。独自機能をいくつか追加。</p> |
|
<p class="tech">TypeScript, React, Webpack, MongoDB, JavaScript</p> |
|
<p class="tech">Web, bookmarklet</p> |
|
<div class="action"> |
|
<a href="https://quesdon.toot.app" target="_blank"><i class="fas fa-external-link-alt"></i></a> |
|
<a href="https://github.com/cutls/quesdon" target="_blank"><i class="fab fa-github"></i></a> |
|
</div> |
|
</div> |
|
<div class="card"> |
|
<p class="title">その他</p> |
|
<p class="description">フォローレコメンデーションチェッカー (Mastodon) |
|
<a href="https://github.com/cutls/Mastodon-Follow-Recommendation-Checker" target="_blank" |
|
class="small-link"> |
|
<i class="fab fa-github"></i> |
|
</a> |
|
<a href="https://frc.toot.app" target="_blank" class="small-link"> |
|
<i class="fas fa-external-link-alt"></i> |
|
</a> |
|
</p> |
|
<p class="spacer"></p> |
|
<p class="description">インスタンス絵文字カテゴライズ支援ツール (Mastodon) |
|
<a href="https://github.com/cutls/emojiCat" target="_blank" class="small-link"> |
|
<i class="fab fa-github"></i> |
|
</a> |
|
</p> |
|
<p class="spacer"></p> |
|
<p class="description">被災地支援のためのマストドン研究会 (Mastodon) |
|
<a href="https://donken.org/forum" target="_blank" class="small-link"> |
|
<i class="fas fa-external-link-alt"></i> |
|
</a> |
|
</p> |
|
<p class="tech">マストドン連携ログイン機能を設計</p> |
|
<p class="spacer"></p> |
|
<p class="description">MinimumStatus |
|
<a href="https://github.com/cutls/MinimumStatus" target="_blank" class="small-link"> |
|
<i class="fab fa-github"></i> |
|
</a> |
|
</p> |
|
<p class="tech">データベースも要らないレンサバに置けるステータスページ。Discord通知機能アリ。</p> |
|
</div> |
|
<div class="card"> |
|
<p class="title">外部提供</p> |
|
<p class="description">WordPress:1件</p> |
|
<p class="description">静的ページ+PHP管理ツール:1件</p> |
|
<p class="description">簡易パスワードロック付きPDFビューア:1件</p> |
|
</div> |
|
<div class="card"> |
|
<p class="title">終了済</p> |
|
<p class="description">乃木坂46BISS</p> |
|
<p class="description">JR西日本駅名標風画像作成サービス</p> |
|
<p class="description center">他</p> |
|
</div> |
|
<div class="card"> |
|
<p class="title">Chrome拡張</p> |
|
<p class="description">FastestMastodonShare |
|
<a href="https://github.com/cutls/FastestMastodonShare" target="_blank" class="small-link"> |
|
<i class="fab fa-github"></i> |
|
</a> |
|
<a href="https://chrome.google.com/webstore/detail/fastestmastodonshare/gfndaijdpkalbldphbofbjpjmpfibgji" |
|
target="_blank" class="small-link"> |
|
<i class="fab fa-chrome"></i> |
|
</a> |
|
</p> |
|
<p class="tech">Mastodonへの見ているページのシェアをするための最速手段</p> |
|
<p class="spacer"></p> |
|
<p class="description">Mastodon no more 中華フォント |
|
<a href="https://chrome.google.com/webstore/detail/mastodon-no-more-%E4%B8%AD%E8%8F%AF%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88/ckgelamoagdenmpnkllickjnepaccalf" |
|
target="_blank" class="small-link"> |
|
<i class="fab fa-chrome"></i> |
|
</a> |
|
</p> |
|
<p class="tech">Mastodonの中華フォントになっちゃうやつを防ぐやつ(未完成)</p> |
|
</div> |
|
<div class="card"> |
|
<p class="title">コントリビューション</p> |
|
<p class="tech">ちょっとだけ</p> |
|
<p class="description">Cukoo.Plus |
|
<a href="https://github.com/NanaMorse/Cuckoo.Plus" target="_blank" class="small-link"> |
|
<i class="fab fa-github"></i> |
|
</a> |
|
</p> |
|
<p class="description">whalebird-desktop |
|
<a href="https://github.com/h3poteto/whalebird-desktop" target="_blank" class="small-link"> |
|
<i class="fab fa-github"></i> |
|
</a> |
|
</p> |
|
<p class="title">翻訳</p> |
|
<p class="tech">ちょっとだけ</p> |
|
<p class="description">Liberapay(英語→日本語)</p> |
|
<p class="description">Misskey(標準語→関西弁)</p> |
|
</div> |
|
</div><br> |
|
</div> |
|
<div id="copyright" class="white-text">Copyright © 2015 Cutls.com All rights reserved.</div> |
|
</body> |
|
|
|
</html> |