フロントエンド
オーバーフローアンカーによるボトムコンポーネントへのピンの実装
この記事は、「ピンから下までスクロールする要素を CSS だけで実装する」と説明し、JavaScript の使用方法を説明します。ページが表示される頻度が高くなるほど、新しいコンテンツが追加されるたびにスクロールが一番下に移動するようになりました。ツイッチのように...
すべての記事 12 ページ
2019
フロントエンド
より安全なリクエストヘッダー-メタデータの取得リクエストヘッダー
ある日、ページを開発しているときに、ヘッダーフィールドが正しいことを確認するために、開発ツールを開いて、リクエストにさらに疑わしいヘッダーがいくつか表示されます:network。何か怪しいことに気づきましたか？Sec-Fetchに3つある方法を詳しく見てみましょう...
開発ノート
Golangのデフォルト値とゼロ値
golangでは、初期化時に代入がない場合はゼロ値を使います。しかし、時間が経つにつれて、ゼロ値が毎回置き換えられると、ユーザーがゼロ値になった値を入力しなかったのか、それともユーザーが最初にゼロ値を入力したのかがわからないことがわかります。今回は電子メール、名前のせいで...
開発ノート
golangアプリでログを収集して一元化する方法
この記事は、Golang ログを収集、標準化、一元化する方法 | Datadog の概要です。通常、ログを使用する際に注意すべき点がいくつかあります。ログはパラメータとして渡されるので、ログを使用してパラメータを統一コンテキストに渡す必要があります。
開発ノート
Golang ノート — タイプアサーション
golangでは、インタフェース {} の型について、インタフェースが型であると仮定して型判定を行うことができるため、その型のメソッドを操作できます。このコードはオリジナルのインターフェースを作ることができます...
開発ノート
Goworker 入門 — Redis によるワーカーの実装
最近、プロジェクトはRuby On Railsからgolangに移行しています。ただし、構文がどれほど醜く感じられるかを確認するために書く練習をしたいことと、golangの力を感じることと、既存のフレームワークなしで独自のコードを整理する方法です。今日はゴーワーカーです。彼は囲碁労働者を探すためにその理由を調べるでしょう...
フロントエンド
IdleCallbackをリクエスト-空き時間を有効に活用してください
多くのウェブページには、実行すべきさまざまなスクリプトがあります。もちろん、優先順位はあります。たとえば、UI のレンダリング、関連するインタラクティブイベントの登録、データ取得のための API の呼び出しなどは、比較的重要でないタスク（分析スクリプト、遅延読み込み、初期化の比較など）など、優先度の高いタスクです。アイドル状態のカウント方法...
開発ノート
デバッグプロセスを記憶する — 接続
ここ数ヶ月、私のグーグルクロームはどういうわけか接続拒否になっています。ウェブページを開くことはできても、他のデバイスでは動作することがあります。不思議ですが、サーバーの設定に問題があるかもしれませんし、問題もないので使い続けてください。カスタムを設定...
フロントエンド
リクエストをキャンセルする新しい方法-AbortController
フロントエンドでは、主に XHR と Fetch の 2 つの方法でリクエストを送信できます。XHRは、ええと...それにはずっと前にAPIがありました。しかし、セットアップが面倒なので、Jquery getJSON、axios、RxJS AjaxObservableなどの高レベルのAPIに包まれていることがよくあります...
フロントエンド
CORS でのクッキーの取り扱い
フロントエンドの CORS と Cookie は非常に重要な問題ですが、フロントエンドとバックエンドのドメインは同じことが多く、これらの問題に対処することはほとんどないため、ほとんどの場合は開発段階にあります。または、バックエンドをアクセス制御-許可-オリジンになるように要求してください...
開発ノート
Goで接続が失われた場合の対処方法は?
今人気のSQLパッケージを調べたところ、接続がリアルタイムで失われたときにエラーをジャンプさせるために使用できる関数はほとんどないことがわかりました。たとえば、nodejs mysqlと入力すると、connection.on ('error') を使用してエラーをリッスンできます。しかし、ゴランでは...
雑談
日本ソフトウェア業界でよくある用語の置き換え
あまりにも特定の用語が多すぎて、毎回見るたびに毎回調べ直すのは本当に疲れるし、しかもそのたびに context switch もしなければならない…
2018
開発ノート
[golangノート] プロジェクトの環境変数を設定する方法
プロジェクトを開発するときには異なる環境を切り替える必要があるため、異なる環境変数を設定することがよくあります。しかし、毎回プログラムに直接書き込むのが面倒すぎると、環境変数を動的に渡すことができれば、不要な変更をたくさん減らすことができ、プログラムは比較的クリーンです。このパッケージのgolangフラグでは通常、フラグを使用できます...
フロントエンド
vuex と webpack の動的インポートによりモジュールを動的にロードする
Vue は最近のプロジェクトで開発されたもので、より複雑なストリーミング状態を管理するための Single Truth of Source ストアとして vuex がよく使用されます。vue 内でストアを構築する場合，すべてのモジュールが書き込まれているか，次に vue ルートに統一されているか...
開発ノート
新品と新品の違い
golangにはmakeとnewという2つの予約語がありますが、golangの学習の始まりは混乱しやすい場所でもあります。ここで簡単なメモをとっておきます。new newを使ってジェネリックを初期化し、ストレージアドレスを返すことができます。そのため、通常はポインタ変数を使用して新しい型を選択します。特に、new では自動的にゼロの値が使用されることに注意してください...
雑談
バースデーパラドックス
バースデーパラドックスとは、あなたが最初に統計を始めたときのことで、先生は生徒をブラフするための動きを気に入ってくれました。通常、先生は徐徐が財布から100元を取り出して、生徒に「同じ誕生日に教室に2人いるの？」と尋ねます。直感的に、オッズは低いと思うかもしれません。しかし実際には、23人以上であれば、同じ日に2人が5人...
振り返りシリーズ
2017年の年次サマリー
みなさん、こんにちは、明けましておめでとうございます 🎉。昨日と彼のガールフレンドはごく普通の大晦日を選びました、朝はお互いのことをする、家で夜のパーティーディナー、一緒に走る、ついに赤と白を見ながら番組を書きながら、2018年末
開発ノート
コードレビュー方法
フロントエンドエンジニアのチームは通常、プルリクエストを最も頻繁に送信する人です。PR をテストしやすくするため、またレビュアーによるレビューを容易にするために、いくつかの考慮事項がまとめられています。プルリクエストには、このプルリクエストの目的が記載されています。例:レイアウトを修正...
2017
フロントエンド
配列.sort の分析
Array.sort 分析この記事では、Javascript のネイティブソートで注意すべき点については説明していません。たとえば、デフォルトのソートメソッドは値を文字列に変換し、文字コードに従ってソートするので、上記の結果が表示されます。今日は、Javascript ソートの背後にある実装について見ていきます。
開発ノート
PostgreSQL ノート — インデックス
データベースでは、クエリの効率を上げるために、データが大きい場合にインデックスを作成することでクエリの効率を上げることができます。この記事では PostgreSQL のインデックスについて説明します。ほとんどの場合、`CREATE INDEX`の構文を直接使用することで一般的な開発シナリオを処理できます。PostgreSQLにはさまざまなタイプのインデックスタイプがあります。