Xheldon Blog

The Answer to Life, the Universe and Everything is...

夢の解析:趙さんの場合

「今日見た夢は、全体的に恐怖と不安に包まれた雰囲気だった」と趙さんは私に語った。

この物語はフィクションシリーズに属し、実在の人物や事件との類似はすべて偶然の一致です。これは私が小説の方向に初めて挑戦した試みでもあります、はは~ 「今日のこの夢は、全体的に恐怖と不安の中で過ごしたものです」と小趙は私に語った。 小趙は私のクライアントの一人で、彼は私の「夢解き」理論をとても信頼している。そのため、印象的な夢を見ると、いつも真っ先に私に打ち明けに来る。思春期の少年である小...

Vueのリアクティブ原理と実装

本文の背景 Vueのリアクティブシステムの原理について研究し、それを記録するとともに、Vueのリアクティブ機能を自分で実装してみようと思い、本記事を執筆しました。 概要 Vue リアクティブデータの初期化は、initStateのinitDataで行われます。observe関数を使用してvmオブジェクトのdataプロパティを監視し、その後getterとsetterプロパティを設定します。 した...

環境設定/常用ソフトウェアまとめ

はじめに 新しいPCを手に入れるたびに、慌ててさまざまなツールをインストールし、時には必要なソフトウェアを忘れてしまい、使う時になって初めてダウンロードするということがあります。仕事を始めたばかりの頃、上司から最初に言われるのは「まず環境に慣れて、自分のPCを設定してください」という指示です。そこで、この記事では私がよく使うソフトウェアを記録しておき、いざという時の備えとします。 本文 QQ...

CORSの探究

本文の経緯 あるオンライン記事でCORSについて調べていた際、『withCredentials = trueを設定すると、送信されるcookieはターゲットドメインのcookieである』という一文に困惑しました。私は理解できませんでした:現在のドメインがa.comで、xhrをb.comに送信する場合、当然ソースドメインa.comのcookieをb.comに送信して処理するはずです。どうしてタ...

愚痴をこぼす

前書き 以下の愚痴は論理性などなく、思いついたことをそのまま書いている。 会社での学習 会社は新技術を学ぶ努力を歓迎するが、前提として自分の仕事をまずきちんとこなすこと。会社がお金を払うのは働いてもらうためであって、学んでもらうためではない。学びたいなら家で学べ。一部のインターンや新卒が「会社の給料が安い」と不満を漏らすが、それは会社や同僚があなたの未熟なコードのツケを払っているからだ。簡単...

Vueでルーティングを実装する3つの方法

はじめに Vueの学習まとめが一段落したので、これからは他の断片的な知識を補足していきます。今回はVue Routerの3つの実装方法について説明します。 プロジェクトの完全なコードを確認する (このプロジェクトにはVue Pluginなどの他のVueテストコードも含まれています) render関数を使った方法 基本的な考え方は、render関数がアドレスバーのパスに基づいてコンポーネント内...

Vue学習まとめ

はじめに この記事は Vue 2.0公式ドキュメント の「インスタンス」セクションから始め、いくつかの Vue API の使用方法や Vue が特定の機能を実装する原理について考察します。さらに、私自身の使用感や浅はかな視点から Vue の設計意図を分析する不遜な試みも含まれています。不適切な点があればご容赦ください。Vue に触れて間もないため、誤りがありましたら指摘していただけると幸いで...

本ブログのドメイン最適化設定に関するいくつかの説明

はじめに GitHub Pagesで静的ブログを構築することを決めたとき、できるだけページの表示速度を向上させたいと考え、いくつかの小技を使って読み込み速度を速め、ユーザー体験を向上させました。 最適化 百度CDNサービスと七牛静的リソースホスティングの利用 このブログではBootstrap/jQuery/fontawsomeの3つのライブラリ/フォントファイルを使用しています。Bootst...

Webpack の非同期オンデマンドローディング

はじめに webpackが非同期ロードを実現したい場合、つまりメインモジュールを先にロードし、特定のモジュールまたは複数のモジュール(つまりバンドル後のchunk)が必要な場合にリクエストを送信してロードすることを目指しています。 この目的はもちろんページの初回ロード速度を向上させることですが、避けられない追加のリクエストが発生します。これらはトレードオフの関係にあり、ここでは非同期ロードの...

