pCloud ー 最も安全なクラウドストレージpCloud、いろいろ遊んでみましたが、かなりいいですね。 同期と非同期の切り分けがはっきりしてて、思うように動いてくれるので、全然ストレスがないです。 同期も比較的サクサク動くので、メインPCのドキュメントフォルダをバックアップ指定して同期して、出張ではサブPCでpCloud上のものを編集する、なんて使い方もありですね。使い勝手の点では100点だと思いました。
svg.health - Free Medical Icons
Finely crafted icons for digital health.Free for personal or commercial use. No strings attached. Download All
コンテンツの自動生成も可能な、SvelteKitで構築されたオープンソースのAI搭載CMS・「Vontigo」 - かちびと.net
Vontigoはコンテンツの自動生成も可能な、SvelteKitで構築されたオープンソースのAI搭載CMSです。MITライセンスの元でソースコードが公開されています。 ChatGPTの機能が統合されており、コンテンツの生成を自動化する事で他のタスクにリソースを割くことが可能で、更にチャットボットやSNS管理、予測分析などの機能も利用可能となっています。 CMSとAIの統合は、例えば世界的に高いシェア率を誇るWordPressでもAI powerなどといったChatGPTとの統合プラグインも既に公開されていますが、今後もこういったAI統合のソフトウェアは増えていくことが予想されますが、出来れば他のLLMの選択も可能になると良いですね。 Vontigo
ゲーム感覚でプログラミング学べるサービス集 - Qiita
はじめに 今回はゲーム感覚でプログラミングを学べるサービスを紹介します。 ゲームを通して学んだ知識をアウトプットできるサービス集を厳選したので、ぜひ学んだ知識を「使える技術」として自分のものにしていただければと思います。 この記事の主な対象者 プログラミング初心者~中級者 基礎文法は学んだけどアウトプットができていない人 フロントエンジニアを目指してる人 楽しみながらプログラミングを学びたい人 ぷよぷよプログラミング まずはじめに紹介するのは、SNSでも話題になった、ぷよぷよを開発しながらプログラミングを学ぶことができる「ぷよぷよプログラミング」です。 ぷよぷよプログラミングでは、人気ゲームぷよぷよを開発しながらHTMLやCSSやJavaScriptといったプログラミングをしていく中で基礎となる技術を学ぶことができます。 実際にアプリ開発をしながら学べるので、インプットとアウトプットが同時
ChatGPT有料プランは「従量課金」がおすすめ！驚きの安さで得られるメリット | ライフハッカー・ジャパン
毎日使いたいほど気持ちがいい!「ストレッチポールに寝転ぶだけ」で呼吸の浅さや疲れやすさが改善【今日のライフハックツール】
次世代のCSSグラデーションツールが美しすぎる！ すべての新しい色空間を完全にサポート -CSS HD Gradients
すべての新しい色空間を完全にサポートする新しいグラデーションツールを紹介します。UIデザイン向けの美しいグラデーションのプリセットも豊富に用意されており、カスタマイズも簡単です。 CSSの色指定に何を使用していますか？ #FFFFFFのようなHEX値だったり、whiteのようなキーワードだったり、rgb(255, 255, 255)のようなRGB色空間の人も多いと思います。最近では色相・彩度・輝度で指定できるhsl(0, 0%, 100%)もすべてのブラウザにサポートされており、増えてきたと思います。 さらに今までよりも広色域のP3カラーに対応したoklch()もChrome 111, Safari 15.4でサポートされ、注目されています。 CSS HD Gradients CSS HD Gradientsは、Google ChromeのデベロッパーであるAdam Argyle氏（@ar
CSSの新機能、メディアクエリの新しいクエリ「update」がChrome 113で使用できるようになりました
2023年5月4日にリリースされたChrome 113で、CSSの@mediaで新しいメディアクエリが使用できるようになったので、紹介します。 新しいクエリはupdateで、WebサイトやアプリのUIをデバイスのリフレッシュレートに最適化させることができます。 CSS update Media Query 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスの元、翻訳しています。 はじめに 「update」クエリの基礎知識 新しいメディアクエリ「update」を使用したデモ リソース はじめに CSSのメディアクエリは、Webサイトやアプリを表示されているデバイスに基づいて外観をコントロールできる強力なツールです。メディアクエリを使用すると、さまざまなスクリーンサイズや向きなどに対してレイアウトを最適化できます。 updateクエリは、デバイスのリフレッシュレートに適応することが
FlutterFlowのススメ
■更新履歴 2024/3/29:記載を最新化しました。 2023/9/11:記載を最新化しました。 2023/6/10：料金周り・連携サービス周り・他サービス比較の記述を更新しました。 2023/2/22：連携サービス周りの記述を更新しました。 こんにちは、菅原です。 私が運営している会社、GenAiではいくつかの会社に対して新規サービス構築の支援を行っています。中でも、エンジニアリソースの少ない会社に対しては、ローコードツールでの開発体制の構築をしています。 数あるローコードツールの中でも、素晴らしいなと思ったのが、FlutterFlowでした。めちゃくちゃ開発陣が気合い入ってて毎週のようにアップデートが入ります。 出たての時（2021年12月）から使ってきたのですが、当時と比べてかなり使えるアップデートも入り、最近はとてもおすすめできるツールだと思えるようになってきたので、入門記事とし
[flutter] go_routerの使い方
go_routerとは ざっくり説明すると、画面遷移を管理する時に便利なパッケージです。 Navigatorの上位互換ですね。 特徴と以下の通り テンプレート構文によるパスとクエリパラメータの解析（例：”user/:id”)目的地（副ルート）の画面を複数表示させるリダイレクトのサポート – アプリケーションの状態に応じて、ユーザーを別のURLに再ルーティングすることができます（例えば、ユーザーが認証されていない場合のサインインなど）。ShellRouteによる複数のNavigatorのサポート – 一致したルートに基づいて、独自のページを表示する内側のNavigatorを表示することができます。例えば、画面の下部に表示されるBottomNavigationBarを表示するには、次のようにします。MaterialアプリとCupertinoアプリの両方をサポートします。Navigator AP
![[flutter] go_routerの使い方](https://cdn-ak-scissors.b.st-hatena.com/image/square/4cbf060bfd93380f47fdd55493fc075270a2fe79/height=288;version=1;width=512/https%3A%2F%2Fkomugiprograming.com%2Fwp-content%2Fuploads%2F2022%2F06%2Flogo_lockup_flutter_horizontal-1024x287.png)
【Flutter】ボトムナビゲーションバーを表示したまま画面遷移したい【auto_route】
はじめに ずっと go_router と go_router_builder を使ってましたが、ボトムナビゲーションバーを表示したまま画面遷移するように ShellRoute を使って修正をしたら、タブを行き来すると画面スタックがクリアされてしまう問題 が go_router では解決できませんでした。そのあたりをサポートしている auto_route に最近乗り換えたので実装方法を紹介します！ ちなみに、みんな大好きアンドレアさんは Beamer をオススメしてました（試してない）。 こんなことができます auto_route とは？ タイプセーフな引数の受け渡しとディープリンクを可能にし、コード生成を使用してボイラープレートを最小限にしてくれる Flutter ナビゲーション向けのパッケージです。 主に次の特徴があります。ナビゲーションパッケージに必要な基本的な機能はすべて備わっている
Pico CSS • Minimal CSS Framework for semantic HTML
Minimal CSS Framework for Semantic HTMLA minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default. Write HTML, Add Pico CSS, and Voilà! 12.1K GitHub Stars 74.1K Monthly Npm Downloads (Last month) 3.2M Monthly JSDelivr Requests (Last month) A Superpowered HTML ResetWith just the right amount of everything, Pico is a great s
Latte - 最も安全で真に直感的なPHP用テンプレート
Webサイトにおける最も一般的な重大な脆弱性は、クロスサイト・スクリプティング（XSS）です。 これは、攻撃者が悪意のあるスクリプトをページに挿入し、疑うことを知らないユーザーのブラウザで実行させることができます。 XSSは、ページを改ざんしたり、機密情報を取得したり、ユーザーの身元を盗んだりすることができます。 テンプレートシステムは、XSSに対する防御に失敗しています。Latteは、文脈依存のエスケープ機能により、効果的な防御を行うことができる唯一のシステムです。 安全なウェブサイトを望むなら、誰でもLatteを使う。 クイズです：あなたはXSS脆弱性を防御できますか？ 出典Acunetix社 Web脆弱性レポート {var $text = "O'Neill"} - をテキストで表示する。<span>テキスト{$text}で</span> - を属性で指定します。<span title
LINEでメッセージの送受信を行おう！ Messaging APIの基本的な使い方から解説
Messaging APIの概要 LINEでチャットメッセージの送受信をするためには、Messaging APIを使って行います。Messaging APIを利用したメッセージの送受信でのシステムとの関係は図1のようになります。 図1：LINE Messaging APIでの処理の流れ Messaging APIではチャットメッセージだけではなく、LINEでの友だち登録や、ブロックをした際もメッセージを受信します。 また、メッセージの送信ではテキストだけではなく、リンクやボタンなどを含んだメッセージ形式も可能です。そして、それらの操作イベントも同様にメッセージとして受信します。 送信タイミングという観点では（1）のようなサービス側が任意のタイミングで送信する場合と、（2）のようにメッセージを受信したタイミングで返信する場合があり、これらでは利用するAPIが異なります。そして、利用料金にも関
Raycastのススメと使い方
はじめに なにやら最近人気らしく、自分も早速入れて使ってみました。 これが思ったより快適で既存の便利系ツールを置き換える形になりました。 ただ、調べたところ日本語による基本的な使い方の文献があまりない状況です。 せっかく良いツールなので皆さんにも使ってもらいたいなーと思い、使い方を書くことにしました。 概要 Raycastとは： 無料のランチャーツール Raycastの良さ： UI/UXが快適 機能がコンパクトにまとまっている 各機能にショートカットが割り当てられる extensionsで機能の追加ができる 設定がImport/Exportできる Raycastとは ランチャーツールです。類似サービスはMac標準のSpotlightや有名どころだとAlfredがあります。 ショートカットキーを押下してファイル検索など様々なコマンドが実行できるツールですね。 Raycastの良さ とにかく体
CSSのこの新機能、すごく楽しみ！ UI要素にさまざまなアニメーションを簡単に実装できるようになります
朗報です！！！ 今までJavaScriptや複雑なCSSを使用しないと実装できなかったアニメーションが、簡単なCSSだけで実装できるようなります！ たとえば現在のCSSではtransitionでdisplayは機能しませんが、CSSの新機能を使用すると、下記のようなCSSで表示・非表示のアニメーションを実装できるようになります。 このCSSの新機能により、UI要素にさまざまなアニメーションを簡単に実装できるようになります。 Google ChromeのデベロッパーUna氏（@Una）によると、transitionプロパティでdisplayが使用できるようになり、要素の表示・非表示、ポップオーバーなどのアニメーションが簡単なCSSで実装できるようになるとのことです。 👀 An early look at transitioning to and from display: none in
ブラウザやデスクトップで使えるChatGPT APIをベースとしたオープンソースのAI型翻訳ツール・「OpenAI Translator」 - かちびと.net
OpenAI Translatorはブラウザやデスクトップで使えるChatGPT APIをベースとしたオープンソースのAI型翻訳ツールです。 ブラウザで使えるChrome及びFirefoxエクステンションを提供しているだけでなく、Winidows及びMacOSでも使えるよう開発されています。 ただ単に翻訳するだけならDeepLで十分ですが、OpenAI Translatorは名前から想像できるようにChatGPT APIをベースとしており、翻訳後のテキストの要約や推敲、編集機能なども備わっています。 言語は55言語に対応、相互翻訳も勿論可能でTTS（音声合成）もサポート、更にオープンソースであるため、これだけの機能でもAPIの費用だけという安価な運用が可能となっています。 DeepLでも十分満足している方は非常に多いとは思いますが、こちらも選択肢の一つとして覚えておきたいですね。ライセンス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【公式】ぷよぷよeスポーツ×プログラミング
Astro
Naive UI
Div PHP Template Engine | Div Software Solutions