私の愛しいアップルパイへ 8月16日（金）、このTCP/IP網の片隅に新規サービスを産み落としました。「TaskChute Cloud 2」っていいます。 頑張って作ったトップページ去年の8月から本格的に作り始めて、1年間でようやく形になりました。これこそ"俺が考える最強のタスク管理・時間管理サービス"って感じです。 正直タスク管理サービスって有名どころは出尽くしてる感じですし、「いまさらー？」って感じだと思います。この手のサービスは西海岸からいくつも出てますし。 でも、今までの発想のタスク管理サービスって使いづらくないですか？もう実際の仕事に通用しなくないですか？って気持ちもあって、ちょっと違ったアプローチのサービスをガチで作ってみました。 そこそこ借金して1年かけて作りました小学生時代からの友人と作った役員2人だけの極東の極小の会社なんですけど、コロナとか異常な円安とかの影響もあって経

期限の制約なく無料で提供される「Free Tier」クラウドサービスまとめ、主要クラウド/PaaS編（2024年版） いくつかのクラウドサービスでは、新規ユーザーに対する1年程度の無料トライアルや一定額のクーポンなどの提供だけでなく、期限の制約なくずっと無料で提供される、いわゆる「Free Tier」や「Always Free」と呼ばれるサービスが提供されています。 こうしたサービスは評価や一時的なテスト環境、あるいはホビー用途などに適しています。 本記事では期限の制約なく無料で提供されている主なクラウドサービスを、2024年版としてまとめました。（有料サービスの追加機能として無料で提供されているものは除外しています）。 ただしこれらの無料のサービスは、提供側の都合により一時的に申し込みや利用が制限されたり、提供が終了することがあります。提供側の都合に留意しつつ、良心的な範囲でご利用いただ

一人ひとりの悩みごとに合わせて適切な支援を案内するサービスです。あてはまる悩みにチェックをつけていくだけで200種類を超える公的支援を中心とした解決手段から利用できる可能性のある支援を提案します。

データアナリティクス事業本部 サービスソリューション部 サービス開発チームのしんやです。 Notionの直近リリースノートに「Mermaidっていうマークダウン構文がNotionで使えるようになったよ！」という情報が載っていたので、試してみた内容を軽くではありますが紹介したいと思います。 目次 Mermaidとは 実践 #1. フローチャート #2. シーケンス図 #3. クラス図 #4. 状態遷移図 #5. ER図 #6. ジャーニーマップ #7. ガントチャート #8. パイチャート #9. 要件図 まとめ Mermaidとは Mermaidとは、フローチャート、シーケンス図、クラス図、ガントチャート、およびgitグラフを生成するためのマークダウン構文です。 コードから良い感じのグラフを生成できるイメージについては下記動画を参照頂くと良さそうです。 実践 では早速実践してみたいと思いま

Miroそのものは以前から利用していましたが、とある案件での利用を機会に掘り下げました。これからMiroに取り組む方のために、メモを残しておきます。 なお、Frameは「フレーム」と表記します。 ここ数日でMiroにむっちゃ詳しくなった。 ・URLをペーストしたらカード風のものができたり ・動画のURLは、そのまま埋め込まれたり ・Illustratorにはないオブジェクトの連結 ・表組みもイケて ただ、Miroも（PowerPointも）クリック操作が多くて疲れ方がハンパなく、そして時間がかかる。 — 鷹野 雅弘 Masahiro Takano (@swwwitch) December 7, 2021 Notion vs. Miro共同編集を前提としたデータのストックにはNotionだと思っていたけど、リニア（線形）なNotionに比べて、ジオメトリックに配置できるMiroに軍配が上がり

A free and instant collaborative whiteboarding tool.

BUKUMANGAは主にはてなブックマークで人気・おすすめのweb漫画が見つかるサイトです。無料で読めるものが多く、ブックマーク数などで話題になったwebマンガのランキングを見ることもできます。

