grasso0210のブックマーク (484)

  • Reactでシングルページアプリケーションを書こう | IIJ Bootcamp

    # 講義の全体像 この講義では 「ToDoアプリを作ってReactによる実践的な実装パターンを体感しよう」 を目標として、以下の構成で進めていきます。 Reactの基的な動作を体感する(プロパティ、State、イベントハンドラ) ⛳️プログラミング初心者の人のゴール ToDoアプリでより実践的な実装パターンを体感する ⛳️通常のゴール ToDoアプリでサーバとやり取りする ⛳️進みが早い人のゴール 人によっては既に知っている内容も含まれると思いますので、適宜先へ先へと進めていってください。 通常のゴールまで辿り着けば、以下のようなアプリが完成する予定です。 頑張っていきましょう😉 # 実行環境の用意 この講義では実行環境として以下の2つを想定します。 環境構築に慣れていない人には1のCodeSandboxを、実際の開発環境に近いことをしたい人には2のViteをお勧めします。 # 1.

  • はてなブログ ブログを統合する 思いのほか簡単 - ♛Queens lab.

    記事のエクスポートとインポート 記事のエクスポート 記事のインポート 気になること6つ URLはどうなるのか 画像はどうなるのか ★、ブックマーク、コメントはどうなるのか カテゴリーはどうなるのか テーマのデザインどうなるのか サブブログは放置で良いのか 非公開にしたブログの使い道 記事のエクスポートとインポート 2つのブログを運営していて その必要性に疑問を持ち、一つにまとめようと思いました。 どちらもはてなブログなので 思いのほか簡単にできました。 別のサイトに移行する場合にも応用できますので 頭の片隅に入れておいてください。 記事のエクスポート まず記事を書き出します。それがエクスポート。 ダッシュボード>設定>詳細設定>エクスポート ※移動させる方のサイトを選んでくださいね。 サブをメインの中に入れるのでoatmeal clubを選択しています。 記事のバックアップと製をクリック

    はてなブログ ブログを統合する 思いのほか簡単 - ♛Queens lab.
  • Markdownから直接PowerPointを作成する - 広告/統計/アニメ/映画 等に関するブログ

    ちょっと前までは、MarkdownからPDFやワードファイルにできてもPpwerPointにするのは再現性が厳しいものがありました。 ※以前の記事 yyhhyy.hatenablog.com しかしいつの間にかPandocがPowerPointへの変換もサポートしていました。 使い方 ※ Pandocのインストールまでは様々なサイトがありますので割愛します。あともうちょっとこういうことができたら良いな、の部分を以下に抜粋しました。 PowerPointのフォーマットを指定したい 自分1人でスライド作成が完結するならPDFでもHTMLスライドでも問題ありません。しかし敢えてPowerPointファイルにする必要がある、ということは、パワポにして誰かと共有する必要があるというケースだと思われます。 その際、課題となるのが、スライドマスタをあわせたい、フォントを併せたいといったニーズでしょう。

    Markdownから直接PowerPointを作成する - 広告/統計/アニメ/映画 等に関するブログ
  • まるで“いけない話ができるChatGPT” ローカルAI「Command R+」の爆発的な可能性 (1/5)

    筆者の環境で、LM StudioでCommand R+を動作させている様子。会話相手は自作キャラクターの「明日来子(あすきこ)さん」 PCローカル環境で動作する大規模言語モデル(LLM)「Command R+」を使っていますが、相当優秀ですね。体感ではChatGPT(GPT-4)と変わらないレベル。さらに、ChatGPTが回答を拒絶するような会話もできてしまいます。これが体験できるようになったのは、LM Studioに代表されるローカルLLMを動かすためのアプリ環境が整ってきたためです。今年に入り、Command R+を始めとしたローカルLLMが高性能化してきたことと並行し、手軽に使える派生モデルも増えはじめ、一気にあわただしくなってきました。 導入が難しかったローカルLLM、「LM Studio」で簡単に Command R+を試すのに使っているのが、LLMの主要モデルを実行するための統

    まるで“いけない話ができるChatGPT” ローカルAI「Command R+」の爆発的な可能性 (1/5)
  • GitHub Copilot Workspaceが利用可能になったのでゼロからアプリを作ってみた - Alternative Architecture DOJO

    こんにちは、MLBお兄さんこと松村です。 昨年の MLB 全体ドラフト1位のポール・スキーンズ投手がメジャーデビューしました。予想通りの豪速球でした。 2024年4月29日についにテクニカルプレビューが開始となった GitHub Copilot Workspace ですが、ゴールデンウィーク中に私のアカウントでも利用可能となっていたため、試してみたことを書いていきます。 利用開始まで この記事を書いている時点では、 GitHub Copilot Workspace の利用には待機リスト (Waitlist) への登録が必要であり、その通過を待つ必要があります。 そのため GitHub Copilot Workspace を利用したい方は、こちらから登録を行いましょう。 githubnext.com ゼロからアプリを作ってみる 今回は練習として私がコードを書くこと無く、 C# の簡単なアプリ

    GitHub Copilot Workspaceが利用可能になったのでゼロからアプリを作ってみた - Alternative Architecture DOJO
  • 「GitHub Copilot全社導入」の前にたちはだかった3つの壁 ZOZOはどう乗り越えたか

    生成AIのビジネスへの利活用の一環として、AIプログラミング補助ツール「GitHub Copilot」の導入に踏み切る企業が増えている。ファッションECサイト「ZOZOTOWN」を運営するZOZOもその一つで、2023年5月に法人向けサービスである「GitHub Copilot Business」を全社導入した。 ZOZOには約500人のエンジニアが所属しており、その全員がGitHub Copilot Businessを利用できるようにした。一方で、AIツールの全社導入に当たっては、セキュリティや費用対効果など、検討すべき点も多い。ZOZOではどのような検討の結果導入に至ったか、同社のテックリードを務める堀江亮介さん(技術技術戦略部CTOブロック)が公開している外部向け資料からひもとく。 全社導入を進める際、ZOZOでは「セキュリティ上の懸念」「ライセンス侵害のリスク」「導入による費用

    「GitHub Copilot全社導入」の前にたちはだかった3つの壁 ZOZOはどう乗り越えたか
  • ゼロトラストを誤解してほしくない--提唱者が説く正しい定義

    印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 近年のサイバーセキュリティトレンドに「ゼロトラスト」がある。その提唱者で知られるJohn Kindervag氏は、「誤解されている」と警鐘を鳴らす。同氏がゼロトラスト来の定義を説明した。 ゼロトラストは、Kindervag氏が2010年に当時在籍したForrester Researchで提唱した。そのコンセプトは「信用せず常に検証する」というもので、同氏はゼロトラスト来の定義を「守るべき資産(データや情報など)を脅威による侵害から守るための『戦略』である」と述べる。提唱から15年近くが経過し、「現在では米国大統領令で推進されるなど、各国の政府レベルでも重要な『戦略』として認知されるまでになった」とした。 現在のサイバーセキュリティ

    ゼロトラストを誤解してほしくない--提唱者が説く正しい定義
  • 「無料で他大学の講義が受けれちゃうという神サイト発見した」誰もが無料で世界中の大学の講座が受けられるサイト“JMOOC”が話題に 講座によってはオープンバッジを取得することも可能

    リンク JMOOC トップページ お知らせをもっと見る 講座ジャンルを絞り込み アート・デザイン 教育と学習 健康と医療 工学 コンピュータ科学 自然科学 社会科学(経済、コミュニケーション、他) 人文科学(心理、歴史、他) 統計・数学 ビジネスと経営 資格・試験対策 JMOOC企画講座(理工・情報・ビジネス系) AI活用人材育成講座(活用講座事例集、活用・理論講座) 講座配信プラットフォームを絞り込み gaccoOpenLearning,JapanPlatJaM 配信プラットフォームとは 講座状態を絞り込み 開講中募集中受付終了 さら 400 users 2889 JMOOC @JmoocSecretary 【カテゴリーについて】#JMOOC の講座はその内容や提供機関によって、下記の3つにカテゴライズされています。サイトトップの「さらに絞り込み条件を設定する」→「JMOOCカテゴリーを

    「無料で他大学の講義が受けれちゃうという神サイト発見した」誰もが無料で世界中の大学の講座が受けられるサイト“JMOOC”が話題に 講座によってはオープンバッジを取得することも可能
  • Playwrightを使ったE2Eテストを導入した話 - Uzabase for Engineers

    はじめに こんにちは。ソーシャル経済メディア「NewsPicks」の QA/SET チームの海老澤です。 先日 弊社で E2E テスト実行するために Playwright を導入したため紹介させてください。 E2Eテストとは E2Eテスト(エンドツーエンドテスト)とは、ソフトウェア開発におけるテスト手法の一つで、アプリケーションが実際の運用環境と同様の条件下で正しく動作することを確認するためのテストです。 システムの開始点から終了点までを通じて、ユーザーの視点でアプリケーションのフローを追い、機能全体が連携して期待通りに動くかを検証します。具体的には、ユーザーが行うであろう一連の操作をシミュレートして、データがシステムを通じて適切に流れるかや、最終的なアウトプットが正しいかどうかを確認します。E2Eテストにより、部分的な単体テストや統合テストでは見逃されがちな問題を発見することができます。

    Playwrightを使ったE2Eテストを導入した話 - Uzabase for Engineers
  • 【C#】SpanとMemory - Annulus Games

    今回の記事はC#のSpan<T>とMemory<T>について。 現代のC#ではパフォーマンス向上のためにSpanが用いられる機会が非常に多くなっています。.NETでも多くのAPIがSpan<T>を受け入れるようになってきており、パフォーマンスに気を遣ってコードを書く場面ではもはやSpanの活用は必須と言えます。 また、C#ではSpanとは別に似たような型としてMemory<T>も存在しています。こちらは利用する上での制約がSpanと比べて少なく、Spanの代替として主にasyncメソッド内で用いられることが多いです。 そこで今回は、Span<T>やMemory<T>の利用方法や使い分け、またMemory<T>を適切に扱うための指針やIMemoryOwner<T>による所有権の管理についてまでをまとめていきたいと思います。基的にはSpan<T>の利用のみで事足りますが、Memory<T>が

    grasso0210
    grasso0210 2024/03/23
    参考になります!gj (^o^)b
  • ユーザー権限で systemd のサービスを稼働させる方法 - pyopyopyo - Linuxとかプログラミングの覚え書き -

    root権限ではなくて,一般ユーザ権限で systemd のサービスを登録&稼働させる方法です サービスの登録 systemdのサービスは「ユニットファイル」と呼ばれる設定ファイルに記述します. ユーザ権限で起動するサービスは ~/.config/systemd/user/ ディレクトリ以下にユニットファイルを配置します. 例えばサービス名を myjob とすると,ユニットファイルのファイル名は ~/.config/systemd/user/myjob.service となります. ユニットファイルの雛形 ユニットファイルの雛形です. [Unit] Description=my job service [Service] ExecStart=起動コマンド ExecStop=/bin/kill ${MAINPID} Restart=always [Install] WantedBy=defa

    ユーザー権限で systemd のサービスを稼働させる方法 - pyopyopyo - Linuxとかプログラミングの覚え書き -
  • 最も年収の高いプログラミング言語は? CAMELORSがランキングを発表

    ランキングは、同社の運営するフリーランス・複業・副業の求人マッチングサービス「SOKUDAN」に2024年1月2日までの直近1年間に掲載された求人案件2289件から抜粋された一部を対象にしている。単価と稼働時間から平均時給を計算し、その平均時給から1日8時間、月21日稼働で想定月収と想定年収を試算している。 ランキングによると、1位はGo年収1362万円、時給6755円となった。2位はKotlin年収1308万円、時給6489円。続く3位はPython年収1249万円、時給6197円)であった。 2024年エンジニア言語の年収ランキング フリーランス副業編 1位のGoは、高いパフォーマンスと並行処理の容易さにより、大規模なサーバーサイド開発で広く採用されている。Googleによって開発された同言語は「クラウドインフラストラクチャ」「マイクロサービス」「分散システム」の構築に適してお

    最も年収の高いプログラミング言語は? CAMELORSがランキングを発表
  • 【AviUtl】mp4を読み込み・出力する1番簡単な方法【プラグイン導入手順を丁寧解説】 - AKETAMA OFFICIAL BLOG

    についてどこよりもわかりやすく解説していきます! 超初心者用に出来るだけシンプルな方法を紹介しますので、『mp4って何…?』といった方でも手順を確認してもらえば大丈夫! 一緒にAviUtlでmp4に触れていきましょう! mp4ファイルって何?【わかりやすく】 mp4は動画ファイルの形式の一つです。 ファイルの圧縮率が高く、その上で高画質で、現在の動画形式の主流となっています。 YouTubeやニコニコ動画など、主流な動画サービスはもちろん、様々なアプリや機器でも用いられるため、mp4を抑えておけば、ある程度どんなことも出来るようになります。 AviUtlでmp4を読み込む方法 AviUtlでmp4を読み込むために、入力プラグイン「L-SMASH Works」というものを導入します。 mp4を読み込むためのプラグイン「L-SMASH Works」 AviUtlデフォルトの状態では「AVI」や

    【AviUtl】mp4を読み込み・出力する1番簡単な方法【プラグイン導入手順を丁寧解説】 - AKETAMA OFFICIAL BLOG
  • マルチタスクをやめて生産性を上げる4つの方法 | ライフハッカー・ジャパン

    マルチタスクはよいことだとこれまで私たちは思い込まされてきました。忙しいことはいいことだ、と。 数ある中毒のなかでも「忙しさ中毒」は唯一称賛に値するものとされてきました。 ところが、1つのことに集中するほうが、仕事人生の目標を達成したり、それを超えたりすることができるのです。 複数の事柄に同時に集中できる人もいなくはないでしょう。でも、なにもかもこなそうとするより、数少ないことに集中するほうが大半の人にとってはベストなのです。 より生産的に仕事をするためのヒントを4つご紹介しましよう。 1. パレートの法則とは 結果の8割は2割の行動から生じるということを発見した「パレートの法則」があります。 自分が何かをしている、成果を上げていると感じられるあいだは気分があがるのは確かですが、それが必ずしも成果につながっているとは限りません。 方向性の間違ったことをしている場合はなおのことです。自分が

    マルチタスクをやめて生産性を上げる4つの方法 | ライフハッカー・ジャパン
    grasso0210
    grasso0210 2024/02/09
    分かっちゃいるけどやめられないっ!(T_T) (弱い自分が情けないっ!)
  • 「無一文になった自分を助けてくれる仲間はいるか」アドラーが教えてくれる"信用と信頼"の決定的違い そして人間関係の悩みは一つもなくなった

    人間関係に役立つ理論 アドラー心理学の理論の中で、人間関係でとても役に立ったものが「認知論」です。 これは「人それぞれが自分の色眼鏡を通して物事を見ている」という考え方です。 「別の人に言われると腹が立たないのに、なんかこの人に言われると腹立つんだよなぁ」という経験がないでしょうか。私はあります……。 こう感じるのは自分の認知によるものです。 その人自身を「嫌な人」と思っているから、そのフィルターを通して、言動までもが嫌だと思えてしまうのです。 夫婦生活でも、新婚のときはパートナーが家事をしないということが気にならなかったのに、「家事をしないなんて許せない!」と考えが変わった人もいるのではないでしょうか。 事実は同じなのに、なぜ解釈が変わるのか。 それは自分の認知が変わっているからです。 大事なのは、事実と感情を切り分けて考えることです。 例えば、「何回も遅刻してくる友人にイライラしている

    「無一文になった自分を助けてくれる仲間はいるか」アドラーが教えてくれる"信用と信頼"の決定的違い そして人間関係の悩みは一つもなくなった
  • 「Elixir」と「Clojure」はどう使い分ける? 両言語の歴史から選定のポイントまで解説

    「Elixir」と「Clojure」はどう使い分ける? 両言語の歴史から選定のポイントまで解説:選定に影響を及ぼす4つの要素とは TechTargetは、「ElixirとClojureの違い」に関する記事を公開した。JavaScriptPythonほどではないが、大規模関数型プログラミングの世界ではよく知られているElixirとClojureの特徴を紹介する。

    「Elixir」と「Clojure」はどう使い分ける? 両言語の歴史から選定のポイントまで解説
  • はてなブックマーク(とEvernote)からRaindrop.ioへの切り替え - 誰がログ

    はじめに 集約前のブックマークの使い方 集約後(今)のブックマークの使い方 はてブからRaindropへブックマークを移す Raindrop(有料プランの機能含む)の使い勝手 ブラウザやObsidianとの連携 おわりに はじめに Evernoteの有料プランをやめてメモ・記録用のツールをObsidianに完全に切り替えたことと合わせて、2023年はブックマークの管理もRaindrop.io(以下「Raindrop」)に集約しました。個人的にはかなり大きな変化です。 raindrop.io 切り替えに合わせてRaindropを有料プランにしたのでその使用感についても簡単に書いておきます。 集約前のブックマークの使い方 Raindrop自体は無料プランで数年前からはてなブックマーク(以下「はてブ」)と併用していて、だいたい次のような使い方をしていました。 Raindrop:はてブ以外の場で保

    はてなブックマーク(とEvernote)からRaindrop.ioへの切り替え - 誰がログ
  • ミスを責めるとミスが増え、自己正当化がミスを再発する『失敗の科学』

    人はミスをする。これは当たり前のことだ。 だからミスしないように準備をするし、仮にミスしたとしても、トラブルにならないように防護策を立てておく。人命に関わるような重大なトラブルになるのであれば、対策は何重にもなるだろう。 個人的なミスが、ただ一つの「原因→結果」として重大な事故に直結したなら分かりやすいが、現実としてありえない。ミスを事故に至らしめた連鎖や、それを生み出した背景を無視して、「個人」を糾弾することは公正なのか? 例えば、米国における医療ミスによる死亡者数は、年間40万人以上と推計されている(※1)。イギリスでは年間3万4千人もの患者がヒューマンエラーによって死亡している(※2)。 回避できたにもかかわらず死亡させた原因として、誤診や投薬ミス、手術中の外傷、手術部位の取り違え、輸血ミス、術後合併症など多岐にわたる。数字だけで見るならば、米国の三大死因は、「心疾患」「がん」そして

    ミスを責めるとミスが増え、自己正当化がミスを再発する『失敗の科学』
  • セキュリティエンジニアを3年続けて分かったおすすめ勉強法

    セキュリティエンジニアとして就職してからそろそろ3年経ちます。独断と偏見に基づき、IT初心者・セキュリティ初心者・セキュリティエンジニアの3つの時期に分け、費用対効果の良い勉強法を紹介していきたいと思います。 セキュリティエンジニアとは 「セキュリティエンジニア」という言葉は範囲が広いですが、私が今回記載する内容は脆弱性診断やペネトレーションテストに寄った内容となっています。インシデント対応やアナリスト業務などは専門ではないので、あくまで診断系の人が書いているということをご認識おきください。 そもそもセキュリティエンジニアにどのような職種が含まれるかはラックさんが分かりやすい資料を出しているのでそちらをご覧ください(サイバーセキュリティ仕事ファイル 1、サイバーセキュリティ仕事ファイル 2)。 IT初心者時代 セキュリティを学ぶ以前に基礎となるITを学ぶ時代を考えます。 学校教育 学生の場

  • デキる部下の報連相とは? イラッとされないための5つのポイント - ミーツキャリアbyマイナビ転職

    ビジネスシーンでは常識とされる「報連相」。特に若手社員のうちは、あらゆる業務をスムーズに進めるうえで、上司への報連相が不可欠です。 しかし、報連相とは単純なようで難しく、ポイントを押さえていないと、業務でトラブルが起きたり、上司や周囲の人との信頼関係が損なわれたりすることもあります。 今回は、報連相の定義や重要性、入れるべき内容や注意点などを解説します。 <INDEX> ・報連相とは?定義と見落としがちな目的 ・報連相ができないとどうなる? ・報連相ができない原因・できない人の7つの特徴 ・報連相がうまい人が実践している5つのポイント ・報連相で気をつけたい4つのポイント ・対面orメール・チャットを報連相でどう使い分ける? ・デキる人はやっている?報連相から「確連報」へ ・まとめ:報連相はビジネスの基スキル 報連相とは?定義と見落としがちな目的報連相とは、30年以上前に生まれたビジネス

    デキる部下の報連相とは? イラッとされないための5つのポイント - ミーツキャリアbyマイナビ転職