GitHub - google/typogramsYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
SOLID原則を理解し、JavaScriptで実践するためのガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
ソフトウェア開発者にとって、堅牢でテスト可能で拡張性があり、保守性の高いオブジェクト指向のソフトウェアシステムを設計することは重要です。 そこで登場するのがSOLID原則です。 SOLIDは、ソフトウェア開発中に生じるかもしれない特定の問題を解決するために5つの設計原則が組み合わさったセットです。 この記事では、SOLID設計の原則について詳しく学んでいきます。 具体的には、SOLID原則が何を意味しているのか、各部分がそれぞれ何を表しているのか、また実際のプログラム例を挙げながら現役のプログラマーが説明します。 さらに、JavaScriptを使ってこれらの原則を実装する方法も紹介します。 SOLID設計原則とは？ 単一責任原則 (SRP) Open/Closed原則 リスコフ置換原理 (LSP) インターフェース分離原則 (ISP) 依存関係逆転の原則 最後に SOLID設計原則とは？
勇気を持ってマイノリティになる。凡人ソフトウェアエンジニアが生きていくために選んだ道 - Findy Engineer Lab
たとえ今はメジャーでなく、どうなるか分からない技術であっても、仕組みとしての正しさに共感し、未来への可能性にワクワクさせられるなら躊躇せずに飛び込むべきではないか。現在のフロントエンド技術につながるコミュニティで早くからイベントの主催などをしてきた川田寛（@_furoshiki）さんに、20代で突き当たった大きな壁と、ブレイクスルーした体験を執筆いただきました。 インターネットがいかがわしくて飛び込めない…… いかがわしくない会社でインターネットに関われたものの コードはロジカルでもエンジニアはロジカルに動かない 落ちるところまで落ちたなら周りの評判は気にならない 先行者利益によって身に余るモテを得たものの いかがわしい何かへ全力で挑むことは難しい インターネットがいかがわしくて飛び込めない…… インターネットはただのオモチャだ。そんなふうに見られていた時代があります。 私が高校に入学した
｢ゲーム依存の子｣無理にやめさせることの大弊害
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
宝くじ当選者が「晒される」アメリカで起きている「社会的弱者」の悲劇（此花 わか）
アメリカでは「宝くじに狂わされた人々の悲劇」が様々なドキュメンタリー、TVドラマ、映画で描かれてきた。それは、宝くじ当選者が実名・顔出しで報道される“アメリカの常識”も関係しているのかもしれない。 6月23日より公開中の映画『To Leslie トゥ・レスリー』は、高額宝くじに当たった女性が酒に賞金を使い果たして人生のどん底に落ち、そこから這い上がる感動の物語だ。本作でも女性は当選したことを報道されており、なんと、脚本を担当したライアン・ビナコの母親の実話が元になっているのだという。 インディペンデント映画である本作は、2022年にアメリカ本国で公開されたときには単館公開で興行成績も約350万円ほどしかなかった。しかし、主演のアンドレア・ライズボローの名演がグウィネス・パルトロウやシャーリーズ・セロン、ケイト・ブランシェットなどに絶賛され、2023年度のアカデミー賞主演女優賞にノミネートを
Cocco、歌に疲れて「もう音楽はやらない」と決めても...新作が生まれた経緯 | radiko news(ラジコニュース)
J-WAVEで放送中の番組『RADIO SWITCH』。この番組は【Listen to the Magazine, Reading the Radio 雑誌を聴く、ラジオを読む。】をコンセプトに、カルチャーマガジン『SWITCH』、旅の雑誌『Coyote』、新しい文芸誌『MONKEY』の3つの雑誌とゆるやかに連動しながらお届け。 10月5日（土）のオンエアでは、『SWITCH』編集長・新井敏記による、Coccoへのインタビューの模様をオンエアした。 この番組をラジコで聴く ■デビュー20周年を迎えて、ファンに「許された」と感じた瞬間 Coccoは、15年ぶり3冊目の絵本『みなみのしまのはなのいろ』も刊行し、3年ぶり10枚目のアルバム『スターシャンク』もリリースした。 新井：アルバムタイトルの『スターシャンク』ってどういう意味？ Cocco：アクセサリーの作り方を習ったときに「シャンク」とい
大谷翔平の両親が、我が子の前で「絶対にやらなかった」意外なこと（週刊現代） @gendai_biz
子育てほど難しいことはない。親のちょっとした選択によって、子供の将来が大きく変わる可能性があるからだ。WBCでも目覚ましい活躍を見せた大谷翔平選手をはじめ、世界で活躍するあのスター選手の家庭は、いったいどんなふうに我が子を育てたのだろうか。 頭ごなしに怒らない、否定しないメジャーリーグを震撼させた大谷翔平（28歳）に限らず、'19年の全英オープンで優勝を果たした渋野日向子（24歳）や、フィギュアスケートの「絶対王者」羽生結弦（28歳）など、近年、世界のトップレベルで活躍する日本人アスリートが増えている。 ここぞという大舞台で本領を発揮できる彼らのメンタリティは、いかにして育まれたのか。 大谷ら多くの「超一流選手」の親を取材し、書籍『天才を作る親たちのルール』を著したスポーツライターの吉井妙子氏は、「両親たちの姿勢には共通点がある」と語る。 「それは、頭ごなしに怒らないこと、そして子供の考え
職場で私だけ飲み会に誘われないです。 私の職場では、私以外の同... - 教えて！しごとの先生｜Yahoo!しごとカタログ
貴女は、どんなタイプの方なんでしょうか？ まだ、お若い年齢なんでしょうね。 私が20歳代の頃は飲み会に良く誘われていました。 お付き合いしている方がおらず、 中間的な顔立ちでしたから、ちょうど良かったのかな（苦笑） その食事会は毎週、社歴の長い、とりまとめ的な幹事をする方がおられたので、その人が決めていました。 その食事会に来てない方が嫌われ者とは、思ってませんでした。 ですが、誘われてない人が、 辛いと思っているだろうとは、 誘われていた時は思っていませんでした。 ですが、毎週の食事会に参加していたのに、誘われないと、 あれ？今週誘われないな？ 何か嫌われたかな？とは思ってましたね。 みんなバラバラの部署で誰が誘われていたのかも気にしなかった。 今この投稿を拝見しましたら、数 人、自宅が遠く、車で会社に来ていた方は誘われていませんでしたね。 当時は、多分、誘っても迷惑だろうと気を遣って誘
CSS-in-JSのパラダイムシフト
2023年現在、Reactでは多種多様なスタイリング手法が用意されています。 代表どころで言うとCSS ModulesやTailwind、CSS-in-JSなどが有名です。筆者の個人的な好みでは、これらの選択肢の中でもCSS-in-JSを用いたスタイルが特に好きですが、CSS-in-JSライブラリ群の中にはランタイムでスタイリング処理がなされる為にパフォーマンス上の問題を抱えているとの指摘を受けているものもあり、最近は人気が下火になっているように感じています。 そこで本記事では、CSS-in-JSが生まれた背景から遡り、各ライブラリの内部実装を確認しながらそれぞれのライブラリの仕組み・メリット・問題点を明らかにし、CSS-in-JSのパラダイムシフトを追ってみたいと思います。 CSS-in-JSの登場 CSS-in-JSという言葉が最初に公の場で登場したのは、2014年にFacebookの
Reactを使うのかVueを使うのかについて個人的なモチベーションを整理したかった
本記事はあくまで執筆時点(2022/3/27)での一意見でありますので、今後時間や技術的な変化により参考にならない部分も出てくるかもしれません。 Reactはいいぞ、Vueはいいぞと様々な情報が世の中には溢れているものの、「こういう場合には」という前提条件にあまり言及されていない情報が多いような気がしたので自分なりの視点で考えてみたいと思いました。 また、SvelteやAngular等他のフレームワークもありますが、そちらは個人的にはよくわからないので、あくまでReactとVueについてだけ言及していきます。 私のフロントエンド経験と気持ちの変化 2018年くらいにReactを勉強し始める。 → Reactって難しい…。 2019年くらいにVueを学び始める。 → Vueって簡単！Reactよりわかりやすくてええやん！ 2020年くらいにNuxtの案件に参画する。 → Webフロントエンド
Next.jsを使うべき5つの理由 + 実装Tips - Qiita
目次 Next.jsの概要 Next.jsを使うべき5つの理由 Next.jsを使う上での問題点と解決法 まとめ -1. 宣伝 本記事を元にしたNext.jsの入門書、『基礎から学ぶ Next.js』を出版いたしました！ モダンJavaScript/TypeScriptの書き方からNext.jsの概要、さらに最新のReact 18/Next.js 13の内容までカバーしています。ハンズオンも豊富にあり、実際に手を動かしながらNext.jsでのアプリケーション開発を学べる内容になっています。 ハンズオンのコードは以下のリポジトリにあります。 0. TL;DR Next.jsはモダンかつ強力なフロントエンドフレームワークで、様々な長所を持っています。本稿の目的はそうしたポイントをご紹介し、Next.jsの利用を勧めることです。 1章ではまずNext.jsの概要について簡単にまとめます。 2章で
Nest.js cookie based JWT authentication
We started using Nest.js as the main framework for our Node + Typescript service development, mainly because it has built-in configurations and ready to use project structure baked in with Typescript integration. Most importantly it contains to build and linting scripts which are quite hard to get right from scratch and it’s just working out of the box there. At https://treescale.com we have been
【PoC編】XSSへの耐性においてブラウザのメモリ空間方式はLocal Storage方式より安全か？ - GMO Flatt Security Blog
はじめに こんにちは。 セキュリティエンジニアの@okazu-dm です。 この記事は、Auth0のアクセストークンの保存方法について解説した前回の記事の補足となる記事です。前回の記事の要旨をざっくりまとめると以下のようなものでした。 Auth0はデフォルトではアクセストークンをブラウザのメモリ空間上にのみ保存するin-memory方式であり、XSSへの耐性のなさ等の理由でlocalStorageで保存することを推奨していない しかし、XSSでアクセストークンを奪取できるのはin-memory方式でも同じのはず(検証は行いませんでした)。localStorage方式を過度に忌避する必要はないのではないか なお、Flatt Securityの提供するセキュリティ診断はAuth0に限らずFirebase AuthenticationやAmazon CognitoなどのIDaaSのセキュアな利用
ChatGPTと音声で会話できるiOSアプリ「ボイスAI」リリース
ChatGPTは、機械学習の大規模言語モデル（LLM: Large Language Model）と呼ばれる自然言語処理モデルを発展させたAIチャットボット。人とチャットをするような、自然な会話形式でのやりとりを可能としている。 関連記事 ChatGPTに「iPhoneとAndroidどちらがオススメなのか」聞いてみた OpenAIが開発した対話型サービス「ChatGPT」が話題を集めています。そこで、ITmedia Mobileでは、モバイルに関連する質問を投げかけてみることにしました。今回質問したのは「iPhoneとAndroid、どちらがオススメですか？」です。 ChatGPTはどこまで“使える”ツールなのか いろいろ質問してみて分かったこと OpenAIのAI言語モデルを活用したチャットサービス「ChatGPT」。簡単にいうと、膨大なデータを学習し、幅広い分野の質問に詳細な回答を即
Comparing Vue 3 form validation libraries: Vuelidate vs. FormKit | Bug Tracking Blog @ Bird Eats Bug
Vue3+Vuelidateでexternal validationsを試す
はじめに Vue3 + Vuelidateの構成で外部バリデーションエラーを表示するサンプルを作成します。 対象読者 Vue3やVuelidateを使用したことがある方 Vuelidateを使用してAPI側から受け取ったエラーを表示したい方 クライアントバリデーション、サーバーバリデーションを同じ場所に表示したい方 Vuelidateとは Vue向けのバリデーションライブラリです コントロールごとのバリデーションの指定やForm全体のバリデーション結果の確認などが出来ます 今回は$externalResultsを使用して外部エラーを取り込みます。 外部エラー取り込み時にバインディングしているプロパティを指定することで、そのプロパティのエラーとして認識されます。 動作環境 Node.js - 16.x Yarn - 1.22.x 使用ライブラリ vue - 3.2.x @vuelidate/
compositionAPIでyupとvee-validateを使ったバリデーションをする
はじめに yupとvee-validateを用いれば簡単にフォームのバリデーションを行うことができます。 ただvee-validateは非常に便利なバリデーションライブラリなのですが、compositionAPIを用いている場合の情報があまりなかったので記事にしてみました。 yupとは yupはJavaScriptでフォームのバリデーションルールを宣言的に記述することのできるライブラリです。 vee-validateとは vee-validateは「素早い」「柔軟」「実装が容易」といった多くの特徴を持つVue.jsのバリデーションライブラリです。 検証環境 vue 3.0.0 TypeScript 4.1.5 vee-validate 4.5.6 yup 0.32.11 プロジェクトの作成 vue-cliを用いてプロジェクトを作成します。 vue-cliのバージョンが4.5以上でないとvu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
少年サッカーの親必見!!子供の背が伸びない理由がわかった。身長を伸ばす方法とは？ | ユルい仕事術
2023年度 関東ユース（U-13）サッカーリーグ 全ブロック終了！12/23,24 1部AB･2部D結果更新！全ブロック優勝写真掲載URL記載！結果入力ありがとうございました！！
Where should I store my JWT token and what does httpOnly mean for a cookie?