どうも、まさとらん（@0310lan）です！ 今回は、手描きしたスケッチをAIが美しいワイヤーフレームに自動変換して、動くプロトタイプを誰でも簡単に作成できるWebサービスをご紹介します！ 現時点ではクローズドベータによる参加となりますが、すでに実用的なレベルに調整されています。これからプロトタイプを作成しようと考えている人は、ぜひ参考にしてみてください。 【 uizard 】 ■「uizard」ってどんなサービス？ 最初に「uizard」でどんなことができるのか簡単にご紹介しておきます。 このサービスのポイントは、手描きのスケッチをAIが美しいフレームワークに自動変換してくれることです。 変換方法は簡単で、手描きのスケッチをスマホのカメラで撮影するだけです！ するとAIがスケッチを分析してワイヤーフレームに変換してくれます。 さらに、PCのブラウザからプロジェクト画面を開いて自由に編集で

15年分のブックマークで再発見 おかげさまで、はてなブックマークはサービス開始から15年を迎えました。その歴史を掘り起こし、特に注目を集めたページをまとめて、タイムカプセルに見立てました。サービス開始当初の2005年までさかのぼり、"インターネットの歴史"を感じていただくことができます。「今見ても古びないブログ」や「昔見つけたあのサイト」を再発見してみてください。 はてなブックマーク全体の歴史 あなただけのブックマーク 他の人は知らなくても、あなただからこそ思い出せる。あなたが過去にブックマークした中から、そんなエントリーをピックアップしました。「あなただけの関心」は、日々誰かの新発見になります。これからもブックマークを通して、他のユーザーにとっても価値のある情報をつなげていきませんか。 あなたの歴史

バイオハザードのかゆうま(飼育係の日誌)みたいなノリで匿名日記を書くサイトを作った。ログイン不要。https://enigmatic-brushlands-82725.herokuapp.com/ 3月25日の夜に小池都知事の緊急記者会見があった翌日から、完全に在宅勤務になった。もう外はナウシカの世界みたいなもんだと思ってるのでなるべく外に出たくないのだが、さすがに食料は買いにいかないとで週2回だけ買い出しに出ている。（「マスクをしないと5分で肺が腐ってしまう。」と思いながら外出してる） で、外に行くと思ったよりも人が出歩いてたりしてビビる。スーパーとかどの時間に行っても「いやいや、週末でもこんなに客いなかったぞ」って人の量で、しかも突然Uターンしてきたり立ち止まったりしてまるでNPCのようだ。横断歩道待ってるとやたら近距離接近してくるご婦人方とか、自転車乗ってタバコ吸いながら盛大な咳をす

フローチャート ※依存関係・フローチャートはJavaScriptのみです。 対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモ デモでは、JavaScriptのコードでその動作を確認できます。 デモページ 依存関係はDependenciesをオンに、フローチャートはFlowChartタブをクリックします。 Code Crumbsの使い方 セットアップ codecrumbをインストールします（yarn global add codecrumbs）。 codecrumbs -d project-src-dir -e project-src-dir/index.jsを実行し、プロジェクトに合わせてパラメータを変更します。-dはソースコードを含むディレクト

https://anond.hatelabo.jp/20181129233609 同じくSF在住。いいまとめサンキュ。他に俺が個人的によく使うのは： Limeここ1〜2年で急激に伸びてきた電動自転車や電動スクーター（電動のスケボーにハンドルが付いたようなもの）のシェアリングサービス。Birdなど競合も。各スクーターはGPSでトラッキングされていてスマホアプリで近くにあるスクーターを検索できる。使い終わったら乗り捨て。割とそこらじゅうに乗り捨ててあったりする時もあるので街の景観がちょっと変わった感があるが、それを超えて便利。でも乗る場所によっては割と危ない。大きな事故が出てくると規制もありうるかも。（追記：chanmiaさんのブコメによるとすでに規制されて台数が減ってるそうです。指摘感謝です） Netflix日本でも浸透してきてると聞くが、アメリカでも俺の周りだとみんな普通に加入してる感じ。

