並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 654件

新着順 人気順

ANTの検索結果1 - 40 件 / 654件

  • UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ~業務システムとSaaSのUIを考える

    デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上(2019年12月現在)ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

      UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ~業務システムとSaaSのUIを考える
    • Webフロントエンド入門

      まずはじめに HTML、CSS、JSを学んだ後にモダンなweb制作を行う上でこれから何を学べばいいだろうと手探り状態だった過去があるので、今同じ悩みを抱えている方に向けてこの記事を書こうと思いました。また、自分自身が2023年に多くのことを学んだのでそれの整理になればという思いもあります。 あと、いいね、コメントいただけると記事作成の励みになります😇 この記事の対象者 HTML, CSS, JSはある程度理解した モダンなWeb制作を行いたい これから学ぶべき技術 React, Next.js 一度は聞いたことある人も多いと思います。これは、Webサイトを効率的に開発することを目的に作られたJSのフレームワーク(正確にいうとReactはライブラリ)です。 ReactはFacebook社が開発したもので、それをVercel社がより使いやすくしたものがNext.jsです。 作成するものによっ

        Webフロントエンド入門
      • 青葉容疑者までポルノ的に消費すんなよ

        京アニ放火殺人事件容疑者に主治医・上田敬博が伝えたこと「俺はおまえに向き合う。絶対に逃げるな」(週プレNEWS) - Yahoo!ニュース https://news.yahoo.co.jp/articles/c23df430ad639ed9d2b7a9b7d220f3a9f4652226 https://b.hatena.ne.jp/entry/s/news.yahoo.co.jp/articles/c23df430ad639ed9d2b7a9b7d220f3a9f4652226 こんなのタイトル見た時点で「クッサ!」って眉毛びっしょりさせて鼻栓詰めてほしいんだけどな。 しかも(週プレNEWS)だぜ? ついにはてな民も週プレNEWSにマジレスするとこまで民度が落ちたんだな。 爆サイに来たかと思ったわ。 1.まず何なのこのインタビューとこの医師 そもそも殺人犯の治療に当たっただけの医師がなん

          青葉容疑者までポルノ的に消費すんなよ
        • OSS 観光名所を貼るスレ - ぽ靴な缶

          これは はてなエンジニアアドベントカレンダー2023 2日目の記事です。 はてなエンジニア Advent Calendar 2023 - Hatena Developer Blog はてなエンジニアのカレンダー | Advent Calendar 2023 - Qiita トップバッターは緊張するけど、順番が回ってくるまで長い間ソワソワするのも嫌、という理由で例年2日目を狙うようにしている id:pokutuna です。今年も成功しました。 観光名所とは 目を閉じれば思い出す、あのコード... あの Issue... あなたが Web 系のエンジニアであれ、趣味で開発している方であれ、必要に応じてライブラリやフレームワークのコードを読むのはよくあることでしょう。公開の場で開発されているソフトウェアは、ソースコードだけでなく、開発コミュニティでの議論やバグ報告なども見ることができます。 リポ

            OSS 観光名所を貼るスレ - ぽ靴な缶
          • 人はなぜ宗教を信じるように進化したのか|河田 雅圭

            本稿は、人が超自然的存在を信じたり、宗教を信仰したりするようになぜ進化したのかを、認知心理学、脳神経科学、遺伝学、進化学などの研究成果をレビューして、独自に考察したものです。 なぜこんなにも多くの人が宗教や超自然的存在を信じているのだろうか 正月、近所の神社に行くと、厄年を迎える人の生まれた年が大きく看板に書かれている。私は、宗教や神の存在は全く信じていないが、看板に書かれた年が自分の生年と一致していると、何の根拠もなく今年は病気に気をつけようとか、お守りぐらい買っておこうか、などと一瞬考えてしまう。これは、人を宗教にひきつける、人間の心理をついた「うまいやり方」である。将来への得体の知れない不安に対して、超自然的なものに頼ろうとする人間のもつ心理的特徴が宗教心を創り出しているのだろうと漠然と考えることができる。 現在、全世界の80%以上の人が宗教あるいは霊的な存在を信じているという(1)

              人はなぜ宗教を信じるように進化したのか|河田 雅圭
            • 新卒1年目が荒れ果てた開発環境に1年間でCIを導入し単体テストを布教した話 - Qiita

              この記事は 「Develop fun!」を体現する Works Human Intelligence Advent Calendar 2020 21日目の記事です。 昨日の記事は@sparklingbabyさんのStream API がもっとわかる記事でした。 あらすじ 私は2019年にWorks Human Intelligence(正確には分社前の会社)に新卒入社し、 19年10月からプロダクト開発部門に配属され、SETエンジニアとしてとある製品のJava開発環境の改善に取り組んでいます。 ざっくりとプロダクト開発を紹介するとこんな感じです。 3万クラス程度ある大規模Java Webアプリケーション 開発環境はEclipseを使用 開発者のOSはWindowsのみ Before 私が開発チームに参加した時点では 部門として新規開発に注力しており、足下の環境改善をやる担当者がおらず、 い

                新卒1年目が荒れ果てた開発環境に1年間でCIを導入し単体テストを布教した話 - Qiita
              • JavaScript ベスト・オブ・ザ・イヤー 2020 - Qiita

                2021 / 2020 / 2019 JavaScriptライブラリのトレンドを紹介しているbestofjs.orgが、2020年に最もホットであったJavaScriptライブラリのランキングを発表しました。 選考基準は現在のスター数ではなく、『2020年の一年間で増えたスターの数』です。 過去流行っていたけど落ち目となった技術は出てこないので、最近注目されている技術がわかります。 ちなみに2016年の総合ランキング1位はVue.js、2017年の総合ランキング1位はVue.js、2018年の総合ランキング1位はVue.js、2019年の総合ランキング1位はVue.jsです。 以下は2020年のランキング、2020 JavaScript Rising Starsの日本語訳です。 JavaScript ライジングスター 2020 5回目のJavaScript ライジングスターにようこそ! こ

                  JavaScript ベスト・オブ・ザ・イヤー 2020 - Qiita
                • また make の話してる(2020年9月14日) - なにもわからない

                  私の大好きな Makefile の話が盛り上がっていたのでまとめました。 「やめてね。」って方はお声がけください。 同じ会社にいるけど、真逆の感想を持っている。Makefile読まないと副作用が分からないし、Rakefile/package.jsonだけで済むのに無駄に1つレイヤ増えていて、Makefileできたときからいる人は楽だけど、途中から入った人にとっては学習コストが高い。 https://t.co/EXtmI3xl72— 神速 (@sinsoku_listy) 2020年9月13日 golangでMakefileを使うのは分かる。 ただ、RubyやNode.jsのリポジトリなら $ git clone xxx $ cd xxx $ bundle install && rake もしくは npm install && npm test で環境構築ができることを期待する。— 神速 (

                    また make の話してる(2020年9月14日) - なにもわからない
                  • 私が愛するフロントエンドのツールたち2023

                    自分がチームでフロントエンドの開発をするときの技術選定について書きます。 ログインしてユーザーごとに個別の情報を扱うことがメインのサービスを前提に書きます。 考え方 メンテナンス性の優れたものを選ぶ 制限が少ないものを選ぶ 余計なことに気を使わない 一気にいろんなことに挑戦しすぎない フレームワーク 正直に書くと最近は問答無用でNext.jsを選択しています。 慎重な性格なので、自分が責任を持って開発、運用するプロダクトであれば自分の経験値が高く、多くの課題をクリアできるNext.jsを選びます。 一部インフラの制約があるものの、ページごとにSSGやSSR、On-demand ISRなどができること、Reactの大きなエコシステムの恩恵を受けられることは非常に大きいです。 採用面でも現状Reactを扱える人は他のフレームワークを扱える人より多く感じます。 次点でCloudflare Wor

                      私が愛するフロントエンドのツールたち2023
                    • 知人の家に突然ガサが入った。他人事とは思えないので注意喚起の意味で書いておく「サバゲ、モデルガン好きは読んどいた方がいと思う」

                      へいたいあり@趣味垢 @sol_ant_ ガンマニアではなく、Gun enthusiastを目指してますw。まだまだ知らないことばかり、日々是勉強、勉強。 ※明確なエロ垢はもちろん、ツイート0及び鍵垢もブロックする場合があります。ご了承ください。 https://t.co/aLk89BKygB

                        知人の家に突然ガサが入った。他人事とは思えないので注意喚起の意味で書いておく「サバゲ、モデルガン好きは読んどいた方がいと思う」
                      • TypeScriptでWebサービス開発(Apollo Server/Prisma/Next.js etc...)

                        最近開発しているBtoB SaaSサービスの技術スタックを、RailsからNode.jsに移行した。 これにより、フロントエンドもバックエンドも全てをTypeScriptで統一することができた。 特にNode.jsのWebバックエンドの構成について、まだまだ世の中に知見が少ない気がしているので記事にしておく。 Webバックエンド - Node.js(TypeScript) Nexus/Apollo Server (Webサーバー) GraphQLサーバーとして、Apollo ServerのコードファーストなアプローチでのラッパーであるNexusを使っている。 Railsからの移行を決断できたのも、Apollo ServerとPrismaにより、外部との通信が型付きで、かつ開発体験よく書けるようになたから、というのが大きくある。 数年前の段階だと、素のexpressを使ってWebサーバーを立

                          TypeScriptでWebサービス開発(Apollo Server/Prisma/Next.js etc...)
                        • UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ~業務システムとSaaSのUIを考える

                          デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上(2019年12月現在)ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

                            UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ~業務システムとSaaSのUIを考える
                          • AWSアンチパターン集 AWS Expert Online 19

                            [レポート] AWS Data Exchange:クラウドでサードパーティのデータを簡単に見つけて購読する #ANT238 #reinvent | DevelopersIO (classmethod.jp)

                              AWSアンチパターン集 AWS Expert Online 19
                            • もぐらゲームス執筆陣の選ぶ 2023年おすすめフリゲ・インディーゲーム17選 – もぐらゲームス

                              2023年も様々なフリーゲームやインディーゲームが登場した。ゲームアツマールの終了や投票企画フリゲ20XXの最終回などフリーゲームを取り巻く環境には少なくない変化のあった1年だが、その中にあっても創作の灯は途絶えることなく続いていく。これからも人々を楽しませる作品が生まれてくることを願うばかりである。 本稿では、もぐらゲームスの執筆陣が、2023年にプレイしたゲームの中で特におすすめできるフリーゲーム・インディーゲーム17作品を一挙特集する。 各執筆者が2023年に遊んだ中で心に残った作品の数々を紹介していくので、気になった作品があればぜひ手に取って遊んでみていただきたい。 昨年の記事はこちら。 もぐらゲームス執筆陣の選ぶ 2022年おすすめフリゲ・インディゲーム19選 17に咲ク! 『17に咲ク!』はしょーへー90.9氏が制作したブラウザ上でプレイするRPG。2023年4月29日より同氏

                                もぐらゲームス執筆陣の選ぶ 2023年おすすめフリゲ・インディーゲーム17選 – もぐらゲームス
                              • GitHubのトレンドで振り返る2021年のJavaScript/TypeScript

                                今年も GitHub のトレンドで 2021 年の JavaScript/TypeScript を振り返ります。去年の記事はこちらです。 — GitHub のトレンドで振り返る 2020 年の JavaScript | WEB EGG 集計方法 GitHub トレンドは過去の履歴を公式に提供していないため、非公式に集計されたデータを利用しています。 データソースはlarsbijl/trending_archiveを使用 去年はxiaobaiha/github-trending-historyを利用したが今年のデータは無かったので変更 日ごとにまとめた markdown になっており、remark で AST→ データ化しました 集計期間は 2021/01/01 から 2021/12/15 まで 対象言語はJavaScriptとTypeScriptのみ 集計後のデータはこちらのスプレッドシー

                                  GitHubのトレンドで振り返る2021年のJavaScript/TypeScript
                                • "アイドルコンテンツ"から"クラブカルチャー"へ。オタクを置き去りにしたデレ7th名古屋レポート(前編) - 蟻を出し入れする穴

                                  え、申し訳ないけど今回のライブで低まったオタクはもう外に出るよりお家に籠もってPornhubに上がってるエロアニメでシコってる方が人生楽しめると思うよ……— アン卜P (@Ant_Ekko) 2019年11月10日 プロデューサーのみなさん、改めて「THE IDOLM@STER CINDERELLA GIRLS 7thLIVE TOUR Special 3chord♪ Funky Dancing!」2日間お疲れさまでした。 シンデレラガールズがカテゴリーの臨界点を超え、新しい世界へと踏み出した最高のライブだったと思います。 ただ、個人的には今年一番満足したライブイベントだと感じていたので、Twitter上で今回の公演に対する否定的な意見、所謂"お気持ち表明"が多数見受けられたことに、正直驚きを隠せませんでした。 ライブ直後こそ記事冒頭にあるツイートのような考えを持ちましたが、実際Twitt

                                    "アイドルコンテンツ"から"クラブカルチャー"へ。オタクを置き去りにしたデレ7th名古屋レポート(前編) - 蟻を出し入れする穴
                                  • Java IDEの使いやすさはIDEがどのようにJavaを知ってるかで決まりがち - きしだのHatena

                                    Java IDEにもいろいろあるけど、それぞれの特性としてIDEがどれだけJavaを知っているかということで決まるということをTwitterに書いたので、ちょっと具体的に書いてみます。 IDEの使いやすさについて、そのIDEがどれだけちゃんと言語を知っているか依存するんだけど、IntelliJ IDEAが一番Java言語を知っていて、NetBeansはJavaのエコシステムを知っていて、EclipseはJavaビジネスを知っている・・・ VS Codeはまとめサイトで見たレベルでJavaを知ってる感— きしだൠ(K8S(Kishidades)) (@kis) 2020年10月30日 ちなみに、全体としてNetBeans推しです。 使い分けとしてはこんなこと書いてます。 Java IDEの選び方 機能いらんけど使いやすくて安定したのがいい→IntelliJ IDEA CE 機能多いのがいいけ

                                      Java IDEの使いやすさはIDEがどのようにJavaを知ってるかで決まりがち - きしだのHatena
                                    • UX/UI Design: Growing List of Top Resources (last update 02/2023)

                                      A list of my favourite design resources. Everything that makes your life easier, from UX research to the perfect mockup. Instead of hiding it in the usual Google Doc, from now on it will live here on Medium and will be updated every time I find another little gem. So make sure to subscribe! By the way, this is not about quantity but quality. This list is from my personal point of view and everyday

                                        UX/UI Design: Growing List of Top Resources (last update 02/2023)
                                      • アリババの独自開発DB、オラクル抜き世界一に 20人の部隊から

                                        【10月13日 CNS】アリババ系ネット決済プラットフォーム「螞蟻金融服務(アントフィナンシャル、Ant Financial)」は2日、同社が独自に開発したデータベースのOceanBaseが、TPC-Cデータベース基準性能テストの世界記録を打ち破り、前世界記録保持者であるオラクル(Oracle)の2倍の成績を獲得した。データベースで最も権威性のある国際的機構「トランザクション処理性能評議会(TPC)」が公式サイトで最新結果を報じた。 【関連記事】アリババのAI運用、毎日1兆回 世界の10億人にサービス TPC-Cは世界の主流コンピューターメーカーやデータベースメーカーが認める評価基準で、「データベース領域のワールドカップ」と称される。 中国工程院(Chinese Academy of Engineering)院士でコンピューター専門家である李国傑(Li Guojie)さんは「オラクルが9年

                                          アリババの独自開発DB、オラクル抜き世界一に 20人の部隊から
                                        • 理想のフロントエンドテストをたずねて三千里 - カミナシ エンジニアブログ

                                          こんにちは。カミナシにて業務委託としてフロントエンドを担当している田村(@junkboy0315)です。皆さんはフロントエンドのテスト、どのように取り組んでいますか?フロントのテストはなかなか難しいですよね。 バックエンドのテストには、「入力、出力、永続化されたデータ」の3つを検証するという基本セオリーがあります。しかし、フロントエンドのテストは、その粒度や手法が多様で、とっつきにくいと感じる方も多いのではないでしょうか。 カミナシでもフロントエンドのテストは以前は十分とは言えない状態でしたが、これまで継続的に改善を重ねてきました。今回は、その変遷についてお話ししようと思います。 夜明け前 カミナシのコードベースでは、元々ユニットテストがある程度整備されていました。これらは主に複雑な計算処理を行い結果を返す関数などに対して実施されていました。 しかし、画面全体の機能を網羅する包括的なテスト

                                            理想のフロントエンドテストをたずねて三千里 - カミナシ エンジニアブログ
                                          • グッドパッチエンジニアが選ぶ、推しデザインシステム10選|Goodpatch Blog グッドパッチブログ

                                            生まれ変わったらデザインシステムになりたいと思っているくらい、デザインシステムが好きなエンジニアの乗田です。 僕の入社の経緯や業務内容についてはこちらからご覧いただけます! デザインシステムとは デザインシステムとは、ソフトウェアやグラフィックなどにおけるデザインの原則や指針と、それらを実現するための仕組みの集合体です。デザインシステムのメリットは、低コストで高速に一貫性のあるデザインを実現しやすくなるという点にあります。 一般的にデザイン原則にはタイポグラフィ・カラーシステムやボイス&トーンなどが含まれ、仕組みにはコードベースのUIコンポーネントやデザイントークンなどが含まれます。 しかしデザインシステムにおける必須要素の定義はありません。それ故にデザインシステムは、各組織にとって必要なデザイン原則やデザインアセットが集合した物と言い換えることもできるでしょう。 古い物ですと1975年に

                                              グッドパッチエンジニアが選ぶ、推しデザインシステム10選|Goodpatch Blog グッドパッチブログ
                                            • サービスメッシュ必読ガイド - 第2版: 次世代のマイクロサービス開発

                                              2016年頃「サービスメッシュ」という用語は、マイクロサービス、クラウドコンピューティング、DevOpsの分野に登場しました。楽天的なあるチームは、2016年にこの用語を使用して彼らの製品である Linkerd を説明しました。コンピューティングの多くの概念と同様に、実際には、関連するパターンとテクノロジーの長い歴史があります。 サービスメッシュの登場は、主に IT ランドスケープの最悪の状況によるものでした。開発者は、複数言語 (ポリグロット) アプローチを使用して分散システムの構築を開始し、動的なサービスディスカバリーを必要としていました。運用は一時的なインフラストラクチャの使用を開始し、避けられない通信障害を適切に処理し、ネットワークポリシーを適用したいと考えていました。プラットフォームチームは、Kubernetes などのコンテナオーケストレーションシステムの採用を開始し、Envo

                                                サービスメッシュ必読ガイド - 第2版: 次世代のマイクロサービス開発
                                              • Javaを使うなら知っておきたい技術、フレームワーク、ライブラリ、ツールまとめ

                                                Javaの開発と言っても、各種ミドルウェアやフレームワーク、ライブラリ、ツールなどが豊富にあり選択に悩むことは少なくないと思います。 そこで関連技術のインデックスになればと作成しました。 あくまで知っている範囲で記述しているので、コメントしてもらえれば随時追加します! すべてを書くと膨大な量になるため、現状採用が減ってきているものや、そもそもあまり採用されていないもの、後継があったり、類似のものと比較した場合に明らかに劣っているものは省いています。 ちなみにライブラリには高機能なものも多いので、分類は参考程度にご覧下さい。 サーバ系 Apache HTTP Server 世界中でもっとも多く使われているWebサーバ。 nginx フリーかつオープンソースのWebサーバで、処理性能・高い並行性・メモリ使用量の小ささに焦点を当てて開発されている。 Tomcat Java ServletやJSP

                                                  Javaを使うなら知っておきたい技術、フレームワーク、ライブラリ、ツールまとめ
                                                • ゼレンスキー氏主演コメディー放映権、世界各局が殺到

                                                  ウクライナのウォロディミル・ゼレンスキー大統領が俳優時代に主演したテレビドラマ「国民の奉仕者」の放映権管理会社エコー・ライツの最高経営責任者フレドリック・アフマルムボリ氏(右)と共同創業者ニコラ・ソダールンド氏。スウェーデン・ストックホルムにて(2022年3月9日撮影)。(c)Jonathan NACKSTRAND / AFP 【3月13日 AFP】ウクライナのウォロディミル・ゼレンスキー(Volodymyr Zelensky)大統領が、俳優時代に主演したコメディードラマ「国民の奉仕者(Servant of the People)」の放映権を求め、スウェーデンの首都ストックホルムの小さな企業に世界中から問い合わせが殺到している。 「とても忙しい。世界中から放映権を購入したいと連絡がある」と、放映権管理会社「エコー・ライツ(Eccho Rights)」の共同創業者、ニコラ・ソダールンド(Ni

                                                    ゼレンスキー氏主演コメディー放映権、世界各局が殺到
                                                  • 技術のトレンドと開発テクニックの知見を、無料で公開します! - Qiita

                                                    技術のトレンドと開発テクニックの知見を、無料で公開します! いかに無駄な努力をせず、効果的にトレンドに沿ったアプリ開発ができるかを研究してきました。 自分が一番知見のある、フロントエンドの分野中心に見解を述べたいと思います。 結論から言うと、 React, Next.js, Typescript, Tailwind, react-query, prettier, Stylelint, auth0, tRPC, Prisma, playwright, vscode, github actions, PostgreSQL, Terraform, Flutter これらの技術スタックが今後ますます流行り、開発体験の良いものになると思います。 最初にReactから述べます。 数年前は、React vs Vueの論争がありましたが、Reactが勝者に落ち着いたかと思います。 これは、Google T

                                                      技術のトレンドと開発テクニックの知見を、無料で公開します! - Qiita
                                                    • 夢中になった技術が「打ち込める仕事」になるまで ─ OSS検索エンジンの開発にコミットし事業にも貢献する - Findy Engineer Lab

                                                      はじめまして、 @mocobetaと申します。 パッケージソフトウェアベンダー、コンサルティング会社、Webサービス企業などを経て、現在は株式会社LegalForceというスタートアップの研究開発セクションでソフトウェアエンジニアをしています。 個人としては、Python形態素解析ライブラリjanomeを開発するとともに、OSS検索エンジンライブラリApache Luceneのコミッターをしています。ちなみに本記事のアイキャッチ画像は、絵師さんに描いてもらったjanomeのキャラクターです。とてもかわいく描いていただいて、お気に入りの1枚です。 この記事では、進路とエンジニアとしての力不足に悩んでいた私の若手時代から、10年(以上)の模索期間を経て、ライフワークにしたいと思える技術に出会い、なんとか好きな仕事で食べていけるようになるまでを振り返ります。アップダウンの激しいIT業界において、

                                                        夢中になった技術が「打ち込める仕事」になるまで ─ OSS検索エンジンの開発にコミットし事業にも貢献する - Findy Engineer Lab
                                                      • Reactベースのチャートツール選定(2022年版)

                                                        初めに 何気にzenn初投稿なのでお手柔らかにお願いいたします。 業務でReactを使用しており、チャートツールの導入を行う際に良さそうなライブラリを調査しました。 ※スター数は調査時点での数です サンプル実装 全部ではないですが、棒グラフを自分で実装してみました。参考にどうぞ。 調査基準(選定基準) Reactベースであること 定期的にメンテナンスがされていること スター数がある程度多いこと チャートが見やすいこと できることが多いこと(チャート数が多いこと) 開発していてモチベが上がりそうなこと(モチベ大事) 今回調査したライブラリ react-chartjs-2 [特徴] Chart.jsベースのコンポーネント スター数: 5.3k Ant Design Charts [特徴] G2Plot, G6, X6, L7Plotベース(これらが何かは知らない) スター数: 1.2k マップ

                                                          Reactベースのチャートツール選定(2022年版)
                                                        • GitHubのトレンドで振り返る2020年のJavaScript

                                                          れこです。この記事はNode.js Advent Calendar 2020の 12 日目の記事です。今回は年の瀬ということで酒の肴になりそうな記事を書きたいと思います。 本記事では 2020 年に GitHub のトレンドに上がったリポジトリをいくつかの切り口で集計して、独断と偏見で感想を付け加えます。 この記事を酒の肴に 2020 年の JS/TS について懐かしんでもらえたら幸いです。 集計方法 GitHub のトレンドは過去の履歴が残っていないので非公式に集計されたデータを利用しています。 集計期間は 2020/01/01 から 2020/12/05 までの 341 日間 対象言語はJavaScriptとTypeScriptのみ トレンドの過去データのソースはxiaobaiha/github-trending-historyを参照 日ごとにまとめた markdown になっており、

                                                            GitHubのトレンドで振り返る2020年のJavaScript
                                                          • めくるめく粗挽きWebブラウザエンジンの世界 - Qiita

                                                            EDIT: DOjS はp5.jsサブセットを実行できる MuJS ベースのJavaScript環境だ。DOM-less。 https://github.com/SuperIlu/DOjS EDIT: SerenityOSを忘れてた: http://serenityos.org/happy/1st/ 自作OSに自前ブラウザというかなりヤバいプロジェクト。ブラウザ部分は最近Qtなクロスプラットフォーム版が出来た https://awesomekling.github.io/Ladybird-a-new-cross-platform-browser-project/ 。 EDIT: Geckoとか ServoとかMosaic系列は省いてしまった。まぁみんな知ってるよね多分。そもそも粗挽きというよりはかなりmature productだし。。 2020 Web Milestones という記事で

                                                              めくるめく粗挽きWebブラウザエンジンの世界 - Qiita
                                                            • デザイナーがデザインツールを使わずに、React を使ってデザインした話 | MEDLEY Developer Portal

                                                              2020-06-19デザイナーがデザインツールを使わずに、React を使ってデザインした話メドレーのデザイナー酒井です。最近、JobMedleyからCLINICSに異動しました。 自分はデザインはもちろん、HTML/CSS/JS 実装してプルリク送ったりしているちょっとフロントエンド実装領域に軸足が寄ったタイプのデザイナーです。 ここでは以前所属していた JobMedley 事業部の話をさせていただきます。 当時、JobMedley の社内システムのリニューアルプロジェクトにデザイナーとして参加していました。通常、デザイナーがデザインをするときには Skecth や Figma のようなデザインツールを利用するのが一般的かと思います。 弊社でも基本的にはデザインツールでデザインを行うことが多いのですが、プロジェクトによっては、よりリアルなモックアップが必要なため、デザイナー自身がコーディ

                                                                デザイナーがデザインツールを使わずに、React を使ってデザインした話 | MEDLEY Developer Portal
                                                              • 本物のウェブアクセスログを使用した、機械学習による異常検知(全データ/ソースコード公開)

                                                                おまたせしました この度、ついにこの記事を完成させることができました。これは私が数年前からずっと書きたいと思っていた、ウェブのアクセスログに対する、機械学習を使った異常検知の実例です。私は事あるごとに(※1)「情報セキュリティ分野でもデータサイエンスの技術は非常に重要だ」と繰り返していますが、この記事の内容はまさにその1つの証となると思います。この記事で示される内容を見れば、「うわ、機械学習、マジでヤバイい(語彙力)んだな...」となるでしょう。以下に心当たりのあるセキュリティエンジニアはぜひ読んで、そして実践してみてください。 機械学習に興味はあるものの、どこから手を付ければよいのかイメージがわかない 本当にAIやデータサイエンス、機械学習がセキュリティの分野で役に立つのか、確信がもてない データサイエンスや機械学習は難しそうだと思っている ログ解析において、grepや単純な統計処理より

                                                                  本物のウェブアクセスログを使用した、機械学習による異常検知(全データ/ソースコード公開)
                                                                • JavaScript ベスト・オブ・ザ・イヤー 2019 - Qiita

                                                                  2021 / 2020 / 2019 GitHubで最もホットなライブラリをランキング表示してくれるbestofjs.orgというサイトがあります。 そしてここは毎年、その一年で最もホットだったライブラリを発表しています。 選考基準は『その年増えたスターの数』であり、恣意的要素の入る余地はありません。 ちなみに2016年の総合ランキング1位はVue.js、2017年の総合ランキング1位はVue.js、2018年の総合ランキング1位はVue.jsです。 以下は2019年のランキング、2019 JavaScript Rising Starsの日本語訳です。 JavaScript ライジングスター 2019 4回目のJavaScript ライジングスターにようこそ! 2019年にGitHubで最も注目を集めたプロジェクトを、数字で見てみましょう。 以下のチャートは、2019年の一年間にGitHu

                                                                    JavaScript ベスト・オブ・ザ・イヤー 2019 - Qiita
                                                                  • サービスメッシュ必読ガイド - マイクロサービス時代のサービス間通信管理

                                                                    このパターンには2つの背景があります。ひとつは、技術者がマイクロサービスアーキテクチャパターンを採用して、複数の(理想的には単一目的で、独立してデプロイ可能な)サービスで構成されるアプリケーションを開発するようになったことです。ふたつめは、企業がコンテナ(Dockerなど)、オーケストレータ(Kubernetesなど)、プロキシ/ゲートウェイ(Envoyなど)といった、クラウドネイティブなプラットフォームテクノロジを支持するようになったことです。 意図 サービスメッシュが解決しようとする問題は次のようなものです。 サービスディスカバリ、ルーティング、アプリケーションレベル(レイヤ7)の非機能通信要件を処理する言語対応の通信ライブラリを、個々のサービス用にコンパイルする必要性の排除 外部サービスのネットワークロケーション、セキュリティ認証、サービス品質(QoS)目標など、サービス通信設定の外

                                                                      サービスメッシュ必読ガイド - マイクロサービス時代のサービス間通信管理
                                                                    • 『鬼滅の刃』鼎談企画 歴史編(今井宏昌×嶋理人×髙橋優):戦間期の純情な感情|髙橋優

                                                                      ※本記事は『鬼滅の刃』の原作最終回までのネタバレを含みます。 原作未読の方はご注意ください。 (2024年2月18日追記) 本記事の剽窃が発覚しました。詳細はこちらの記事をご参照ください。 はじめに世のなかに鬼の族(うから)は多けれど 人にましてぞ鬼なるはなき ――ソポクレース『アンティゴネー』、第1スタシモン(Soph. Ant. 332-3) (日本語訳は文学研究者の長谷川晴生氏からのご提案に従った) このたび、漫画・アニメ文化にも造詣の深い歴史研究者の二人を招いて、大ヒットが続く『鬼滅の刃』に関するオンライン鼎談を実施した。『鬼滅の刃』はその内容に鑑みて、私一人の力では到底批評できない作品だと判断した。そこで、ある種の「共同研究」として、戦間期の歴史や文化に詳しい二人の専門家を交えて議論を尽くすことにした。三者三様の「言いたいことがあるんだよ」をお楽しみいただけますように。 参加者(

                                                                        『鬼滅の刃』鼎談企画 歴史編(今井宏昌×嶋理人×髙橋優):戦間期の純情な感情|髙橋優
                                                                      • Reactコンポーネントの基本原則と人気のUI/UXデザインライブラリの解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ

                                                                        Reactは単なるUIライブラリではなく、コンポーネントベースのアプリケーション開発フレームワークです。UI/UXデザインの基本原則に加え、再利用性や状態管理、データフローなどの概念も重要です。 Reactのコンポーネントベースのアーキテクチャを活用すると、UIと裏側のロジックを分離して管理しやすくなり、効率的なアプリケーションの開発が可能です。 今日は、Reactにおけるコンポーネントの基本原則の解説と、初心者に役立つReactコンポーネントライブラリの紹介を提供します。 コンポーネントの設計原則 UI(ユーザーインターフェース) UX(ユーザーエクスペリエンス) UIのデザインに役立つReact コンポーネントライブラリ React Material UI React-Bootstrap Fluent UI Chakra UI Semantic UI React Ant Design

                                                                          Reactコンポーネントの基本原則と人気のUI/UXデザインライブラリの解説 - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
                                                                        • ツイ主さんの絵を見た絵が上手い知人「ここの関節はこうは曲がらない、骨折してるじゃん」→ツイ主さんのパーフェクトな返答がコチラ

                                                                          ⛩ ANT ⛩ @wip_0011 知人の絵ウマ人(教職)が私の絵を見たらしく「ここの関節は本来こうは曲がらんけどお前の関節は曲がるの?骨折してるじゃん」って言われたんだけどいや本当その通り 本来なら曲がらないんですよ なのでお前の骨を折ります お揃いにしてやるよ 2021-02-09 01:37:03

                                                                            ツイ主さんの絵を見た絵が上手い知人「ここの関節はこうは曲がらない、骨折してるじゃん」→ツイ主さんのパーフェクトな返答がコチラ
                                                                          • 同人女さんの謝罪回文

                                                                            すごい文章だったので書き起こしてみた。 近年に起きました「公式画像使用」「70人アンソロ」ご騒動について、ご説明とお詫びの文面等をこちらへ綴らせて頂きました。 現在ご活動中にあられる制作現場の皆様やファンの皆様へご迷惑が及ばれませんように、懸命に考え纏めさせて頂きましたので、お目をお通し願えますと幸いでございます🙇‍♀️ pic.twitter.com/eZb06OkIMf— あんと (@ant_dq) October 25, 2019 「公式画像試用」「70人アンソロ」の立件でお目を注がれている皆様へは、 こちらのご説明とお詫び文が正式な発表となりましたら幸いにございます。 「公式画像」のTwitter上でのトレンド入り、 その後の即売会場でのご騒動については、 多くの第三者の同人ファン・原作のファンの皆様の 言動と行動力が伴った為に起きた自然現象でございました為に、 私個人の範疇では

                                                                              同人女さんの謝罪回文
                                                                            • 管理画面を作るフレームワークrefineを使って、Next.jsで管理画面を作ってみた | DevelopersIO

                                                                              管理画面って作るのめんどくさくないですか?そんなわけでrefineを使ってみました。 refineは、管理画面を作成するためのReactベースのフレームワークです。refineを使ってNext.jsな管理画面を作ってみました。 管理画面って作るのめんどくさくないですか? 管理画面は一般的に、データのCRUD(Create, Read, Update, Delete)が行えるデータの管理画面として使われることが多いです。 そうすると、一覧画面があって、データの登録画面があって、データの編集画面があって、データの削除画面があって、データの詳細画面があって…、という感じで大体似たような画面を作ることになります。 そういった手間を軽減するために、refine を試してみました。 refine は、管理画面を作成するためのReactベースのフレームワークです。 refine | Open-sourc

                                                                                管理画面を作るフレームワークrefineを使って、Next.jsで管理画面を作ってみた | DevelopersIO
                                                                              • 8歳の少年が「昆虫と植物の関係についての研究」を100年越しに覆す発見に貢献

                                                                                8歳の子どもが見つけたアリの行動が、1世紀以上にわたり続けられてきた昆虫と植物の相互作用に関する研究の見直しにつながる新発見だったことが分かりました。 Oak Galls Exhibit Ant Dispersal Convergent with Myrmecochorous Seeds | The American Naturalist: Vol 200, No 2 https://doi.org/10.1086/720283 Boy's discovery reveals highly complex plant-insect interaction https://phys.org/news/2022-09-boy-discovery-reveals-highly-complex.html ◆研究の発端 今回の新発見のきっかけは、当時8歳のヒューゴ・ディーンズ君が自宅の裏庭にあるアリ

                                                                                  8歳の少年が「昆虫と植物の関係についての研究」を100年越しに覆す発見に貢献
                                                                                • ヘリカルアンテナ 7Mhz - かんちゃんの笑う門には福来る!!

                                                                                  久しぶりにアンテナつくてみるよ! こんにちは、かんちゃんです。 20年ぶりくらいにアンテナ作ってみます(;^_^A リンク アンテナはアマチュア無線のですね。 拙者がアマチュア無線の免許をとった時は結構、頻繁にアンテナ作ってたのですが・・・・・最近は市販のアンテナばかり使ってました。 久しぶりにHF帯(短波帯)もやってみようかと思い始めてアンテナをヤフオクで検索してたら・・・・・ 意外や意外・・・・・結構な値段で取引されてて・・・・・ビックリ\(◎o◎)/! これなら自分で作った方が安いなと思い、アンテナ作り再開しました(;^_^A 昔、拙者が作ってた7Mhz帯のアンテナはセンターローディングアンテナを太い塩ビ管で制作してたのですが今回は8分の5波長のヘリカルアンテナに初めて挑戦してみます(^^) 材料は、ほとんど千葉県にある「ヤマワ」さんというところから買いました⇩ yamawa-ant

                                                                                    ヘリカルアンテナ 7Mhz - かんちゃんの笑う門には福来る!!