起きたこと todoアプリの編集機能を作成中、編集機能を押すと追加したtodoアプリ分モーダルが表示されてしまうというバグが発生。 よって、編集ボタンを押すと必ず２つ目のモーダルが表示されてしまっていた。 関連ある技術 Vue3 Vuetify3 解決したいこと 1つ1つのtodoのモーダルを表示できるようにしたい 考えるべきこと 今回は、なぜ2重に表示されてしまうのかを考える必要がある。 まず、todo自体の挙動の確認からすると… todo追加 todoが画面に表示される todo編集ボタンを押す モーダルが表示される ・キャンセルボタンを押して閉じる ・更新ボタンを押して閉じる モーダルを閉じる 単体のtodoを作成する手順はこんな感じ。 次に、コードの確認。 <template> <v-dialog v-model="showDialog" persistent width="102
ToDoリストの優先順位を決める効果的な方法2つ。「視覚化」すると優先すべきタスクが見えてくる（ライフハッカー・ジャパン） - Yahoo!ニュース
大きな岩の理論とは何か？「ピクルスの瓶理論」のアイデアの簡略版があります。もしあなたがタスクを岩、小石、砂に分類したくないけれども、もう少し簡略化された方法を探している場合は、こちらの方が適しているでしょう。 もし、スティーブン・コヴィーの人気書『7つの習慣』を読んだことがあれば、「大きな岩」の概念について馴染みがあるかもしれません。 考え方は、ピクルスの瓶理論と同様です。あなたの時間、エネルギー、リソースを大きな容器と考え、やらなければならないことを岩や砂利として考えるのです。 大きな岩はそれほど多くは詰め込めませんが、少数を詰め込んだ後にも、小さなタスクのためのスペースがまだあります。大きな岩は空間、つまりあなたのリソースや時間を取られるので、本当にどれだけ詰め込もうとするかについて意識的に考える必要があるのです。 視覚化することは重要ですが、それを使って計画を立て、実行に移さなければ
テスト駆動開発の発想×ポモドーロテクニック=『TODO駆動ポモドーロ』で作業効率化する手法を実践してみた - Qiita
この記事の手法は個人的に考えたものであり、効果は個人的な主観です。実際に作業効率がいかほど上昇したのかを数値かしたわけではありませんし、その効果を保証するものではありませんので予めご了承ください。 この記事が刺さると思われる人 副業などで一日の1,2時間で成果を上げる必要がある方 一日の隙間時間を見つけて学習をしている方 ポモドーロテクニックをやってみたけど「イマイチ効果がないな」と思われている方 ポモドーロテクニックとは？ ご存じの方も多いかと思いますが、一応すごーく簡単に説明しておきます。 タイマーをセットし、25分間作業に集中 5分の休憩を取る これを4回繰り返したら、少し長めに休む（30分くらいが目安） ただし、ポモドーロテクニック自体の生産性向上への直接的な寄与は実験によって確認されたものではないそうです。 その辺りはパレオさんのこちらのブログに書かれておりますので気になる方はご
解説 Google Keepのメモを印刷するためにGoogle ドキュメントにコピーしてGoogle ドキュメントから印刷をします。 手順 印刷したいメモの右下にある「︙」をクリックし「Google ドキュメントにコピー」をクリックします。 コピー完了後、左下の「ドキュメントを開く」をクリックします。 Google ドキュメントの「ファイル」をクリックし「印刷」をクリックします。 必要に応じて印刷設定を変更し「保存」をクリックします。 利用ケース メモを印刷したい場合。 参考 Keep のメモを印刷する
皆さんはTodoリストやタスク管理はどのようなツールを利用しているでしょうか。手帳やフセンのアナログ派から、TrelloやBacklogといったツールまで、人によって全然違うかもしれませんね。 わたしのおすすめは、Todoistというツールをリスト管理で使い、Evernoteでタスク詳細を管理するという2つの合わせ技です。どちらも無料で使えて、使い方もとってもシンプル。 「2つも使うなんて面倒」と思われるかもしれませんが、もともとわたしはEvernoteユーザー。TodoもEvernoteで管理していたのですが、todoistを使うことで更に効率的にタスク管理ができるようになりました。 今日はそんな2つのツールを使った超効率的なタスク管理術をご紹介します。 Todoistのタスク管理方法とは？ Todoistは、とっても直感的で簡単にタスク管理ができるツールです。Trelloなどでよく見ら
はじめに DMM WEBCAMPのAdvent Calendarの 15 日目の担当することになりました、@takakouと申します🏙️✨ 今回は、「ビット列を活用した、Todoアプリを作ってみませんか？」というテーマで記事をシェアします！📝 記事執筆は未熟者で、至らない点もあるかと思いますが、皆さんのコメントやフィードバックをお待ちしています！🚀💬 目次 目的 🎯 対象者 👨 動作環境 🖥️ アプリ概要 🛠️ 実装手順 🚀 参考文献 📚 おわりに 🎉 1. 目的 最初に本記事の目的を説明しておきます。 タスクを管理するアプリで設定する曜日指定の定業タスクの発生周期や、カレンダーアプリなどの予定の発生周期を設定するのって内部的にどんな動きをしているのか理解する。 ビット列を使った情報の管理を理解する。 データを保持する際の効率性を重視できるようになる。 2. 対象者
? Check the features needed for your project: ◉ Choose Vue version ◉ Babel ◉ TypeScript ◯ Progressive Web App (PWA) Support ❯◉ Router ◯ Vuex ◯ CSS Pre-processors ◉ Linter / Formatter ◯ Unit Testing ◯ E2E Testing ? Choose a version of Vue.js that you want to start the project with 2.x ❯ 3.x (Preview) ? Use class-style component syntax? No ? Use Babel alongside TypeScript (required for modern mode,
とある中間管理職（アラフィフおっさん）の「ＴｏＤｏリストが身につく方法、考えてみた！？」 - ポジティブで行こう♪
突然ですが質問です。みなさん「ＴｏＤｏリスト」をご存じでしょうか？ 一般的には「やることリスト」として知られていると思います。 これ、実は「ＴｏＷｉｓｈリスト」という風に解釈してみてくださいっていうのを、本日は言いたいです。 それを踏まえたうえで「ＴｏＤｏリスト」を使えるようになってみましょう。 とある中間管理職（アラフィフおっさん）の「ＴｏＤｏリストが身につく方法、考えてみた！？」 ＴｏＤｏリストが身につく方法 新人教育へ取り入れてみた！ 注意点 プチ ライフハック：「手書きのメモ書きをGoogle Keep のチェックリストにする簡単な方法」 本日のオススメ製品：「ＴｏＤｏリスト...コンビニでも売ってます」 とある中間管理職（アラフィフおっさん）の「ＴｏＤｏリストが身につく方法、考えてみた！？」 ＴｏＤｏリストが身につく方法 毎日、やりたいことを書き出してみる。 寝る前に、思ったこと
ToDoリストは、生活の中で成し遂げなければならないことをすべて完了するのに役立つ一方で、ToDoリストのせいで心がかき乱されて混乱してしまうこともあります。 おすすめは複数のToDoリストを作成して管理することです。 というのも、生活のさまざまな分野をカバーするための、流動的で現状を反映したToDoリストが複数あると便利だからです。 まずはタスクを整理するためのさまざまな方法の長所と短所を以下にご紹介します。 日次のToDoリスト日次のToDoリストは、その日にしなければならないことを正確に把握できるので、優柔不断にならずに、朝からすぐにToDoリストを消化するための軌道に乗ることができます。 しかし、この方法には多くの欠点があるのも事実。 やり残したことがあれば、翌日のリストに忘れずに追加しなければなりません。 さらに、1日分のToDoリストに記載されていることだけに集中していると、今
TODOリスト、という考え方（どちらかというと「ツール」と呼んだ方がいいだろうけれど、私は考え方という体裁で書いていく）がある。やらなければならないことを箇条書きにして、一つ一つ消化していくスタイルである。 これまで生きてきて、TODOリストを前に、私は挫折してばかりだったのだけれど、ここ最近改めて生活に取り入れてみて思いのほかうまくいっているようだ。その理由？ これはインターネットからの受け売りで、一つ一つのTODOを細かくすること。細分化。 TODO、という考え方自体はそこまで肯定できないのだ。何かを為すことに価値があると信じているようで。確かにそれは素晴らしいことではあるのだけど、何かを為せなかったとき、自己（あるいは他者）否定に繋がりそうで嫌なのである。 が、それはそれとして、私とTODOリストの相性はいい。 ポケモンの中には「かそく」と呼ばれる特性を持つポケモンがいる。最新作のス
TODO管理あんまうまくできない できないけどなんかやるべきことは書き出しておきたい いろいろツール使ってみたりしたけどあんまうまくいかない で、なんとな～く思ってるのはモヤッとしたTODOをとりあえず書きたいという気持ちがあり、そうすると長期的だったり短期的だったり必須だったり必須じゃなかったりすぐやるべきことと単なる備忘録みたいなのが全部混ざってしまう なんかこれ読んでて思ったのは、優先度を考えて自分でタスクを並べるんじゃなくて、ふわふわと点在するタスクに関係性を持たせたい イメージとしてはFigJamみたいな感じで無限平面に付箋としてタスクを貼っていって矢印で関係性をコネクトしたら自動的に今日やるべきタスクが演算されるみたいな マインドマップとTODO管理みたいな感じかも でもマインドマップもあんまうまく使えたためしない。タスクのように頻繁に更新していくものじゃない 思ってるのはTO
十数年前、車で四国八十八ケ所を回ったのが、つい昨日のことのように思い出される。年をとった勢かも知れないが、今になって思えば、あの時思い立って強行してよかった気がする。 それまで、いろいろ空海関係の書籍を読んで「空海」さんは選ばれた人であり、並々ならぬ才知と努力を惜しまぬ人で有ることを知って、一度は「空海」さんが開いた四国八十八ケ所を回って見ようという気持ちを温めていた。 密教を極めることは、凡夫である我々には難しいが、無理な修行や荒行をしなくても自然体で生きなさいと、説いておられるように思う。自然を愛で、また人を愛でれば、この世は決して苦ばかりの世界ではないだろう。とらわれない心（空）を持てば人は幸せを手に入れることができるような気がする。 空海さんはたくさんの著述を残しておられる。その中での好きな文言の一つで、これを読むと自己肯定感が湧いてくるような気がする。 無量の福智は求めざるに 自
無料＆登録不要で使えるTODOリストのテンプレート集です。Excel形式でダウンロード可能。 日常業務からプライベートまで使える、シンプルで実用的なテンプレートを揃えています。 誰でも使いやすいように、さまざまな例文や、使い方の解説もご紹介しています。
Next.js 13とAWS CDK + Amplify Hosting + Cognito + DynamoDB + Lambdaを使ってTODOアプリを作る - Qiita
Next.js 13とAWS CDK + Amplify Hosting + Cognito + DynamoDB + Lambdaを使ってTODOアプリを作るDynamoDBlambdacognitoNext.jsCDK 株式会社Neverのshoheiです。 株式会社Neverは「NEVER STOP CREATE 作りつづけること」をビジョンに掲げ、理想を実現するためにプロダクトを作り続ける組織です。モバイルアプリケーションの受託開発、技術支援、コンサルティングを行っております。アプリ開発のご依頼や開発面でのお困りの際はお気楽にお問合せください。 概要 自社開発でどうしてもAWSを使う事情があり、扱う技術を一通り触ったので備忘録として記録します。 自分の勉強も兼ねてNext.js 13とAWS CDK + Amplify hosting + Cognito + DynamoDB +
UMD版Hexabase JavaScript SDKを使ってTodoアプリを作る（タスク一覧表示・追加・削除） - Qiita
Hexabase（ヘキサベース）は企業においても安心して利用できるBaaS（Backend as a Service）を提供しています。多くのBaaSがそうであるように、主にフロントエンド開発者に利用してもらいたいと考えています。そこで現在、TypeScript SDKの開発が進められています。 元々TypeScriptで作られていることもあって、Next.jsやVue.jsなどでimportして利用することができます。しかし、もっと普通のWebアプリケーションなどで使う際には、CDN経由で利用したいと考える方もいるでしょう。そこで、UMD版Hexabase JavaScript SDKを作成しました。 今回は、そのUMD版Hexabase JavaScript SDKを使ったTodoアプリのデモを紹介します。まずはタスク一覧の表示とタスクの追加、そして削除を行えるようにしました。 デモ
はじめに 今回、Dockerを勉強するついでに同じRubyのWEBアプリケーションフレームワークであるSinatraを触ってみたいと思い、Docker+Sinatraで簡単なToDoアプリの開発を行いました。 開発環境での動作しか確認していませんが、開発にあたって学んだこと、失敗したことなどを備忘録的に書き記そうと思います。 開発環境 M2 MacbookAir ターミナル：Alacritty エディタ：Vim Docker：23.0.5, build bc4487a GEM remote: https://rubygems.org/ specs: mustermann (3.0.0) ruby2_keywords (~> 0.0.1) nio4r (2.5.9) pg (1.5.4) puma (6.4.0) nio4r (~> 2.0) rack (2.2.8) rack-protec
ChromeOS 117 でシェルフに Google Todo リスト ウィジェットを表示できるように | HelenTech
Google は Chromebook のシェルフにカレンダーだけでなく Google Todo リスト (Google Tasks) を統合する取り組みを行っていることはすでに報告されており、 ChromeOS 118 Canary ではすでにフラグを有効にすることでこれを試すことができます。 今回、ChromeOS 117 Betaでも同様のフラグを有効にすることで Google Todo リスト ウィジェットがシェルフの日付(Googleカレンダーを表示できる)に統合されることが About Chromebooks より報告されました。 方ChromeOS 117 Beta で Google Todo リストのウィジェットを有効にするためには、フラグ Glanceables ( #glanceables-v2 ) を有効にする必要があります。再起動したあと、シェルフ右端にある日付の部
TS: TODOリストとSlackを連携させよう！その１「更新通知」｜TechRacho by BPS株式会社
🔗目次 まえがき 今回作りたいもの 完成品 環境構築 Slack Appを完成させる GAS側を完成させる Slackアプリをデプロイする あとがき 🔗まえがき 皆さんどうもこんにちは、この度晴れて株式会社ECN所属インターンから正社員となりましたFuseです。 株式会社ECNでは近頃、特に納期がキツくないけど誰でもいいから手が空いたらやって欲しいという社内の仕事を書き込んで管理したり依頼したり受けたりするTODOリストが登場しました。私もちょくちょく確認しては、受けれそうな仕事を受けて提出したり、様々な提案を書き込んだりしています。 ですが現状依頼の書き込みやステータスの更新を通知する手段がなく、いちいちスプレッドシートに見に行く必要があります。新しい依頼の追加や完了報告もスプレッドシートからでしか行えません。 そこで今回はSlackに依頼が追加された、または内容が更新されたときにS
今回、Github Actionsでmainブランチのpushで、デプロイできるようにしてみました。 ポイントは、実行時間を短縮するために、pnpmはもちろんSSTをキャッシュできるようにしたところです。 ちなみに、AWSのOIDC認証と、GoogleのSocial SignInにむけて、Secretを使っています。 env: AWS_REGION: ap-northeast-1 AWS_OIDC_ROLE_ARN: ${{ secrets.AWS_OIDC_ROLE_ARN }} PNPM_STORE_PATH: permissions: id-token: write contents: read on: push: paths-ignore: - '**.md' - 'docs/**' - '.vscode/**' - '.prettierignore' branches: - ma
ToDo4U
デベロッパである"Shigemi Matsutani"は、アプリのプライバシー慣行に、以下のデータの取り扱いが含まれる可能性があることを示しました。詳しくは、デベロッパプライバシーポリシーを参照してください。
Search, watch, and cook every single Tasty recipe and video ever - all in one place! News, Politics, Culture, Life, Entertainment, and more. Stories that matter to you.
多くの生産性向上メソッドは、日々のタスクにどれだけの時間や労力を要するかを考慮して優先順位をつけ、必要な労力や時間が多いものから取り組むことをすすめています。 人によっては、それは堅実な戦略かもしれません。なぜなら、もっとも困難で、もっとも要求が多い仕事を片づけることで、間違いなくモチベーションを得られるからです。 しかし、より大きな目標に向かって努力することでも、モチベーションを得ることができます。 では、タスクの大小にかかわらず、重要度と影響度に基づいて優先順位をつけたらどうなるのでしょうか？ 「MITメソッド」とは？「最重要タスク（Most Important Task：MIT）」メソッドは、最近、生産性向上に関するブログでよく見かけるようになり、従来の常識を根底から覆す内容で注目を集めています。 このメソッドは、1日をもっとも時間のかかるタスクや負荷が最も大きいタスクからはじめる「
（文／マンガ：岡野 純） ⇒＜別連載＞マンガでわかるパラレルワークの連載一覧 ― presented by paiza 投稿 ＜マンガ＞「仕事が終わらない！」がToDoリストの作り直しで改善した話 は Tech Team Journal に最初に表示されました。
またサンプルリポジトリは以下にあります。 Next.js のプロジェクト作成 まずは Next.js のプロジェクトを作成します。 2023/9/9 現在の最新版のcreate-next-appでは以下のような質問でした。 npx create-next-app@latest ✔ What is your project named? … my-app ✔ Would you like to use TypeScript? … No / Yes ✔ Would you like to use ESLint? … No / Yes ✔ Would you like to use Tailwind CSS? … No / Yes ✔ Would you like to use `src/` directory? … No / Yes ✔ Would you like to use App Ro
実践 org-mode ~ TODOリストを作成する ~
今回から実践編ということで、実際に org-mode を使った TODO リストの作成方法を紹介していきたいと思います！この記事を読めば以下のことが分かるようになります。では早速始めていきましょう！ タスクをツリー構造にする org-mode では ＊ を使って、構造を定義する事ができます。この点は一般的な Markdown の記法と同じですので馴染み深い書き方だと思います。TODOリストとしてこの構造を用いる場合には、タスクに親子関係が生まれますので、上位タスクのサブタスクといった形になります。ですので基本的に親タスクに付与したタグや、プロパティはサブタスクに継承されて自動的に反映されます。 ステータスを定義する まずはファイルにタスクに付けたいステータスを設定していきましょう。ファイルの先頭に次のような文字列を書き込んでいきます。#+SEQ_TODO と始めることで、以降同じ行に書いた
【20穴A5自作手帳②】カレンダー(マンスリー)以外に新たにtodoメモ、支出帳、サブスク管理などリフィルを追加してみた - ムリナク | ゆるーく豊かに暮らすWebマガジン
どうもムリナクです。 2023年10月からスタートしております自作手帳、 10/18時点で順調に挫折することなくマンスリーページを活用しております。 murinaku.hatenablog.com 今回はカレンダー(マンスリー)ページだけでは管理しにくく自作手帳に新たに実装したリフィルをいくつか紹介します。 カレンダー(マンスリー)以外に新たに実装した自作手帳リフィル todo＆メモ（自由帳ページ） 支出帳（かんたん家計簿） サブスク管理ページ 観たもの読んだもの一覧 まとめ カレンダー(マンスリー)以外に新たに実装した自作手帳リフィル todo＆メモ（自由帳ページ） todoその他なんでもメモ書きする用のフリーページ。 マンスリーページに書き込むほどでは無いtodo等を書いてます。 自作手帳の一番最初のページに設置しなんでも気づいたらすぐ開いて書き込むようにしてます。 とくにフォーマット
Air ToDo
空間上で楽しく管理するAR ToDoリストです。 機能 ・空間上のプラスボタンを押してToDoを登録できます。 ・透明のオブジェクトをタッチするとToDoを完了させることができます。 ・ToDoは一つのToDoリストに最大50個登録できます。 ・ToDoを削除することができます。 ・ToDoを並び替えることができます。(ToDoを長押し後に上下に移動させます) ・設定でToDoリストのチェックマークを変更できます。 ・設定でToDoリストのパネルのカラーを変更できます。 ・設定でToDoを完了させた時のサウンドを変更できます。 ・ToDoリストに名前をつけることができます。 ・ToDoリストを最大5つまで登録可能です。 ・ToDoリストを完了させることができます。(完了したToDoは実績としてカウントされます) ・ToDoリストを削除することができます。(完了したToDoは実績のカウントか
今日の朝日新聞に「ドコモ、3GBで880円の新プラン発表 小容量・低価格を強化」の記事が出ていたので、当方が最近感じているスマホの利用について書いてみようと思う。 しばらく前から。スマホ通信事業者各社が小容量・低価格のシニア世代（60歳以上）向けの料金プランを提供している。特にMVNO（格安SIM通信事業者）が先行していたが、ドコモが7月1日に吸収合併する子会社「エヌ・ティ・ティレゾナント（現OCNモバイルONE）」の格安スマホプランを継承してMVNOの領域に進出するつもりのようだ。 下記のグラフでも分かるように、人口比ではシニア世代はまだまだ大きなウェートを占めている。そのシニア世代のスマホ利用形態を調査しながら携帯通信事業者は「60歳以上限定」料金プランをあれこれ考えて出しているのだろう。当方（シニア世代）のようなスマホ利用形態から考えると １．現役時代（会社員）に比べると、家で過ごす
日本の食料自給率は低いことになっているが、本当に低いのだろうか？ 疑問に思って少し調べてみた。 食料自給率の計算には２つの種類がある。 一つはカロリーベースの自給率 計算式 国民一人一日当たり国産熱量（2017年度は924kcal）÷ 国民一人一日当たり供給熱量（同2444kcal）✕100 もう一つは生産額ベースの自給率 計算式 国内の食料生産額÷国内の消費仕向量✕100 日本では通常、カロリーベースの自給率が使われている。 カロリーベースだと３８％程度で世界的に見ても低いことになってしまう、しかし、生産額ベースで計算すると６６％に上がる。これだと世界的に見ても低くはなくなる。現在、主要先進国をはじめ、国際的に主流となっている算出方法は、「生産額ベース」の食料自給率になってきているのに、なぜ、カロリーベースにこだわるのだろうか？ あえて食料自給率を低く見せたいのだろうか？ そこには何か隠
GTDに便利な「Things3」の使い方をMac版を例に解説！手帳とデジタル両方のよさを兼ね備えたToDoアプリ - ノマド的節約術
タスク管理のツールとして知られている『Things3』を聞いたことがあるけど、どうやって使っていけばいいのか、イメージしにくいことはないでしょうか？ 初めてだと使い方がイメージしにくいですし、本当に便利なのかどうかがわからないと思います。 私は実際にThings3を使っていますので、どのように使っていくのが便利になるのかを詳しく紹介していきますね。 Things3とは？タスク管理アプリは現在OmniFocus3やTodoist、TrelloやThingsなどたくさんリリースされています。 別の記事では、GTD（Get Things Done）というToDo管理法にのっとった、OmniFocus3というアプリの使い方を紹介しました。 今回はそれとは違い、Apple Design Award 2017にも輝いた、タスク管理アプリの代表格『Things3』を紹介します。 ▼このThings3のデ
テスト駆動開発の発想×ポモドーロテクニック=『TODO駆動ポモドーロ』で作業効率化する手法を実践してみた - Qiita
この記事の手法は個人的に考えたものであり、効果は個人的な主観です。実際に作業効率がいかほど上昇したのかを数値かしたわけではありませんし、その効果を保証するものではありませんので予めご了承ください。 この記事が刺さると思われる人 副業などで一日の1,2時間で成果を上げる必要がある方 一日の隙間時間を見つけて学習をしている方 ポモドーロテクニックをやってみたけど「イマイチ効果がないな」と思われている方 ポモドーロテクニックとは？ ご存じの方も多いかと思いますが、一応すごーく簡単に説明しておきます。 タイマーをセットし、25分間作業に集中 5分の休憩を取る これを4回繰り返したら、少し長めに休む（30分くらいが目安） ただし、ポモドーロテクニック自体の生産性向上への直接的な寄与は実験によって確認されたものではないそうです。 その辺りはパレオさんのこちらのブログに書かれておりますので気になる方はご
GoでREST API+WebSocketなTodoアプリを作る
はじめに 訳あってGoの勉強をする必要があり、右も左も分からない状況だったので（大半のコードをChatGPTに書いてもらいながら）TodoアプリのAPIを作りました。せっかくなので認証機能やWebSocketサーバの用意も行い、Webアプリのベースとして機能するところをゴールとして作りこみを進めました。 成果物 https://github.com/nnsi/go-practice-todo-api/ https://nnsi.github.com/go-practice-todo-api/ : 動作サンプル やったこと ホットリロードの導入 Hello World! インメモリでTodoアプリを作った リファクタリングした PostgreSQLを導入した 認証機能を実装した WebSocketサーバーを追加した Redisを利用してスケールアウトに対応した ※動作確認用に簡単な画面も用意
すると,http://localhost:3000/にアクセスできるようになります。 実装の紹介 今回は、サンプルアプリなので、Pico CSSやhtmxはCDNで導入しています。本番環境などでは、非推奨なので気をつけてください。 index.tsxは以下のように、割とシンプルに書くことがで来ました。 パッとみてFastAPIと似てる気がしました。 import { Hono } from "hono"; import "typed-htmx"; import TodoApp from "./components/TodoApp"; import Task from "./components/Task"; import Todo from "./components/Todo"; const app = new Hono(); let todos: Todo[] = []; app.ge
家族の予定、TODOリスト、パスワード…雑多なあれこれをアプリで管理する。（クロワッサンオンライン） - Yahoo!ニュース
日々の雑事に追われてつい忘れてしまいがちなことを、もしもスマホが管理してくれたなら。6つの目的別に、プロがその極意を伝授します。 ちょっとした買い物や家族の予定など、あっ、と気づけば時すでに遅し、のあれやこれや。そんなついつい取りこぼしがちなことを、もしもスマホがサポートしてくれたとしたら……。デジタルに詳しい教育ライター兼編集者の相川いずみさんによれば、アプリを有効活用すればそれが叶う。 「ToDoリストやリマインダー、あるいはカレンダーアプリを上手に使えば、うっかり忘れてしまうという局面が飛躍的に減るはずです」 確かに近頃は、役に立ちそうな多種多様なアプリが出回っている模様。けれども相川さんの推しは、もともとスマホに搭載されている純正のアプリや、みんなが知っている定番のアプリだ。 「こだわっている点は3つで、操作がシンプル、サービスが長く続きそうなもの、そしてデバイスが変わっても共有し
仕事のタスク管理をslackで行っていたが、いい加減ちゃんと管理しくなってきたのでデスクトップアプリを自作したので、その内容を記事にした。 リポジトリ github.com アプリの説明 Markdownベースで記載できるTODOアプリ できるだけシンプルに作成 まだ開発中 使用技術 Tauri React markdown-to-jsx Tailwind CSS Tauriとは？ tauri.app TauriはRustで作成されたクロスプラットフォームでデスクトップアプリが作成できるフレームワーク デスクトップアプリのネイティブ部分のコードはRust、フロントエンドはWebの技術を使用できる なのでフロントエンドに関しては以下を使用できる HTML React Next.js Svelte 開発の領域的には、Electronと同じだが、バンドルサイズ、消費CPU、セキュリティが改善され
はじめに 4ヶ月ほど前に初めてTodoアプリを作成しました。（こちらの記事）当時は、Reactの公式チュートリアルを終えたばかりで、手探り状態でなんとか完成させたという感じでした。 あれから時間も経ち、色々学習を進めたのでその時の経験を踏まえ、さらに学びを深めるためにもう一度Todoアプリを作成してみましたので、作業ログを残しておきます。 使用する技術 React Typescript CSS tailwind Recoil 仕様 Todoに持たせる情報 ID タイトル ステータス の3つ 機能 Todoを追加できる Todoを削除できる Todoを編集できる Todoを絞り込んで表示できる Todoの数を表示する 環境設定 PCはMacで node.jsやnpmはインストールしている前提で進めます。 react-create-app や vite といった時短で環境構築ができるものもあり
Next.js 13とAWS CDK + Amplify Hosting + Cognito + DynamoDB + Lambdaを使ってTODOアプリを作る - Qiita
Next.js 13とAWS CDK + Amplify Hosting + Cognito + DynamoDB + Lambdaを使ってTODOアプリを作るDynamoDBlambdacognitoNext.jsCDK 株式会社Neverのshoheiです。 株式会社Neverは「NEVER STOP CREATE 作りつづけること」をビジョンに掲げ、理想を実現するためにプロダクトを作り続ける組織です。モバイルアプリケーションの受託開発、技術支援、コンサルティングを行っております。アプリ開発のご依頼や開発面でのお困りの際はお気楽にお問合せください。 概要 自社開発でどうしてもAWSを使う事情があり、扱う技術を一通り触ったので備忘録として記録します。 自分の勉強も兼ねてNext.js 13とAWS CDK + Amplify hosting + Cognito + DynamoDB +
本記事は、ロードバイク Advent Calendar 2023の6日目記事となります。 2027年のPBPに挑戦する方々向けに、認定完走のために必要なことをまとめました。 3ヶ条くらいにしたかったんですが、リストアップしたら全46ヶ条になってしまったのでページを分割しています。 はじめに 本記事は、次回2027年PBPの参加を考えている方に向けて、認定完走を得るために重要なポイントについて解説することを目的としています。 この記事の目的 コロナ禍で開催が危ぶまれた2023年のPBPは無事に開催され、終了しました。4年後の2027年もよほどのことがなければ第21回のPBPが開催されるはずです。 私は2015年/2019年/2023年と、3回のPBPに参加しました。2015年と2023年は時間内に認定完走、2019年は時間外完走でした。それらの経験を通して、「何をすれば完走に近づくか」「何を
はじめに 私は現在JavaScriptの勉強中です。 VannilaJSでtodoリストを作って、それをhackしてスキルアップを図りました。 参考サイトは JavaScript Primer です。 第一部基礎文法から始まり、大変力がつきそうな内容になっています。 JavaScript（ECMAScript）の改定履歴も紹介してあり、かなり深いところまで理解ができそうです。 辞書代わりにもなりそうです。 反面、詳しすぎる面もあるので、自分で読むときの比重を考える必要がありそうです。 第二部は応用編で、Ajax通信、Node.jsでCLIアプリ、そしてTodoアプリの作成となっています。 それぞれをVannilaJSで書くことにより理解が深まります。 VannilaJSとは VanillaJSは、純粋なJavaScriptのことを指します。つまり、どんなフレームワークやライブラリにも依存せ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
todoアプリ編集機能を作成してる時に起きたバグ - Qiita
はじめに｜【2024年】React, TypeScript, Tailwind CSSでTodoアプリを作ろう
【Google Keep と ToDo リスト】初級 4. Keep のメモを印刷する
Todoのタスク管理はTodoist & Evernoteがおすすめ！
【Rails】ビット列を活用した、Todoアプリを作ってみませんか？ - Qiita
Vue.js Composition APIでTODOアプリ作成
「複数のToDoリスト」を作成するメリットと管理するコツ（ライフハッカー・ジャパン） - Yahoo!ニュース
特性「かそく」の私とTODOの外 - 透明で不可能性
作って使ってみたいTODO管理ツール｜miyaoka
空海を思う - nothing else todo (徒然なるままに)
【28種】すぐに使えるTODOリストのテンプレート（Excel）｜例文付き
Sinatra + Dockerで簡単なToDoアプリ - Qiita
【SST ion】次世代IaCでユーザ認証つきTodoアプリを作ってみた - Qiita
【無印良品】こんなの欲しかった！150円の「ToDoメモ帳」がめちゃくちゃ優秀で感動した！《購入レビュー》
ただToDoリストをこなすよりもモチベが上がる「MITメソッド」実践法（ライフハッカー・ジャパン） - Yahoo!ニュース
＜マンガ＞「仕事が終わらない！」がToDoリストの作り直しで改善した話｜Tech Team Journal
Next.js(13/AppRouter)+Prisma(MySQL)+PandaCSSでTODOアプリを作る
スマホの利用の仕方 - nothing else todo (徒然なるままに)
食料自給率 本当に低いの？ - nothing else todo (徒然なるままに)
htmx & Hono & Bun & Pico CSSで爆速TODOアプリを作ってみた - Qiita
TauriでTODOアプリを作ってみた① - wheatandcatの開発ブログ
React の学習のためにTodoアプリを作ってみた その２
PBP攻略のためのToDoリスト - 東京～大阪キャノンボール研究
VannilaJSでtodoリストを作る - Qiita