Vue + Webpack コンポーネント開発(練習環境)初体験

はじめに 他の人の vue マルチページフレームワークを研究してみたところ、ほとんどが package.json ファイルを直接コピーしてローカルで npm install を実行するか、公式の vue-cli ツールを使ってプロジェクトを生成する方法でした。確かに理解はできますが、記憶に残らないため、.vue をコンポーネントとして使用するプロジェクトをゼロから構築する練習が必要だと考え、...

Git よく使うコマンドまとめ

はじめに Gitを頻繁に使っていますが、ずっと書く時間がありませんでした。今やっと時間ができたので、よく使うコマンドをまとめてみます。 本文 新しいブランチを作成し、そのブランチに切り替える: 1git checkout -b branch_name ブランチを切り替える: 1git checkout branch_name ブランチを削除する(先に別のブランチにcheckoutする必要があ...

「訳」 Promiseのアンチパターン

最近Promise関連のものを読んでいて、この記事を見つけ、とても良いと思ったので記録しておきます。 Promises自体は非常にシンプルですが、前提としてその糸口を見つけられるかどうかです。以下はPromiseに関するいくつかの混乱しやすいポイントで、これらを理解することでPromiseを本当にマスターしているか確認できます。中には私自身も頭を抱えたものがあります。 ネストされたPromi...

新浪微博JS SDK APIの使い方

はじめに 以前、このウェブサイト全体をリーダーが一人で構築していましたが、様々なバグや細かい不備がありました。そこでリファクタリングを計画し、侯さんがseajsの開発フレームワークを整えてくれたので、私はフロントエンドのロジックを書くだけでよくなりました。 現状 登録とログインの部分は私が作成したため、新浪微博(Weibo)とQQログイン機能を追加しようと考えています。ユーザーがクリックした...

コード最適化/仕事経験の重要性についての実体験

はじめに プロジェクト経験がなかったため、フロントエンドとバックエンドの役割分担でよくミスをしていました。 本文 例えば、ボタンをクリックしてバックエンドから提供されたAPIでデータを取得し、handlebarを使ってフロントエンドに表示する機能を実装する必要がありました。しかし、毎回取得するデータ(配列で返され、各要素はmap型)は比較的長く、すべてを一度に読み込んでページに表示するのは適...

ユーザープライバシー収集に関する見解

経緯 今日ニュースを見ていたら、アナウンサーが有名なゲーム「Angry Birds」の開発会社がユーザーのプライバシーを収集していると報じていました。収集対象には氏名、性別、メールアドレス、地理位置情報、婚姻状況、性的指向などが含まれ、これらの情報を海外の情報機関に提供しているとのことです。 本文 父はこの機会に私を教育しようとしました——彼はいつも私を教育できるチャンスを逃さないのですが、...

OS Xでsz/rzコマンドを使用したファイルのダウンロード/アップロード

サードパーティ製ソフトウェア不要でファイルのアップロード・ダウンロードを実現

OS X のターミナルは直接 Linux に接続できます(一方、Win の cmd は性能が劣ります)。しかし、問題点として、ターミナルから直接 Zmodem を使ってファイルをアップロード・ダウンロードすることはできません。そこで、より強力なリモートサーバー接続ツール iTerm の出番です。 ネット上には多くのチュートリアルがありますが、中にはアクセス数を稼ぐために適当にコピペしただけの...

贛江のほとり、滕王閣の前に

「閣中の帝子今いずこに在るや? 檻外の長江空しく自ら流る」

はじまり 南昌は連日雨模様が続いていたが、6日の朝つわりの2分間だけ日の出を見せた後、太陽は再び厚い雲の奥に隠れてしまった。 川面には薄い霧がかかり、遠くにかすんで見えるのは八一大橋。実はこの霧の中に消えているのは、千古の奇人・王勃が詠んだ滕王閣でもある。 彼は私にとって3番目の偶像だ。最初の偶像は毛沢東、2番目は李白。 私と私の偶像たちには、どこか共通する部分があるのだ。 終わり 東の空に...