並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 4819件

新着順 人気順

materialの検索結果81 - 120 件 / 4819件

  • 爆速のアイコン検索サイトを作った

    爆速のアイコン検索サイトを作ったので、遊んでみてください。 (1) まずは自分が使いやすいアイコン検索サイトを作りたかったので作りました。(2) 様々なアイコンを爆速で横断検索し、サクッとアイコンをコピーできるようにしました。単純ながら意外とその部分が面倒なサイトは多い気がします。(3) また応用とメンテがしやすい実装にして、非常にサポート範囲の広い DB を GitHub Pages 上で構築しました。公開時点では 120+ のアイコンセットと、130,000+ のアイコンをサポートしており、サポート数も観測範囲では No.1 です。 開発動機 アプリ/サイト開発ではまずお世話になるであろうアイコン。私はこれまで Material Icons と Bootstrap Icons ばかり使っていました。これは検索が面倒だったからです。検索が面倒だと知名度の高いものだけに閉じてしまうので、良

      爆速のアイコン検索サイトを作った
    • クレジットカード会社による経済的検閲を容認・歓迎してはならない | p2ptk[.]org

      Electronic Frontier Foundation Pornhubがユーザからアップロードされた膨大な動画を削除している。この措置は、Pornhubが未成年者や不同意女性の性的ビデオをホストしているとニューヨーク・タイムズ紙のコラムで批判された後に着手されたものだ。このタイムズ紙の記事を受けて、VisaとMastercardはPornhubとの関係を絶った。その結果、Pornhubは暗号通貨以外の決済方法を失うことになった。 性的搾取は、資源、教育、被害者支援、そして法の執行を必要とする社会的惨事である。だが、VisaとMastercardはこの問題に対応すべき当事者ではない。VisaとMastercardは、デジタルスピーチの複雑な問題を判断するスキルや専門知識を持ち合わせてはいないのだ。どのようなコンテンツがオンラインに存在すべきか、あるいはモデレーション・ポリシーが意図せず

        クレジットカード会社による経済的検閲を容認・歓迎してはならない | p2ptk[.]org
      • えっちな grep をつくった - はやくプログラムになりたい

        H(uman-friendly) な grep コマンド hgrep をつくりました. github.com '\w+ で検索した時の出力 ファイルを特定のパターンで検索し,マッチした箇所を構文ハイライトしたコード片で表示します.超ざっくり言うと,ripgrep で検索して bat でマッチ箇所付近を表示するような感じです. grep -C によるコンテキスト表示に似ていますが,マッチ行が近い時は1つのコード片にまとめる,周囲何行を表示するかをヒューリスティックに少し賢く決めているなど,ちょっと出力は工夫しています. 動機 手元のリポジトリでコードを検索する時は 単純に grep で検索してマッチ結果を眺める grep | fzf のように検索結果を fzf で絞り込んだりプレビューする vim $(grep -l ...) のように検索結果をエディタで開く あたりを使い分けているのですが

          えっちな grep をつくった - はやくプログラムになりたい
        • 「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog

          「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要

            「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog
          • 特別寄稿 インドに抜かれ「GDP5位」なぜ、日本は凋落一途か/中野剛志・評論家

            特別寄稿 インドに抜かれ「GDP5位」なぜ、日本は凋落一途か/中野剛志・評論家 日本だけが成長しなくなったのは、この30年間の政策担当者が誤った経済政策を行い、世界でも突出して愚かだったから。 2024年6月号 BUSINESS [失われた30年] by 中野剛志(評論家) 日本は、2023年のドル建ての名目国内総生産(GDP)でドイツに抜かれ、世界第4位に転落した。 世界第2位の地位を中国に明け渡したのは、2010年である。しかし、中国の場合は人口が日本よりはるかに多く、また高度成長期にあった。このため、人口減少局面にある成熟社会の日本が名目GDPで中国に凌駕されるのは仕方がないというような見方が、当時は、まだ大勢を占めていた。 しかし、ドイツの人口は8300万人と日本より少なく、人口が増加しているわけでもない成熟社会である。しかも、近年はドイツ経済も停滞が続いていた。特に23年はマイナ

              特別寄稿 インドに抜かれ「GDP5位」なぜ、日本は凋落一途か/中野剛志・評論家
            • 個人的PCまわりセットアップまとめ - Qiita

              これは何 備忘録も兼ねて、PCのセットアップで自分のやることをまとめてみました。 随時更新していく予定です。 VS Code VS Codeの環境設定 setting.jsonに下記を追加します。 内容はコメントで書いているので、詳細は省きます。 { "editor.fontSize": 12, // フォントサイズを変更 "editor.guides.bracketPairs": true, // 対応している括弧にガイドを表示する "editor.minimap.renderCharacters": false, // ミニマップに実際の文字を表示しない "editor.renderControlCharacters": true, // 制御文字を表示する "editor.renderLineHighlight": "all", // 現在の選択行をハイライトする "editor.r

                個人的PCまわりセットアップまとめ - Qiita
              • もうこれでSVGアイコンを探すときに困らない! 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes

                当ブログでもたくさんのSVGアイコンのライブラリを紹介してきましたが、それらのほとんどがひとまとめに閲覧・検索できる便利なサイトを紹介します。 複数のアイコンライブラリから探せるだけでなく、異なるライブラリのアイコンをまとめてアイコンフォントにもできます。矢印アイコンはMaterial Iconsで、ホームアイコンはBootstrapで、ということもできます。

                  もうこれでSVGアイコンを探すときに困らない! 無料で利用できるアイコンライブラリを横断検索できる便利サイト -Icônes
                • Learn Modern C++

                  This site contains an original, self-contained guide to learning the fundamentals of Modern C++, intended to be the basis of a self-study course. Some Chapters depend upon material presented in earlier ones, so studying them linearly is recommended. There are also regular posts (accessible from the front page) which cover topics or areas of C++ not covered in the course. If you have any queries or

                    Learn Modern C++
                  • 西川善司の3DGE:PS5の作り方、教えます。メカ設計担当者に聞いたこだわりの内部設計

                    西川善司の3DGE:PS5の作り方、教えます。メカ設計担当者に聞いたこだわりの内部設計 ライター:西川善司 2020年10月7日,ソニー・インタラクティブエンタテインメント(以下,SIE)は,その時点で未発売の次世代ゲーム機「PlayStation 5」(以下,PS5)の分解動画を公開した。製品の発売前に公式が,それも非常に詳しく内部を説明する動画を公開したとあって,かなり話題を呼んだものだ。未見の人は,まずこれを見てほしい。 鳳康宏氏 今回,この動画にてPS5の内部構造を紹介した鳳 康宏氏(ソニー・インタラクティブエンタテインメント PSプロダクト事業部 ハードウェア設計部門 メカ設計部 部長)にオンラインでインタビュー取材をする機会を得た。本稿では,取材で得られた情報をもとに,分解動画を見ただけでは分からない詳細部の解説を行いたい。 なお,鳳氏は,筐体デザインや内部構造設計,とりわけ冷

                      西川善司の3DGE:PS5の作り方、教えます。メカ設計担当者に聞いたこだわりの内部設計
                    • モバイルアプリ開発は、Flutter一択なのか?

                      こんにちは! Tetsukick(菊池哲平)です。 2020年11月現在、インドネシア(PT.AQ Business Consulting Indonesia)でモバイルアプリ開発の技術顧問をしております。 iOS歴5年、Flutter歴1年。個人でもアプリ開発してます。 本記事の対象読者 モバイルアプリ開発者 Flutterの今後の可能性を知りたい方 モバイルアプリ開発案件を検討中で技術選定をされている方 本記事のタイトルが気になる方 序 今回インドネシアでモバイル開発の技術顧問をさせていただく中で、Flutterの提案から導入までを実施し、実際に導入に至ることができましたので、その過程で用いた技術的根拠等々をシェアいたします。 実際に非技術者に対しても提案をしましたので、そのままお使いいただくことも可能かと思います。 PPT素材が必要な方いましたらTwitter_@tpi29までDMい

                        モバイルアプリ開発は、Flutter一択なのか?
                      • 今甦る真月譚,新生「月姫R」クリエイターインタビュー。奈須きのこ&BLACK両氏が語る世界の裏側,そしてこれから

                        今甦る真月譚,新生「月姫R」クリエイターインタビュー。奈須きのこ&BLACK両氏が語る世界の裏側,そしてこれから 編集部:touge ライター:菅(Suge) 123→ 「月姫」新生――。 Fateシリーズをはじめ,TYPE-MOON作品に魅せられた多くのファンが待ち望んだリメイク作「月姫 -A piece of blue glass moon-」(PS4 / Switch,以下,月姫R)が,2021年8月26日に発売された。 伝説の同人ソフトとして名を馳せ,数多くのフォロワーを生み出した伝奇ノベルゲーム「月姫」。20余年の時を経て,その物語を現代に甦らせた本作は,ファンの期待に応えるクオリティだと反響を呼んでいる。 本稿ではその作品世界にさらに深く踏み込むべく,シナリオを手がけた奈須きのこ氏へのインタビューをお届けする。またインタビューの後半では,スクリプトを担当したBLACK氏にも同席

                          今甦る真月譚,新生「月姫R」クリエイターインタビュー。奈須きのこ&BLACK両氏が語る世界の裏側,そしてこれから
                        • Kaggleで戦いたい人のためのpandas実戦入門 - ML_BearのKaggleな日常

                          はじめに 自分は元々pandasが苦手でKaggleコンペ参加時は基本的にBigQuery上のSQLで特徴量を作り、最低限のpandas操作でデータ処理をしていました。 しかし、あるコードコンペティションに参加することになり、pythonで軽快にデータ処理をこなす必要が出てきたので勉強しました。 そこで、当時の勉強メモをもとに「これだけ知っていればKaggleでそこそこ戦えるかな」と思っているpandasの主要機能をまとめました。 注記 実戦入門 のつもりが ほぼ辞書 になってしまいました orz pandasとはなんぞや的な内容は書いていません (import pandasやDataFrameとは何かなど) pandas1.0系でも動くように書いたつもりですが間違ってたらすみません 目次 はじめに 注記 目次 Options DaraFrame 読み書き CSVファイル 読み込み 書き出

                            Kaggleで戦いたい人のためのpandas実戦入門 - ML_BearのKaggleな日常
                          • Unity歴5年の僕がUnreal Engineをこれから学びたい人向けの記事を書く - Qiita

                            のようなイメージでしょうか? C++がないプロジェクトでは、これらのファイル群をバージョン管理しましょう。 ProjectName Config Content ProjectName.uproject 逆に Intermediate Saved といったディレクトリは中間ファイルやキャッシュにあたるので、バージョン管理しないようにしています。 BluePrintとC++ ブループリント(BluePrint)はUE4のビジュアルスクリプトプログラミングするための機能だけでなく、BluePrint ActorとしてUnityのPrefabのような機能も持っています。(Prefab機能についてはこの記事では割愛し、プログラミング機能のみに述べます) BluePrint = PrefabのようなActor複製機能とPlayMakerのようなビジュアルスクリプトプログラミング機能 C++ = C#

                              Unity歴5年の僕がUnreal Engineをこれから学びたい人向けの記事を書く - Qiita
                            • 画像生成AIを利用して生成したコンテンツを自社サービスで利用する際に注意すべき事項 | STORIA法律事務所

                              1 画像生成AIを含む生成系AIとビジネス ビジネス領域において、画像生成AIを含む生成系AI技術が利用される場面は大きく分けると2つあるように思います。 1つはユーザー側で利用する場面、つまり「生成系AIを利用して生成したコンテンツを自社プロダクトで用いる場合」、もう1つはベンダ側で提供する場面、つまり「生成系AIのモデルそのものや当該モデルをベースとするアプリケーションを開発・提供する場合」の2つです。 もちろん、企業によっては「自社で生成系AIツールを開発し、当該ツールを用いて生成したコンテンツを自社プロダクトで用いる」ということもあるでしょう。その場合は2つの領域双方にまたがった検討が必要です。 (1) 生成系AIのモデルそのものや当該モデルをベースとするアプリケーションを開発・提供する場合 生成系AIのモデルそのものや、当該モデルをベースとするアプリケーションをベンダ・サービサー

                                画像生成AIを利用して生成したコンテンツを自社サービスで利用する際に注意すべき事項 | STORIA法律事務所
                              • アンチパターンから考えるアプリケーションデザインの理想形|Goodpatch Blog グッドパッチブログ

                                デザインパターン (design pattern) とは、過去のデザイナーたちが見つけた経験則的な型に対して名前をつけ、型の再利用性を高めやすくしたものです。ソフトウェアデザインの世界(特に、プログラミングの領域)においてはプログラム構造の設計パターンのことをまさに “デザインパターン” を呼び、これを共通の知識として積極的に取り入れています。 これに対しアンチパターン (anti-pattern) とは、必然的に否定的な結果に至る型を指します。アンチパターンもデザインパターンの一種と捉えこれを知識に蓄えておけば、設計の過程でどのような結果に至るのかを事前に予測することができるし、失敗を未然に防ぐことも可能となります。 今回は、アプリケーションデザインにおける典型的なアンチパターンをいくつか紹介します。 アプリケーションデザインの定義 ここでの「アプリケーションデザイン」の言葉は、以下の意

                                  アンチパターンから考えるアプリケーションデザインの理想形|Goodpatch Blog グッドパッチブログ
                                • サーバーレスでclubhouse みたいなボイスチャットサービス「mixroom」を開発しました - y-ohgi's blog

                                  TL;DR clubhouse のような複数人でのボイスチャットサービス「mixroom」をつくりました 主にSkyWay・Firebase・Next.js を使いました。 https://mixroom.fun 「mixroom」 とは mixroom は"目的ベース"でボイスチャットをする場所を提供するサービスです。 昨今は人と話す機会が減り、友好関係も自分から能動的に獲得しにいかないと減るばかりで「孤独感を感じる」みたいなことが増えてきました。 そんなとき、ふらっと立ち寄れるなんの気構えしなくて良い場所があればなと思い、このサービスを作ってみました。 ボイスチャットをするモチベーションを"特定の人"ではなく、ゲーム・実況・もくもく会などの"目的"にすることで良い意味で言い訳ができ、人とのつながりを感じることができるんじゃないかなと考えています。 気構えしなくてよい・カジュアルに参加で

                                    サーバーレスでclubhouse みたいなボイスチャットサービス「mixroom」を開発しました - y-ohgi's blog
                                  • モダンな要件定義手法「RDRA」をRPGゲーム風にカスタマイズして説明してみた - Goodpatch Tech Blog

                                    この記事はGoodpatch Advent Calendar 2022 18日目の記事です。 ソフトウェアエンジニアの 池澤です。 ここ最近はテクニカルディレクションとして仕事に関わることが増えました。その中で要件定義を作ったりデザイナーとエンジニアの橋渡しをする機会が多く、メンバーみんなが同じゴールを認識して制作できるようなより良い要件定義方法はないものかと探していました。 今回はそんな中で見つけたモダンな要件定義手法の一つ、RDRA(ラドラ)について、理解しやすくなるコツやカスタマイズしている内容についてお話しします。 なお、RDRAの詳細解説をするととても書ききれませんので、RDRA本体の詳細については公式サイト等をご参照ください。 RDRA(ラドラ)とは? 概要 RDRAのバージョン これまでの要件定義でよくある問題 期待される要件定義の姿 公式サイト おすすめの学び方 実際のRD

                                      モダンな要件定義手法「RDRA」をRPGゲーム風にカスタマイズして説明してみた - Goodpatch Tech Blog
                                    • Google 公式ウェブ開発者向けリソースのご紹介

                                      .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                                        Google 公式ウェブ開発者向けリソースのご紹介
                                      • React でデザインシステムを正しく実装する - コンポーネントカタログを超えて | Wantedly Engineer Blog

                                        Wantedly でバックエンドのテックリード的なやつをやってる @izumin5210 です。半年くらい前から取り組んでいた、UI デザインシステムの React 実装について紹介します。ソフトウェアの設計としても非常にエキサイティングだったので、ライブラリ作ったりするのが好きな人なども楽しんでもらえると思います。 TL;DRWantedly の UI デザインシステムは「WantedlyのUIをデザインする上での共通の考え方とツール&アセット」でありエンジニアとデザイナが効率よくコミュニケーションするための共通言語となるデザインシステムを (Web) Frontend に持ち込む際は、単なるコンポーネントカタログではなく、システムが定義するものと同じレベルの抽象を持つライブラリ・フレームワークとして実装することで、より有効性を発揮するこの話が気になった(Web・モバイル問わず)フロント

                                          React でデザインシステムを正しく実装する - コンポーネントカタログを超えて | Wantedly Engineer Blog
                                        • Androidの父、とんでもない縦長端末を披露! - すまほん!!

                                          Androidの父ことAndy Rubin氏は、Twitter上にて、見たこともないほど縦長の端末を披露しました。 背面は角度によって宝石にように色を変える光沢素材が採用されています。 GEM Colorshift material pic.twitter.com/QJStoiDleH — Andy Rubin (@Arubin) October 8, 2019 筐体に合わせ、とんでもなく縦長のディスプレイを搭載。UIも最適化されています。縦長に合わせたアプリケーションランチャーと、地図アプリを確認できます。 Andy Rubin氏はGoogle退社後に設立した企業Essential社で、いち早くノッチを採用したEssential Phoneをリリースしていました。最近のXperiaも21:9で攻めていますが、それをも上回るほど縦長ですね。 縦長に合いそうなUIといえば、縦方向にスクロール

                                            Androidの父、とんでもない縦長端末を披露! - すまほん!!
                                          • 待機状態のUIについて整理してみる(デザイン編)

                                            Introduction 概要 待機状態 UI のデザインについての記事です。 待機状態 UI というのは、ローディングや情報の処理待ち時に用いられる UIのことです。ここで待機状態の UI と読んでいる理由は、各デザインシステムやガイドラインなどで言い方が違うため、今回はこのように言及させてください。 この記事では、既存のデザインガイドラインや既存のデザインシステムから待機状態の UI の概観、デザインにおいて考慮することをまとめます! ベストプラクティスを提案するわけではなく、作成する際、配慮することを頭に入れて思考できる記事にします。 背景、課題感 WebFront-end における各 UI の実装を行おうと考えているが、実装する際、ビジネス側やデザイン側と実装する UI について話し合って作ることが多いです。 小さなプロジェクトだと、デザイナーがいない事も多く、Front-end

                                              待機状態のUIについて整理してみる(デザイン編)
                                            • デザインに適したアイコンがこれで見つかる! UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer

                                              Bootstrap, Material Designのアイコンをはじめ、Feather, heroicons, tabler iconsなど、人気が高いUIデザイン用のアイコン素材をまとめてカスタマイズ・ダウンロードできるIconerを紹介します。 当ブログでもこれらのアイコン素材を紹介してきましたが、すべてを一覧できるので、比較して自分にぴったりのアイコン素材を見つけることができると思います。また、アイコンのダウンロードも簡単なので、非常に便利です。

                                                デザインに適したアイコンがこれで見つかる! UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer
                                              • BudouX: 読みやすい改行のための軽量な分かち書き器

                                                .app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads

                                                  BudouX: 読みやすい改行のための軽量な分かち書き器
                                                • UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ

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

                                                    UIデザイナーが知っておきたい海外の優れたデザインシステム17選 | ベイジのUIラボ
                                                  • プロダクト間共通の React コンポーネントライブラリを運用する話 - SmartHR Tech Blog

                                                    こんにちは、 フロントエンドエンジニアの @nabeliwo です。 弊社には SmartHR というプロダクトの他に SmartHR の従業員 DB を利用して開発・提供される SmartHR Plus アプリ (以下、 Plus アプリ)というものがあります。 SmartHR CTOが語る中長期戦略。徹底的なアプリ開発とAPI対応で「プラットフォーム化」促進へ - SmartHR ガイド 既に多くの Plus アプリがリリースされており、そのほとんどのプロダクトのフロントエンドは React x Redux という技術スタックで構成されています。 オンライン雇用契約 カスタム社員名簿 ラクラク人事レポート etc Plus アプリは毎回新規でプロジェクトを立ち上げて開発していくことになります。 とはいえブランディングの観点から見ると、基本的なトンマナや UI パーツは SmartHR

                                                      プロダクト間共通の React コンポーネントライブラリを運用する話 - SmartHR Tech Blog
                                                    • 【レポート】インフラエンジニアは働かない~AWSのフルマネージドサービスでメンテフリーになるまで~ #AWSSummit | DevelopersIO

                                                      DA事業本部の春田です。 AWS Summit Online絶賛開催中!ということで、本記事では「CUS-60: インフラエンジニアは働かない~AWSのフルマネージドサービスでメンテフリーになるまで~」の内容についてまとめていきます。 セッション情報 株式会社カプコン システム開発部 中村 一樹 氏 株式会社カプコン システム開発部 中島 淳平 氏 DL数500万を超える大型タイトル、モンスターハンターライダーズ。 メンテフリー、省コスト、最先端、をテーマにしたカプコン史上最大のインフラアーキテクチャはどの様に設計され、どう運用されているのか。コンテナって実際どうなの、Kubernetes?ECS?RDBMSを使わずしてサービスを提供することは可能?大量アクセスにより生成されるログを安全に回収するにはどうする?実際に運用してみた経験や事例を踏まえて、カプコンの考えるクラウドネイティブ時代の

                                                        【レポート】インフラエンジニアは働かない~AWSのフルマネージドサービスでメンテフリーになるまで~ #AWSSummit | DevelopersIO
                                                      • GraphQL Pokémon を使って楽しく学ぶ GraphQL クエリ - kakakakakku blog

                                                        GraphQL クエリを学ぶ場合,気軽に使える API があると便利だと思う.よく見るのは GitHub GraphQL API や Star Wars API だけど,個人的に Star Wars の映画を観たことがなく,データの理解が難しいため,良さそうな API を探していた.すると,GitHub で公開されている「GraphQL Pokémon」を発見した.GraphQL で「ポケモン(第一世代)」のポケモンを検索することができる.これは楽しそう!さっそく試してみた. github.com クエリ環境 GraphQL Pokémon には GraphiQL コンソールがあり,ブラウザから簡単にクエリを実行できる. https://graphql-pokemon.now.sh/ https://graphql-pokemon2.vercel.app/ 個人的には GraphQL Pl

                                                          GraphQL Pokémon を使って楽しく学ぶ GraphQL クエリ - kakakakakku blog
                                                        • If you’re not using SSH certificates you’re doing SSH wrong

                                                          If you’re not using SSH certificates you’re doing SSH wrongUpdated on: June 8, 2023 SSH is ubiquitous. It's the de-facto solution for remote administration of *nix systems. But SSH has some pretty gnarly issues when it comes to usability, operability, and security. You're probably familiar with these issues: SSH user experience is terrible. SSH user on-boarding is slow and manual. Connecting to ne

                                                            If you’re not using SSH certificates you’re doing SSH wrong
                                                          • Linux Performance

                                                            static, benchmarking, tuning: sar, perf-tools, bcc/BPF: bpftrace, BPF book: Images license: creative commons Attribution-ShareAlike 4.0. This page links to various Linux performance material I've created, including the tools maps on the right. These use a large font size to suit slide decks. You can also print them out for your office wall. They show: Linux observability tools, Linux static perfor

                                                            • Vue/Nuxt開発効率を3倍にするVSCode拡張機能セット - Qiita

                                                              この記事を読むと VSCode拡張機能を入れて、下記のようなことが実現します ・VSCodeとは別にterminal(Command Line)の画面を開かなくても、VSCode内から直接terminal操作ができる(例えばnpm run devも) ・全てのカッコ()[]{}が種類別に色分けされる ・インデントが一眼で分かる ・htmlタグの開始タグと終了タグを同時に修正できる ・Vue.jsやNuxt.jsの構造やファイル操作が楽になる etc... なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、Vue.jsやNuxt.jsを用いて開発している方にとっては最も有力な選択肢でしょう(そして、その選択は間違いではないと保証できます)。 さて、VSCodeはそのままでも素晴らしいエディタですが、使用するフレームワークや用途に応じて拡張機能を入れるとさらに、そ

                                                                Vue/Nuxt開発効率を3倍にするVSCode拡張機能セット - Qiita
                                                              • 新規事業開発での技術選定の意思と意図 (フロントエンド編) - Sansan Tech Blog

                                                                こんにちは、関西支店で新規事業開発室に所属するソフトウェアエンジニアの加藤です。Bill Oneという新規サービスの開発に携わっています。 バックエンド編の続きとして、フロントエンドで私たちが使用している技術やライブラリを振り返って、どんな意志と意図があるかを確認していきます。 Bill Oneは今年の1月ごろにピボットし、それまで開発してきたフロントエンドを全て捨て、1から作り直しました。ピボットの際に改めて技術選定を行い、それまで使っていたライブラリ等を見直したので、本稿ではピボット前後で変化した箇所を中心にフロントエンドの技術選定を紹介します。 前提 改めて前提です。私たちのチームで開発しているBill Oneは今年の5月にローンチしたばかりのサービスで、チームのエンジニアは5名です。開発しているアプリケーションはSingle Page Application (SPA) で、エンジ

                                                                  新規事業開発での技術選定の意思と意図 (フロントエンド編) - Sansan Tech Blog
                                                                • Next.js + Vercel + Cloudflare Workers KV + Googleスプレットシートで寄付管理サービスを作った

                                                                  Next.js + Vercel + Cloudflare Workers KV + Googleスプレットシートで寄付管理サービスを作った philan.netという寄付の予算を決めて寄付した記録をつけるウェブサービスを作ったので、この記事では技術的な部分の解説をします。 philan.net自体については、次の記事で解説しています。 寄付をするために、寄付の予算と寄付の記録をSpreadSheetベースでつける philan.net というサービスを作った | Web Scratch この記事では、Next.js + Vercel + Cloudflare Workers KV + Googleスプレットシートを使って動いているphilan.netについて解説します。 あと検証中にCloudflare Workersを色々いじったのでそれについても書いていきます。 Idea phila

                                                                    Next.js + Vercel + Cloudflare Workers KV + Googleスプレットシートで寄付管理サービスを作った
                                                                  • インド首相ネルーが「日本が300万人という尊い命を犠牲にして戦ってくれたお陰で、我々は独立できた」との発言はあり得ない - 電脳塵芥

                                                                    インドのネール首相から「日本が300万人という尊い命を犠牲にして戦ってくれたお陰で、我々は独立できた」 という書き込みをツイッターで見ました。……怪しい。こういった「名言」はデマも多く、そしてそのデマをまとめて書籍にしたり、ネットの有象無象に書き込まれたりするのですが、上記発言を検索すると全然出てこない。現状、グーグル、ツイッター、5ch過去ログを見た限り、下記の3つのツイートのみです。なお「ネルー」、「ネール」とこの記事では表記が揺れていますが、一般的には「ネルー」の方が多いようなので基本的には「ネルー」、デマ発言の引用の際には「ネール」と記述しています。 https://twitter.com/2cnVN0qBlipIR7U/status/1058248483814039552 https://twitter.com/PNFBLRp1Ulm4pGh/status/12944794092

                                                                      インド首相ネルーが「日本が300万人という尊い命を犠牲にして戦ってくれたお陰で、我々は独立できた」との発言はあり得ない - 電脳塵芥
                                                                    • Flutterアプリにおける、過不足ない設計の考察🎅

                                                                      Photo by Hush Naidoo Jade Photography on Unsplash「一般的なモバイルアプリ」の設計全般において、特に何に気を付ける必要があるか、あるいは逆にあまり気にしてなくても良いのではと思うことなどを述べていきます。 (…のつもりでしたが、後者含めると1記事に収めるの困難で、最後にさらっと触れつつ別記事で手厚く書きたいところです🤔) ここでの「一般的なモバイルアプリ」は規模観点では以下程度のイメージですが、それを超えるような規模でも通ずる内容も多いと思っています。 コード量: 数万〜十数万行実装者: 一桁人種類としては(スマホ向けの)クライアントアプリコードであり、以下などではないです。 パッケージ・ライブラリではないサーバーサイドではないこの種類によって適切な組み方はけっこう変わり、アプリコードは依存関係の末端側(基本的に依存される側にはならない)な

                                                                        Flutterアプリにおける、過不足ない設計の考察🎅
                                                                      • スタートアップの小規模Webサービスのリアルな技術スタック - Qiita

                                                                        はじめに プレースホルダというスタートアップのWebエンジニア兼マネージャーのAkahoriです。 弊社はエンジニアは10人以上いるものの、Webエンジニアは私含め3人ほどです。 3人のWebチームで、どのような理由で、どのような技術を使っているか、苦労している点などを共有します。 サービス概要 先月、リトルスパークというサービスをリリースしました。 子ども向けの、オンラインでの習い事プラットフォームで、先生と生徒をマッチングしています。 技術的にはいくつかの特徴を持ち、今回サンプルとして解説します。 授業はライブ授業のみで、お互いにZoomで行います。 ZoomのIDは弊社で管理し、先生側、生徒側、双方が参加ボタン1つで参加できるようになっています。 コース登録(審査有り)や日程登録、プロフィール更新などは全て先生が行うため、その仕組みがあります。 言語・フレームワーク・ライブラリ サー

                                                                          スタートアップの小規模Webサービスのリアルな技術スタック - Qiita
                                                                        • 訳文;「そこにはなんの報酬もありません。このゲームが何を為していてどう機能しているのか、ただただ見ていたかったのです」ジェンキンズ、カーソン、ホッキング、『Outer Wilds』へつづく2,3の論考 - すやすや眠るみたくすらすら書けたら

                                                                          翻訳の秋が今年もきました。また去年みたく面白い記事をいくつか見つけて勝手に紹介したいところです! 去年アップした『訳文;「"好奇心駆動型の冒険"とでも言うべき特殊なタイプの冒険に報酬を与えるゲームをつくりたい、それが『Outer Wilds』の主目的です」A・ビーチャム氏の論文より』で翻訳紹介した論考のなかで、参照文献として挙げられていた文献のうち2つ、ヘンリー・ジェンキンズ著『GAME DESIGN AS NARRATIVE ARCHITECTURE(物語による建築物としてのゲームデザイン)』とボニー・ルバーク取材『Clint Hocking Speaks Out On The Virtues Of Exploration(クリント・ホッキングが語る冒険の美徳)』。別記事1つ、ドン・カーソン著『Environmental Storytelling: Creating Immersive

                                                                            訳文;「そこにはなんの報酬もありません。このゲームが何を為していてどう機能しているのか、ただただ見ていたかったのです」ジェンキンズ、カーソン、ホッキング、『Outer Wilds』へつづく2,3の論考 - すやすや眠るみたくすらすら書けたら
                                                                          • カヲルの「好きってことさ」はNetflix版『エヴァ』配信21カ国でどう翻訳されたか? - さめたパスタとぬるいコーラ

                                                                            カヲルの「好きってことさ」というセリフが旧来英語版で「I love you.」と訳されていたのに、新しくNetflixで配信されたバージョンでは「I like you.」と訳され、海外のエヴァファンが怒っているらしい。 そこでさっそくNetflixで配信されている国々でカヲルのセリフがどうなっているのか調べてみた。結論からいうと、「好き」は18カ国(日本含む)、「愛してる」は4カ国。愛してるとなっていたのはトルコ、フランス、ポーランド、ポルトガルだった。 アラビア語などは書き写すことすら困難なので、「Subadub」というChrome拡張機能を活用。字幕をGoogle翻訳にコピペして調べた(訳が曖昧だった場合は個別辞書で調べた)。おまけとして、全言語版の該当箇所の会話を記事の最後に貼っておいた。 これはアラビア語版 いろいろ意見はあるだろうが、翻訳者にとっても原語(=日本語版)の「好きって

                                                                              カヲルの「好きってことさ」はNetflix版『エヴァ』配信21カ国でどう翻訳されたか? - さめたパスタとぬるいコーラ
                                                                            • 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
                                                                              • 検索チャットボット狂想曲:ChatGPTに翻弄されるGoogleのご乱心 | p2ptk[.]org

                                                                                検索チャットボット狂想曲:ChatGPTに翻弄されるGoogleのご乱心投稿者: heatwave_p2p 投稿日: 2023/2/262023/2/26 Pluralistic 真に驚くべきことは、検索の未来が関連資料へのリンクではないとMicrosoftが判断したことではない。検索の未来が虚言癖のあるチャットボットが吐き出した華美なパラグラフにあると判断したことだ。さらに注目すべきは、Googleもそれに同調していることである。 Bingに何十億ドルと費やしてきたのに、見向きもされてこなかった。その意味では、バカをやらかしたほうが成功の可能性はあるのかもしれない。だが、世界の検索シェアの90%以上を占める独占企業のGoogleが、なぜMicrosoftと同じ崖から飛び降りなきゃならないのか。 この件に関して、ダン・ホンのMastodonスレッドが実におもしろかった。彼はBingとGoo

                                                                                  検索チャットボット狂想曲:ChatGPTに翻弄されるGoogleのご乱心 | p2ptk[.]org
                                                                                • Building Protocols with HTTP

                                                                                  Workgroup: HTTP Internet-Draft: draft-ietf-httpbis-bcp56bis Obsoletes: 3205 (if approved) Published: 22 March 2022 Intended Status: Best Current Practice Expires: 23 September 2022 Author: Building Protocols with HTTP Abstract Applications often use HTTP as a substrate to create HTTP-based APIs. This document specifies best practices for writing specifications that use HTTP to define new applicati