はじめに 初めまして。 こちらの記事ではDjangoでToDoリストを開発するテーマで記載しています。 Django初心者向けになります。 Django（ジャンゴ）とは DjangoはPythonプログラミング言語で書かれたオープンソースのウェブアプリケーションフレームワークです。Djangoは高い生産性と効率を提供し、ウェブ開発者が迅速に安定したウェブアプリケーションを構築できるようにすることを目的としています。 Python（パイソン）とは Pythonは汎用の高水準なプログラミング言語で、シンプルで読みやすい構文が特徴です。 Pythonは機械学習、データ分析、ウェブ開発、自動化、科学計算、ネットワークプログラミングなど、多岐にわたる用途で使用されています。 Djangoの特徴 Djangoは広く使われ、多くの大規模なウェブアプリケーションやウェブサイトで採用されています。 Djan
【初心者ハンズオン】ReactでTODOアプリを作ってデプロイしよう【Firebase/Shadcn/TailwindCSS】 - Qiita
【初心者ハンズオン】ReactでTODOアプリを作ってデプロイしよう【Firebase/Shadcn/TailwindCSS】TypeScriptFirebaseハンズオンReact はじめに 今回のハンズオンではReactをこれからやっていきたい人に向けてTODOアプリを作りながらReactの基本的な使い方から実際にアプリケーションをデプロイしてユーザーが使えるリリースまでを行えます。 アプリケーションはとてもシンプルなものですので、短時間で学習することが可能です 初心者向けに本記事は書いておりますので、丁寧にセットアップから紹介していきます。 JavaScriptなどの前提知識は不要で、HTMLとCSSの知識があれば行っていただけます またこのハンズオンでは最近人気がでているShadcn/uiを活用しており、学習した後に簡単にカスタマイズをしていただけるはずです。 ハンズオンだけでは使
仕事がはかどるルーズリーフ活用術。手帳にノート、ToDoリストもこれ1冊「スマートバインダー＜A5＞」 | ライフハッカー・ジャパン
「これ、マストだわ」モニター購入して気づいた、あったほうがいい周辺機器4選 #Amazon新生活セール
TodoVexはAI搭載のオープンソースのTodoistクローンです。といってもタスクの自動整理やチーム利用対応（Todoistの有償プラン）、自然言語認識などの独自機能まで同等と言う訳ではなく、基本的にはUIのクローンとなっていますが、Todoistでは有償プラン枠で使える生成AIが基本機能として導入されている、というものになります。 Next.js、Convex、Auth.js、ShadCN UI、Tailwindなどで構成、AIモデルはOpenAIが採用されています。AIの役割は既存タスクから関連タスクを自動生成してくれる、という機能に留められています。その他、Todoアプリに必要な基本的な機能は概ね揃えられている印象でした。 触った感じの所感ですが性能だけならスマートクイック追加機能や自動整理、多岐にわたる他アプリ連携が可能なTodistの方が優秀ですが、個人利用で、出来ればTod
カレンダーとToDoリストに書き込む安心感 - りとブログ
カレンダーとToDoリストをものすごく使います。 何でもかんでも書き込んでおきます。 書き込んだことに関しては「もう頭の中から消えても大丈夫」と思える安心感がもはや快感に近いレベルです。 でも、たまに書き忘れることがあり、それに気づいた時（大抵は覚えていないといけなかった時に失念してた時）大きなショックを受けます。 それが怖くて、もちろん書いたことすら覚えてないので、同じことをなん度も書き込むことがあります。 そういえばこのブログも、同じ話をなん度もしていることがあります。 10年続けると仕方ないことだと思います。 ランキング参加中雑談・日記を書きたい人のグループ ランキング参加中イラスト
VimによるToDo管理を支える技術
背景 ToDo管理、大変ですよね。 世間には色んなツールがありますし、様々な方法論も溢れています。 しかしそのどれも、非常に大きな問題を抱えています。 Vimじゃない Vimじゃないんです。そう。われわれはVimに魂を奪われた悲しき獣。 Vim以外の媒体で文字を書くと、全身に蕁麻疹が出て、手足は震え視野が狭窄し、やがて死に至ります。 解決は小さく もう1つの問題として、世にある様々なToDo管理は 完成度の高い、巨大なツール 本が何冊も出るような、複雑な方法論 を必要としています。 そのため、学習コストが高く、始めるのも慣れるにも時間がかかります。 怠惰だからToDo管理をしたいのに、怠惰な人間には辛い初期コストを要するという理不尽。 私はそんな理不尽に抗えるほどまともな人間ではないので、小さく始めて、問題に直面するたび、少しずつ改善していくようにしたいものです。 スコープも小さく これも
はじめに こちらの記事でNext.jsの導入方法について教えて頂き、ローカル環境にNext.js + TypeScriptをセットアップする事ができました。 せっかくセットアップしたのでTODOアプリを作りながらReactの機能を確認したいと思います。 TODOアプリの仕様は「はじめに」を書いている段階では特に考えてないです。 記事の内容 Tailwindを導入できた ComponentにPropsを渡せた Componentの中でPropsを使用できた Componentをループを使って表示できた React Iconsを導入できた 1.Nextの構成 セットアップ完了時、以下のようになフォルダ構成になりました。 Nextのルーティングはpages内のディレクトリ構造とファイル名がそのまま反映されるみたいです。この辺はNuxt(Vueの方)に似ています。上記の場合index.tsxがデフ
今日のワークハック：ToDoリストをOneNoteで作成し、タスク管理を効率化する1. ショートカットでToDoリストをつくるOneNoteでは、「タスク」というノートシールを使うと、チェックボックスが追加されます。 チェックボックスをつけておけばタスクが未処理だとわかるので、完了すべき用事や日々の業務をまとめたチェックリストを作成できます。タスクが完了したら、ボックスにチェックを入れましょう。 OneNoteなら、ToDoリストの作成がとても簡単ですよ。 「タスク」のノートシールを追加するには、ノートまたはノートのテキストを選択して「Ctrl＋1」を押すと、選んだ項目の先頭にチェックボックスが挿入されます。 ノートシールはほかにも、ノートの重要項目に印を入れたり、コンテキストを追加したり、検索してタスクを見つけたりするのに使えます。 ショートカットの例としては、「Ctrl＋2」で「★」、
ToDoリストって仕事なら多少面倒でもやるんだけど、 プライベートのちょっとした買いものリストのメモとか、割引券やポイントの有効期限とか、 家庭内でやらないといけないことのToDoリストって、登録すること自体が面倒で結構忘れそうになります。 そこで音声なら即座に手軽に管理できるのではと思い作ってみました。 完成品 古いタブレットPCにNotionのTodoリストをブラウザで表示しています。 この白い箱自体がボタンになっており、Arduino経由でタブレットPCのマイクを起動し録音します。 録音されたデータは音声認識をして、Notionにタスクが追加されます。 このシステムをリビングとかに置いたら、誰でも気軽に登録できます。 Notion APIの準備 Secret Key を作成する こちらからインテグレーションを作成するとAPIで使うシークレットキーが作成できます。 https://ww
Googleアカウントを持っていれば、誰でも無料で使えるGoogle スプレッドシート。Microsoft OfficeのExcelに近い操作性で、表計算に使用しているという人も多いでしょう。 Google スプレッドシートは、インターネット環境さえあれば、簡単に同期ができ、ほかのユーザーとも気軽に共有ができます。そのため、使い方がわからないと困ってしまうシーンも出てくるでしょう。 そこで、スケジュール管理やToDoリストの管理など、Google スプレッドシートの基本的な機能が利用できるテンプレートの使い方をご紹介します。チームで仕事をする場合などには、ぜひ試してみてください。 なお、今回はWindows 11を搭載したPCにて、Chromeブラウザを使用しています。 Google スプレッドシートでのスケジュール管理、ToDoリスト管理は「テンプレート」を活用すべし！ スケジュールの管
作業時間がひと目でわかる！ 資格勉強、ToDo管理にキングジム「ルラップ」【今日のライフハックツール】 | ライフハッカー・ジャパン
Ankerさんありがとう。デスク配線が片付く12 in 1モニタースタンドがほぼ1万円引きはおかしい #楽天5のつく日
はじめに こんにちは！！@Sicut_studyです！ こちらの記事が嬉しいことに多くの方に見ていただきました。 そこでReactが多くの初心者の方に注目されているんだなということを実感させられました。 私の記事では何度も言っている通り 最速で学ぶならとにかく何か作る というのが大事になってきます。そこで 「Reactアプリ100本ノック」 というのに挑戦していこうかと思います。徐々に難易度を挙げていってどこまでお題を作りきれるかの腕試しでやっていただければと思います。 今回はuseStateを前回よりも応用的に変更していきます 前回のお題 Reactアプリ100本ノックルール 主要なライブラリやフレームワークはReactである必要がありますが、その他のツールやライブラリ（例: Redux, Next.js, Styled Componentsなど）を組み合わせて使用することは自由 Typ
日々のタスク管理は、生産性を高めるための重要なステップです。しかし、その管理作業自体がまた一つの負担となってしまうこともしばしば。そんな中、Google Apps Script（GAS）という素晴らしいツールのおかげで、私の毎日のToDoリスト整理が劇的に楽になりました。 GASはGoogle Workspaceとシームレスに連携するスクリプトプラットフォームで、単純なJavaScriptの知識さえあれば、多くの自動化を実現できます。私はGoogleドキュメントをToDoリストとして使っているのですが、これまでは毎朝、日付を手動で入力し、その日のタスクを箇条書きにしていました。 しかし、GASを用いて独自のスクリプトを書くことで、毎日の日付入力と箇条書きの準備を完全自動化。タスク管理はもう手間ではなくなりました。今ではドキュメントを開くと、前日のタスクが美しく整理され、新しい日付と共に新た
はじめに 後述の記事を参考にNest.jsのキャッチアップを行いました。 ワンポイント追加として、DockerでDB（Postgres）を構築し、そこに接続するように設定してみました。 私が普段使っているバックエンドフレームワークはLaravelですが、そもそもの設計思想の違いなのかすんなりと理解が進まなかったので備忘録として記載します。 この記事の内容はほとんど下記２記事の内容をなぞったものです。 下記の記事に従って動かないとか、どんなふうに読んでいるんだろう的な時の参考になれば幸いです。 リポジトリ https://github.com/ryosuke-horie/nest-todo-app/ 参考記事 以下の2記事を参考に進めています。 Next.js NestJSを触りながら学ぶ(TodoAPI作成) Docker postgresql 【Docker】postgresqlの構築
► 2024 ( 100 ) ► 04/07 - 04/14 ( 1 ) ► 03/31 - 04/07 ( 8 ) ► 03/24 - 03/31 ( 7 ) ► 03/17 - 03/24 ( 7 ) ► 03/10 - 03/17 ( 9 ) ► 03/03 - 03/10 ( 7 ) ► 02/25 - 03/03 ( 8 ) ► 02/18 - 02/25 ( 6 ) ► 02/11 - 02/18 ( 8 ) ► 02/04 - 02/11 ( 7 ) ► 01/28 - 02/04 ( 9 ) ► 01/21 - 01/28 ( 8 ) ► 01/14 - 01/21 ( 8 ) ► 01/07 - 01/14 ( 7 ) ▼ 2023 ( 395 ) ► 12/31 - 01/07 ( 7 ) ► 12/24 - 12/31 ( 7 ) ► 12/17 - 12/24 (
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DjangoでToDoリストを作ってみる - Qiita
TodoistのUIクローンとして開発されたAI搭載のオープンソースのTodoアプリ・「TodoVex」
Next.jsでTODOアプリを作成する日記① - Qiita
OneNoteでタスク管理｜実用的なToDoリストづくり6つの技 | ライフハッカー・ジャパン
音声で手軽に登録するToDoリストのシステムをつくる - Qiita
GoogleスプレッドシートでスケジュールやToDoリストの管理ができるテンプレート活用術｜@DIME アットダイム
【Reactアプリ100本ノック】03 TODO - Qiita
法人向けサービス「KDDI Voice Viewer」、生成AIによるテキスト要約とToDoリスト作成機能が追加
毎日のToDoリスト整理が、GASで更に捗ったお話し｜手塚優斗
Todoアプリを作成してNest.jsのキャッチアップをしてみた - Qiita
退屈なToDoリストをやる気が起きないときに使える心理トリックのお話