並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 876件

新着順 人気順

SWITCH STYLEの検索結果1 - 40 件 / 876件

  • Google TypeScript Style Guide

    // Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r

    • Command Line Interface Guidelines

      Contents Command Line Interface Guidelines An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day. Authors Aanand Prasad Engineer at Squarespace, co-creator of Docker Compose. @aanandprasad Ben Firshman Co-creator Replicate, co-creator of Docker Compose. @bfirsh Carl Tashian Offroad Engineer at Smallstep, first e

        Command Line Interface Guidelines
      • Qiitaの質問に答えまくって気付いた初心者に足りないバグ解決スキル - Qiita

        ここのところちょっと時間に余裕があり、暇を見つけてはQiitaの質問に答えるという取り組みをやっています。以前StackOverflowでも同様の取り組みをちょっとだけしてたことがあります。 9日間で35個の質問に回答してみて、正直に思うのは「質問の質が悪すぎるなー」ということです。ただ、どう質が悪いのか上手く言語化できず悶々としていました。 そんな折、今朝googleのおススメ記事に飛び込んできたQuaraのこちらの回答を読んで、「これこれ!こういうことよ!」という気持ちになったため、これから質問する人に向けてこの内容を少し嚙み砕いてまとめてみます。 ベテランはどうデバッグをしてるのか (自分をベテランと言っていいのかはさておき)日頃からコードを書いていると、デバッグには、その時使っている言語やフレームワークによらず、ある程度の行動パターンがあることに気付いてきます。 デバッグには難しい

          Qiitaの質問に答えまくって気付いた初心者に足りないバグ解決スキル - Qiita
        • Browser Dev Tools: The Ultimate Guide 🔥

          Contents (Click to expand) ↕️ Design Mode Pretty Print Command Pallet and Super Search Snippets Live Expressions Tracking Changes Console Shorthand Find Unused Code Rendering Panel Network Paint Times Network Timings Inspect Network Requests Performance Identifying Memory Leaks Raw Memory Inspection Test bfcache Full Refresh Lighthouse Page Size Breakdown Record User Flows Advanced User Flow Opera

            Browser Dev Tools: The Ultimate Guide 🔥
          • 雑にReactアプリを作りたい時に使ってるもの

            import "./App.css"; import { Link, Route, Switch } from "wouter"; function Nav() { return ( <nav> <Link to="/">Home</Link> <br /> <Link to="/about">About</Link> </nav> ); } function Home() { return ( <div className="App"> <h2>Home</h2> <Nav /> </div> ); } function About() { return ( <div className="App"> <h2>About</h2> <Nav /> </div> ); } function App() { return ( <> <Switch> <Route path="/" compo

              雑にReactアプリを作りたい時に使ってるもの
            • 脅迫ファクス事件で男2人を逮捕 送信30万件超 「恒心教」を自称:朝日新聞デジタル

              ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                脅迫ファクス事件で男2人を逮捕 送信30万件超 「恒心教」を自称:朝日新聞デジタル
              • ひさしぶりにzshに戻りました - ちなみに

                仕事用のマシンをM1 MacBook Proに交換してもらったので、開発環境を整え直しました。 2年ほど fish を使ってきたのだけれど、普段は良いのだけれど、ちょっと自動化したくなったときに、やはりPOSIX準拠じゃないシェルはなかなか難しかった。macOSの標準も zsh になったことだし、久しぶりに戻ってみることにした。 導入 現代なので XDG Base Directory Specification に乗っかっておくことにする。 Arch Linux の Wiki がよくまとまっていて助かるのでこれを参考にして進めた。 zshの場合は ZDOTDIR を指定するといいのだけれど、これをどこで指定するのかという問題がある。zshの起動時に最初に読み込まれるユーザー設定は ~/.zshenv なのだけれど、ここに ZDOTDIR を書くということは .zshenv だけホームディレ

                  ひさしぶりにzshに戻りました - ちなみに
                • Single Page Applications using Rust

                  WebAssembly (wasm) allows code written in languages other than JavaScript to run on browsers. If you haven’t been paying attention, all the major browsers support wasm and globally more than 90% of users have browsers that can run wasm. Since Rust compiles to wasm, is it possible to build SPAs (Single Page Applications) purely in Rust and without writing a single line of JavaScript? The short answ

                    Single Page Applications using Rust
                  • Frontend Study #1: 基調講演 - Frontend 領域を再定義する

                    Front-End Study #1「Cloud Native時代のフロントエンド」 - connpass の発表内容のテキスト版です。 発表に載せられなかった参考資料集 StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share The "Developer Experience" Bait-and-Switch - Infrequently Noted JavaScriptよ。文明を捨て、自然に還れ。 ::ハブろぐ Deno - A secure runtime for JavaScript and TypeScript Rome Toolchain Blitz.js - The Fullstack React Framework | Blitz.js ⚡️ Prisma - Da

                      Frontend Study #1: 基調講演 - Frontend 領域を再定義する
                    • 2022年の「テレビ」を並べる - 飲用てれび

                      2022年もテレビをたくさんみました。そんなテレビを振り返る意味で、2022年のテレビで見聞きした「テレビ」という言葉を含む発言を並べてみました。 テレビをみるときにつけている書き起こしのメモを「テレビ」で検索し、ピックアップし、羅列しています。毎年やっています。 inyou.hatenablog.com テレビのなかの「テレビ」をめぐる群像劇。矛盾したり予期せぬところでつながったりする言葉をただ時系列順に並べることで、テレビのいろんな側面が浮かび上がってきたら。そんな狙いがあったりします。いや、本当はそんな狙いはないですけど、なんだかおもしろいなと思うのでやっています。 ということで、以下、2022年の「テレビ」を並べる。敬称略で。もちろんバラエティ方面や芸人方面への偏重などいろいろバイアスありで。 岸井ゆきの「私、地上波のアンテナが折れてて。折れててつかないから、テレビつけたらFire

                        2022年の「テレビ」を並べる - 飲用てれび
                      • Webデザインの種明かし、コピペできる最新HTML/CSSスニペット30個まとめ

                        この記事では、Webデザインの引き出しを増やす、コピペで使える最新HTML/CSSスニペットをまとめてご紹介します。 Codepenで話題となっているものを中心に、今後のデザイン制作に活用したいアイデアがずらり揃った今回。新しいウェブデザインの可能性を感じるものばかりとなっています。 Webの進化が止まらない、コピペ可な最新HTMLスニペット40個まとめ CSSコピペで完成!押したくなるWebボタンデザインまとめ Webデザインの引き出しを増やす、コピペできる最新HTMl/CSSスニペットまとめ 「Run Pen」をクリックすることで読み込みが開始されます。右下に表示された「Return」で再読み込みし、左上のHTML/CSS/JSタブを切り替えることで、それぞれのスタイリングを確認できます。実際にカスタマイズしたいときは、右上の「Edit on Codepen」をクリックしましょう。 画

                          Webデザインの種明かし、コピペできる最新HTML/CSSスニペット30個まとめ
                        • 2021年の「テレビ」を並べる 飲用てれび

                          2021年もテレビをたくさんみました。そんなテレビを振り返る意味で、2021年のテレビで見聞きした「テレビ」という言葉を含む発言を並べてみました。 私のTwitterアカウント(@inyou_te)でテレビ番組の書き起こしをしているのですが、そのメモのなかから「テレビ」という言葉を含む発言をピックアップし、羅列しています。毎年やっている企画です。 テレビのなかの「テレビ」をめぐる群像劇。矛盾したり予期せぬところでつながったりする言葉をただただ時系列順に並べることで、テレビのいろんな側面が浮かび上がってきたら。そんな狙いがあったりします。いや、本当はそんな狙いはないですけど、なんだか面白いなと思うのでやっています。 ということで、以下、2021年の「テレビ」を並べる。敬称略で。もちろんバラエティ方面や芸人方面への偏重などいろいろバイアスありで。 明石家さんま「俺らタレントやから、テレビに出る

                            2021年の「テレビ」を並べる 飲用てれび
                          • GitLabで1クリックアカウント乗っ取りが可能だった脆弱性から学ぶ、OpenID Connect実装の注意点 - Flatt Security Blog

                            はじめに こんにちは。株式会社Flatt Securityセキュリティエンジニアの森(@ei01241)です。 最近は認証や認可に際してOpenID Connectを使うWebサービスが増えていると思います。「Googleアカウント/Twitter/Facebookでログイン」などのUIはあらゆるサービスで見かけると思います。しかし、OpenID Connectの仕様をよく理解せずに不適切な実装を行うと脆弱性を埋め込むことがあります。 そこで、突然ですがクイズです。以下のTweetをご覧ください。 ⚡️突然ですがクイズです!⚡️ 以下の画面はOAuth 2.0 Best Practice上は推奨されないような実装になっており、潜在的リスクがあります。https://t.co/bXGWktj5fx どのようなリスクが潜んでいるか、ぜひ考えてみてください。このリスクを用いた攻撃についての解説記

                              GitLabで1クリックアカウント乗っ取りが可能だった脆弱性から学ぶ、OpenID Connect実装の注意点 - Flatt Security Blog
                            • よくあるWeb制作の悩みをCSSで解決!最新テクニック40選まとめ

                              この記事では、普段のホームページ制作で直面しがちな課題を解決するCSSテクニックをまとめて紹介しています。 クライアントからの要望も多いCSSの小技テクから、「これがCSSだけでできるの?」と疑いたくなるような最新の使い方まで、実例やサンプル用ソースコードと一緒に確認できます。 ここで紹介されているCSSテクニックを利用すれば、これまで頭を抱えていた問題や課題も、一発で解決できるかもしれません。 コンテンツ目次 1. 入力フォームをカスタマイズしたい 2. ナビゲーションメニューを使いやすくしたい 3. ボタンを目立たせたい 4. リンク用エフェクトにこだわりたい 5. スクロールバーをサイトの色で統一したい 6. ドロップシャドウの影にもこだわりを 7. グラデーションをビンテージ風にしたい 8. CSSで要素を中央寄せする5つの方法 9. ブラウザごとのデザインのずれを防ぎたい 10.

                                よくあるWeb制作の悩みをCSSで解決!最新テクニック40選まとめ
                              • 匿名化システム使うネット犯罪 立件の鍵は「聖地巡礼」で残した痕跡:朝日新聞デジタル

                                ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                  匿名化システム使うネット犯罪 立件の鍵は「聖地巡礼」で残した痕跡:朝日新聞デジタル
                                • jQuery 4.0.0 BETA! | Official jQuery Blog

                                  jQuery 4.0.0 has been in the works for a long time, but it is now ready for a beta release! There’s a lot to cover, and the team is excited to see it released. We’ve got bug fixes, performance improvements, and some breaking changes. We removed support for IE<11 after all! Still, we expect disruption to be minimal. Many of the breaking changes are ones the team has wanted to make for years, but co

                                  • Secrets from the Algorithm: Google Search’s Internal Engineering Documentation Has Leaked

                                    Watch Our Google Algorithm Leak Webinar Replay Google, if you’re reading this, it’s too late. Ok. Cracks knuckles. Let’s get right to the Google algorithm leak. Internal documentation for Google Search’s Content Warehouse API has been discovered. Google’s internal microservices appear to mirror what Google Cloud Platform offers and the internal version of documentation for the deprecated Document

                                      Secrets from the Algorithm: Google Search’s Internal Engineering Documentation Has Leaked
                                    • TabFS

                                      Going through the files inside a tab's folder. For example, the url.txt, text.txt, and title.txt files tell me those live properties of this tab (Read more up-to-date documentation for all of TabFS's files here.) This gives you a ton of power, because now you can apply all the existing tools on your computer that already know how to deal with files -- terminal commands, scripting languages, point-

                                        TabFS
                                      • 混乱を引き起こしがちなGitの用語まとめ

                                        分散型バージョン管理システムのGitは2005年の登場以降シェアを伸ばし続け、2022年の調査では約94%のユーザーに利用されるほど一般的なツールとなっています。Gitにはさまざまな機能が搭載されていますが、その中で特に混乱を引き起こしがちな用語について、Gitを15年近く使用してきたというジュリア・エヴァンスさんが解説しています。 Confusing git terminology https://jvns.ca/blog/2023/11/01/confusing-git-terminology/ ◆HEADと「heads」 HEADは現在チェックアウト中のブランチやコミットを指しており、「.git/HEAD」に保存されています。一方「.git/refs/heads」に保存されているのはブランチで、「heads」は「branches」と読み替えればOKとのこと。 ◆detached HE

                                          混乱を引き起こしがちなGitの用語まとめ
                                        • Connect: A better gRPC

                                          Today we're releasing Connect, a slim framework for building browser and gRPC-compatible HTTP APIs. Connect is production-ready — focused, simple, and debuggable — and it's fully compatible with gRPC clients and servers. If you're frustrated by the complexity and instability of today's gRPC libraries, we think you'll find Connect a breath of fresh air. connect-go is available now under an Apache 2

                                            Connect: A better gRPC
                                          • コードとビジュアルの双方向編集なエディタを試作して ビジュアルプログラミングについて考えてみた

                                            ノーコードは形を変えた現代の RPG ツクールなのではないか - mizdev の記事では、ノーコードのビジュアルプログラミングが発展性を欠く理由として、次の理由を挙げました。 汎用的なビジュアルプログラミング基盤(Scratch みたいなものではなくプロユースなもの) ↑ 上でのビジュアル環境でのデータベースのグラフ構造のビジュアル化手法 ↑ 上でのビジュアル環境でのパイプラインのビジュアル化手法 ↑ 上での UI とデータと UI のマッピングのビジュアル化手法 これらを隠蔽してオートスケールするマネージレスなインフラ基盤(これはパイプライン実装の中身) で、こんなものを作った話 現代の Intellisense + Formatter 感覚 TypeScript の補完と、保存の度に prettier をバリバリに効かせた状態でプログラミングをしていると、そもそも自由文脈でコードを書

                                              コードとビジュアルの双方向編集なエディタを試作して ビジュアルプログラミングについて考えてみた
                                            • Release v3.0.0 One Piece · vuejs/core

                                              Today we are proud to announce the official release of Vue.js 3.0 "One Piece". This new major version of the framework provides improved performance, smaller bundle sizes, better TypeScript integration, new APIs for tackling large scale use cases, and a solid foundation for long-term future iterations of the framework. The 3.0 release represents over 2 years of development efforts, featuring 30+ R

                                                Release v3.0.0 One Piece · vuejs/core
                                              • ドメインやサブドメインを調査する話(前編) | 技術者ブログ | 三井物産セキュアディレクション株式会社

                                                気がついたら数年ぶりのBlog投稿でした。お手柔らかにお願いします。 さて、今回取り上げるのは、ドメインやサブドメイン、保有ネットワークを調査する手法(相手方に影響を与えない縛りです)を思いつくままに紹介していきます。ドキュメントとして纏まっているものもあまり見かけなかったので、重い腰を上げて書いてみました。この他にもこんな方法がある!などフィードバックを頂ければとても喜びますので、是非よろしくお願いします。 目次 <後編> ・サブドメインを調査する方法 ・IPアドレスを起点にサブドメインを探す ・公開ポートへのアクセス(Webポート) ・<通常コンテンツの返却> ・<エラーページの返却> ・<リダイレクト> ・公開ポートへのアクセス(Webポート以外) ・証明書の確認 ・<Webサーバの場合> ・<SSL/TLSで保護されたプロトコルの場合> ・<プロトコル内で暗号化(STARTTLS)

                                                  ドメインやサブドメインを調査する話(前編) | 技術者ブログ | 三井物産セキュアディレクション株式会社
                                                • 2020年の「テレビ」を並べる - 飲用てれび

                                                  2020年もテレビをたくさんみました。そんなテレビを振り返る意味で、2020年のテレビで見聞きした「テレビ」という言葉を含む発言を並べてみました。 テレビ番組の書き起こしをしている自分のツイッター(@inyou_te)を「テレビ」で検索して、編集したものを羅列しています。毎年やっている企画です。 予期せぬコロナ禍に見舞われたテレビの中の「テレビ」をめぐる群像劇。矛盾したり予期せぬところでつながったりする言葉をただただ時系列順に並べることで、テレビのいろんな側面が浮かび上がってきたら。そんな狙いがあったりします。 ということで、以下、ご長寿からバーチャルユーチューバーまで、2020年の「テレビ」を並べる。敬称略で。もちろんバラエティ方面や芸人方面への偏重などいろいろバイアスありで。 出川哲朗「いまYouTuberの人たちどんどんテレビ出てるもんね。あの、あの……カテキン」 『笑神様は突然に…

                                                    2020年の「テレビ」を並べる - 飲用てれび
                                                  • にゃるら氏に聞く,「NEEDY GIRL OVERDOSE」に込めたディープな想い。幸せな結末は存在しなくても,あなたの思う幸せはあるかもしれない

                                                    にゃるら氏に聞く,「NEEDY GIRL OVERDOSE」に込めたディープな想い。幸せな結末は存在しなくても,あなたの思う幸せはあるかもしれない 編集部:早苗月 ハンバーグ食べ男 カメラマン:増田雄介 ワイソーシリアスは本日(2022年1月21日)18:00,同社のゲームレーベル・WSS playgroundから「NEEDY GIRL OVERDOSE」をSteamで発売した。価格は1680円(税込)。 本作は,ちょっぴり心の弱い女の子・あめちゃんと同棲しているピ(“彼ピ”や“プロデューサー”などの概念を包括する語。必ずしも男性ではない)となり,あめちゃんを人気配信者とすべく育成していくシミュレーションゲーム。あめちゃんは一見すると控えめな性格に思えるものの,ワガママかつ意地が悪いうえ感情の起伏が激しい女の子で,配信時は衣装やウィッグにより“超絶最かわてんしちゃん”へと変身する。 あめち

                                                      にゃるら氏に聞く,「NEEDY GIRL OVERDOSE」に込めたディープな想い。幸せな結末は存在しなくても,あなたの思う幸せはあるかもしれない
                                                    • Rails 7 will have three great answers to JavaScript in 2021+

                                                      September 6, 2021 Rails 7 will have three great answers to JavaScript in 2021+ Rails has been unapologetically full stack since the beginning. We've continuously sought to include ever-more default answers to all the major infrastructure questions posed by modern web development. From talking to a database, to sending and receiving emails, to connecting web sockets, to rendering HTML, to integrati

                                                        Rails 7 will have three great answers to JavaScript in 2021+
                                                      • 200行のVue.jsでスネークゲームを作った - Qiita

                                                        こんにちは、猫チーズです。 社内のVue.js勉強用プログラムとして1時間ほどで簡単なスネークゲームを作ったところ、メンバー各々が魔改造などして、一時的に社内でスネークゲームが流行りました。 (2019/09/29 追記) 第2弾も作りました → 『250行のVue.jsで陣取りゲームを作った』 デモページ GitHub ソースコード ゲームルール スネークゲームは、シンプルで古典的なゲームです。 1. 何も操作しないとヘビはまっすぐ進む 2. 壁か自分自身にぶつかるとゲームオーバー 3. 矢印キーでヘビを方向転換できる 4. リンゴを食べると体が伸びる&スコアUP これらのルールをVue.jsで作りました。 200行のプログラム 以下の200行のhtmlファイルに全ての機能が纏まっています。 snake.htmlなどの名前で保存して、ブラウザでそのファイルを開くと遊べます。 速さや色、新

                                                          200行のVue.jsでスネークゲームを作った - Qiita
                                                        • The new wave of React state management

                                                          The new wave of React state managementUnderstand the core problems state management libraries need to solve. And how the proliferation of modern libraries address them in new ways. IntroductionAs React applications grow in size and complexity, managing shared global state is challenging. The general advice is to only reach for global state management solutions when needed. This post will flesh out

                                                            The new wave of React state management
                                                          • curl is 23 years old today | daniel.haxx.se

                                                            curl’s official birthday was March 20, 1998. That was the day the first ever tarball was made available that could build a tool named curl. I put it together and I called it curl 4.0 since I kept the version numbering from the previous names I had used for the tool. Or rather, I bumped it up from 3.12 which was the last version I used under the previous name: urlget. Of course curl wasn’t created

                                                            • 無料プロキシツール「mitmproxy」を使ってみよう - セットアップ方法とセキュリティエンジニアおすすめの設定 - Flatt Security Blog

                                                              ※本記事は筆者styprが英語で執筆した記事を株式会社Flatt Security社内で日本語に翻訳したものになります。 はじめに こんにちは、Flatt Securityのstypr(@stereotype32)です。今回はセキュリティ診断などで使われるローカルプロキシツールについて紹介します。 ちなみに、開発者の皆さんが脆弱性の検証を行うにはこれらのツールだけでなくセキュリティ知識が必要ですが、そのためにはFlatt Securityが提供する「KENRO」がおすすめです。Web アプリケーションの代表的な脆弱性10個に関して、脆弱なソースコードを修正するなどのハンズオンを通して学ぶことができます。 ぜひバナーより無料・無期限のトライアルをご利用ください。 さて、セキュリティエンジニアの多くは、WebやモバイルアプリケーションのHTTP/HTTPSトラフィックを確認するするためにBur

                                                                無料プロキシツール「mitmproxy」を使ってみよう - セットアップ方法とセキュリティエンジニアおすすめの設定 - Flatt Security Blog
                                                              • ファイルパーミッションでスロットがしたい - Qiita

                                                                この記事は2021年Goアドベントカレンダー1日目の記事です。 ファイルパーミッションでスロットするコマンドラインツールを作りました。 経緯 ある日、サーバ上のとあるファイルの実行権限を変更する事がありました。 $ ls -lah sample_cmd -rwxr--r-- 1 jiro4989 jiro4989 0 Nov 21 15:14 sample_cmd* $ chmod 0777 ./sample_cmd $ ls -lah sample_cmd -rwxrwxrwx 1 jiro4989 jiro4989 0 Nov 21 15:14 sample_cmd* この chmod 0777って数字が3つ並んでるからパチスロみたいだなーーーと唐突に思いました。1 (パチスロやったことないですが) じゃあ、「ファイルのパーミッションをスロットで設定できたらテンション上がって地 味なサ

                                                                  ファイルパーミッションでスロットがしたい - Qiita
                                                                • Go: A Documentary

                                                                  Go: A Documentary by Changkun Ou <changkun.de> (and many inputs from contributors) This document collects many interesting (publicly observable) issues, discussions, proposals, CLs, and talks from the Go development process, which intends to offer a comprehensive reference of the Go history. Disclaimer Most of the texts are written as subjective understanding based on public sources Factual and ty

                                                                  • Linux perf Examples

                                                                    Recent posts: 22 Jul 2024 » No More Blue Fridays 24 Mar 2024 » Linux Crisis Tools 17 Mar 2024 » The Return of the Frame Pointers 10 Mar 2024 » eBPF Documentary 28 Apr 2023 » eBPF Observability Tools Are Not Security Tools 01 Mar 2023 » USENIX SREcon APAC 2022: Computing Performance: What's on the Horizon 17 Feb 2023 » USENIX SREcon APAC 2023: CFP 02 May 2022 » Brendan@Intel.com 15 Apr 2022 » Netfl

                                                                    • Beyond Console.log() – Level up Your Debugging Skills — SitePoint

                                                                      You may have established a pattern of coding that utilizes a few key tools offered by your browser’s console. But have you dug any deeper lately? There are some powerful tools available to you, and they might just revolutionize the way you work. The Comfort Zone As developers, we like to find a way of working that make us feel efficient. The trap, though, is that we get comfortable with a certain

                                                                        Beyond Console.log() – Level up Your Debugging Skills — SitePoint
                                                                      • Reduxを用いる時にオススメしたい3つのTips - aptpod Tech Blog

                                                                        はじめまして!WEBチームの黒川と申します!昨年7月にaptpodに入りましてもうすぐaptpod歴1年になります! aptpodでは主にフロントエンドエンジニアとしてReact/TypeScriptを用いて、お客様向けアプリケーションのUI部分を実装しております。 ご存じの方も多いように、Reactの状態管理にはいくつか方法があり、何を用いるべきかなどでしばしば議論が起こりがちです。代表的なものだけでも、標準APIを用いるuseStateとContextやデファクトスタンダードとなってきているRedux、そして新興のRecoilがあります。 弊社のWEBチームではReduxを採用するケースが多いです。私もReduxについては一通りの知識と経験は持っていたつもりだったのですが、先日担当させていただいたプロジェクトで初めてReduxの設計に取り組んだところ、自分がReduxの思想や勘所につい

                                                                          Reduxを用いる時にオススメしたい3つのTips - aptpod Tech Blog
                                                                        • Figmaのリファクタリングからはじめるデザインシステムの構築|TORAJIRO

                                                                          こんにちは、GaudiyデザイナーのTORAJIRO(@jirosh1998)です。 『英単語アプリ mikan』の副業デザイナーとして、Figmaリファクタリング&デザインシステムの一歩目を構築した話を書こうと思います。 このnoteの最後に、今回作成した『mikan DesignSystem』のデータを公開していますので、ぜひご覧ください👋(mizoさんをはじめmikanのみなさん、具体的なアウトプットの公開まで許可いただき感謝です!心広すぎ!) 読んで欲しい人 - これからチームでデザインシステムを作っていきたい - コンポーネントライブラリをFigmaで構築したい - Figmaをリファクタリングして、デザイナーの作業効率を上げたい デザインシステム本題に入る前に、このnoteで書いている「デザインシステム」の定義について触れておきます。デザインシステムとは「良いデザインを『効率

                                                                            Figmaのリファクタリングからはじめるデザインシステムの構築|TORAJIRO
                                                                          • Reactのベストプラクティスとコード削減パターン - パート2

                                                                            本記事は React best practices and patterns to reduce code - Part2 を提供元の事前許可を得たうえで翻訳したものです。 元の記事に従いタイトルに「ベストプラクティス」と含んでいますが、実際にはベストプラクティスは規模や状況によって大きく異なります。 チームの状況にあわせて参考にしていただければと思います。 ===== これは全3パート中の第2パートとなる記事です。 パート1パート2(この記事)パート3 時間を無駄にしないために早速Reactのベストプラクティスとコード削減についてみていきましょう。まずは最も一般的な内容から始めます。 コンポーネントが子要素を持たない場合はself-closing tagするよくないコード: return <Component></Component>よいコード: return <Component />

                                                                              Reactのベストプラクティスとコード削減パターン - パート2
                                                                            • 【新型コロナ】コロナの影響!家庭崩壊の危機!?長引く自宅待機の影響で喧嘩増加・・・喧嘩の原因と対策を考える - タブチマンの良い物紹介のコーナー

                                                                              コロナの影響は家庭崩壊にも繋がる?家庭内けんかの増加の原因と対策を考える! ウォーキングをする人はマスクをする人が多いのに ランニングをする人はマスクをしない謎の現象・・・ (タブチマン目線・・・やっぱ息がしにくいから?) こんにちはっ! タブチマンです。 ご覧いただきありがとうございます。 この前ラジオを聴いていた所、精神科医のお医者さんがこんな事を言っていました 精神科医『自宅待機・学校休校が長引くと家庭内での喧嘩が増えますよ!てへっ♡』 あぁ確かに普段、家に居ないはずの家族・・・居るとちょっと・・・ しかも外出の自粛・テレワーク・運動不足!そりゃストレスもたまります。 そこで今回はコロナの影響?家庭内けんかの原因と ケンカしない為の対策を考えていきたいと思います。 今回はタブチマンが勝手に考えたことを書きますので うちではこんな事でケンカになってしまったうちではこんな対策をしている

                                                                                【新型コロナ】コロナの影響!家庭崩壊の危機!?長引く自宅待機の影響で喧嘩増加・・・喧嘩の原因と対策を考える - タブチマンの良い物紹介のコーナー
                                                                              • プログラミング言語 Ruby30 周年記念イベント レポート

                                                                                プログラミング言語 Ruby30 周年記念イベント 2023 年 2 月 25 日、Ruby 誕生 30 年を記念したイベントが開催されました。 2020 年から流行した新型コロナウィルス感染症の影響で、一時期のイベントはすべてオンラインでの開催が主流となっていました。 本イベントも当初はオンライン形式で予定されていましたが、当日は松江オープンソースラボをメイン会場としてオフラインとオンラインのハイブリッドで開催されました。 開催日 2023-02-25 (土) 13:40 - 17:30 開催場所 松江オープンソースラボ / YouTube 配信 主催 一般財団法人 Ruby アソシエーション / 一般社団法人 日本 Ruby の会 公式ページ プログラミング言語 Ruby30 周年記念イベント 進行 :前田修吾 公式ハッシュタグ #ruby30th 動画 アーカイブ動画 オープニング

                                                                                • Write Better Commits, Build Better Projects

                                                                                  EngineeringWrite Better Commits, Build Better ProjectsHigh-quality Git commits are the key to a maintainable and collaborative open- or closed-source project. Learn strategies to improve and use commits to streamline your development process. How often have you found yourself thinking: What’s the point of this code? Isn’t this option deprecated? Is this comment out-of-date? I don’t think it descri

                                                                                    Write Better Commits, Build Better Projects