どうも、まさとらん（@0310lan）です！ 今回は、Webアプリやサービス作りなどで便利に使える高機能なJavaScriptライブラリを厳選してご紹介してみようと思います。 ライブラリ単体でそのままWebアプリとしてリリースできそうなレベルのものから、ちょっとした機能を追加できるものまでピックアップしてみたのでご興味がある方はぜひ参考にしてみてください！ なお、JavaScriptはpaizaラーニングの「JavaScript入門編」で学ぶことができます。そちらも合わせてチェックしてみてください。 オーディオファイルを柔軟に制御できるライブラリ！ 【 howler.js 】 MP3 / WAV / AAC / OGG…など多彩なコーデックに対応しているうえ、オーディオスプライトによる制御も可能なライブラリが「howler.js」です。 音楽プレイヤーはもちろん、オーディオ制作アプリやゲー

どうも、まさとらん（@0310lan）です！ 今回は、Webサービスやアプリ開発などにとても便利なJavaScriptライブラリを厳選してご紹介しようと思います！ 強力な独自機能を簡単に追加できるものやトレンドに合わせたWebデザインを構築できるもの、そのままWebサービスとして利用できるものまで、ピックアップしてみました。 これからWeb開発を始めようという人はもちろんですが、開発ネタに困っている人も何か良いアイデアが発見できるかもしれないので、ぜひ参考にしてみてください！ ■波形表示やプレイヤーも作れる高機能な音楽ライブラリ！ 【 wavesurfer.js 】 音声ファイルを読み込むだけでグラフィカルな波形表示が可能で、多彩なオプションを利用することで自在に音声を制御できるJavaScriptライブラリです。 音声の再生・早送り・巻き戻し・ミュートなどの基本機能はもちろん、音声の書き

毎日の仕事を効率よくこなすには、自分の時間の使い方を振り返ってみることが大切です。自分が時間を何にどれくらい使ったのかを複数のデバイスから簡単に記録でき、さらに様々な機能を使ってハイスペックな時間管理を可能にするネットサービスが「Toggl」です。 Toggl - Time Tracker & Employee Timesheet Software https://toggl.com/ タスクの記録やプロジェクトへの分類などの基本的な使用方法は以下のページを見ると一発で分かります。 無料でPC・スマホで日々の活動を手軽に記録して集計をとれる「Toggl」 - GIGAZINE 基本的な使い方を復習するのも兼ねて、最初から使っていきます。togglのページにアクセスすると、中央下部に「START TRACKING」と表示があるので赤枠内をクリックします。 ログインを促されます。Toggleは

配色を決めるのは難しい ブロガーの皆さんはカスタマイズをとかすると思うんですが、配色ってどうやって決めていますか？いい感じの色使いって難しいんですよね。そういう仕事してるぼくでさえ、悩むポイント。ちょっと苦手です。 今日紹介するのは配色ツール。 このブログの場合は自分の好きな色でまとめた感じなんですけど、やはり見やすい色の組み合わせってあるので、好きな色をいくつも入れたら見た目がド派手になってしまった！なんてことも起こりがち。 そういうのを一気に解決してくれるやつを紹介します！ AI（人工知能）です！未来ですね。 しかも無料！（素晴らしい） Khromaっていいます！！（読めねーよ！） Khroma – The AI color tool for designers 使い方はとても簡単 サイトを開いて【Personalize】をクリック するとカラーパレットがズラッと出てくるので好きな色を

UI Crunch #11 金融業界に革命を起こす、FinTechスタートアップのUIデザイン / 2017.09.06

CSSで面倒なコード、アニメーションやグラデーションやボックスシャドウなど、実装の結果を見ながら値を調整してコードを生成でき、HTML5の新要素やよく使うスニペット、FacebookのOGPやTwitterカードやmicrodataやMetaタグなどのコードを簡単に生成できるオンラインツールを紹介します。 コードごとに対応ブラウザも表示されるので、かなり便利です。

2017/4/26 『渋谷開催！デザイナーLT＆交流会（BASE×ノハナ×マネーフォワード×みんなのウェディング）』 https://mwed.connpass.com/event/54099/ 発表資料