七夕-恋人を届けに来たよ-ハッピー

恋人がいる人が本当に羨ましい。私にはイケメンなこと以外、何もないんだ。 プログラマーに恋人ができないのには、大体3つのパターンがある:C#やJAVAには「オブジェクト」があるが、しょっちゅう「オブジェクト」が見つからない。ASMやCには直接「オブジェクト」がない。JavaScriptはすべて偽オブジェクトで、せいぜい曖昧な関係といったところだ。しかし、C++はずっと楽な暮らしをしている。なぜならC++は多重継承だから、まるで御曹司だ!!! ちぇっ、誰がプログラマーに恋人ができないなんて言ったんだ。 さて、ここからは真面目な話をしよう。 画像ギャラリーをまた更新しました。私のギャラリーの画像が欲しいという方が結構いるようですが、ウォーターマーク(盗用・収集防止)が入っているため、手が出せなかったようですね。 そこで、七夕の今日、私が「オブジェクト(恋人)」をプレゼントします――196個のオブジェクトです。 リンク:Baidu Eyun、おすすめです パスワードは返信後に表示されます [cv]パスワード:zIqL[/cv] これで、私も「オブジェクト(恋人)」持ちだ。 .down_link{background:url(‘https://www.52ecy.cn/content/uploadfile/201707/md-bg.jpeg') no-repeat 100% 0% #fffdff; border: 1px solid #faf8fb; border-radius: 2px; color: #666; font-size: 14px; margin-bottom: 10px; padding: 5px 20px;}.downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downlink a{text-decoration:none;} .downlink a{text-decoration:none;font-size:15px;} .downlink a:link{color: #ffffff;} .downlink a:visited{color: #ffffff;} .downlink a:hover{color: #ffffff;} .downlink a:active{color: #ffffff;} .downbtn{background: none repeat scroll 0 0 #1BA1E2; border: 0 none; border-radius: 2px; color: #FFFFFF !important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .yanshibtn{background: none repeat scroll 0 0 #d33431; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;text-transform:none;text-decoration:none;} .downbtn:hover,.yanshibtn:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF!important; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} .downbtn a:hover,.yanshibtn a:hover{background: none repeat scroll 0 0 #9B59B6; border: 0 none; border-radius: 2px; color: #FFFFFF; cursor: pointer; font-family: “Open Sans”,“Hiragino Sans GB”,“Microsoft YaHei”,“WenQuanYi Micro Hei”,Arial,Verdana,Tahoma,sans-serif; font-size: 14px; margin: -4px 20px 0 0; padding: 8px 30px;} ...

2017年8月28日 · 2 分 · MoeJue

私の研究室

私のブログにいつも遊びに来てくれる方は、今日ナビゲーションバーに「ラボ」という新しい項目が追加されたことにお気づきでしょう。 よく達人たちのブログに「ラボ」という項目があるので、私も学習(と見せびらかし)のために作ってみました。 ここには、私が自分でいじくり回したものを置いていきます。 私のアニメの道 (廃止) これまで見てきたアニメとその感想を記録するためのものです。 2017年10月11日: このページは廃止することにしました。長い間更新しておらず、主な原因は面倒くさがりだからです。テキストやら画像やら、本当に手間がかかるし、時々画像のURLもリンク切れになります。時間がある時に、もっとシンプルなものを作り直そうと思います。 シンプルブログシステム (完成済み) 先月、ブログを新しく書こうとつぶやいていました。もっとシンプルで、複雑な機能は必要ないもの、ということでこの「シンプルブログ」という名のブログシステムが誕生しました。 そして今月は全く手をつけていません。来月、時間があれば書くかも(実は面倒なだけですが)。 emlog 6.0のフロントエンドとバックエンドを模倣して作ったテンプレートです。見た目がすっきりしたフロントエンドのテンプレートを2セット作る予定で、大体のデザインはもう考えてありますが、あとは実装するだけです-。- バックエンドの管理者アカウントとパスワードは両方ともrootです。

2017年8月22日 · 1 分 · MoeJue

再帰とは何か?

画像はインターネットより 最初、この文章を読むと、回りくどくて非常に分かりにくいと感じるでしょう。 実は、再帰を使って読むととても簡単になります: 再帰には終点(小さな鯉)が必要です。 再帰が終点に達するまで、関数は自身を繰り返し呼び出します。 明らかに、「私の小さな鯉」というフレーズを出力することが再帰の終了条件です。 これをコードで書くと、次のようになります: #include <stdio.h> void Recursion(int depth){ printf(“抱着”); if (!depth) printf(“我的小鲤鱼”); else Recursion(–depth); printf(“的我”); } int main(){ printf(“吓得我抱起了\n”); Recursion(2); putchar(’\n’); } 私がこれまでに見つけた再帰の最も適切な例えは、辞書を引くことです。私たちが使う辞書自体が再帰的です。一つの単語を説明するために、より多くの単語が必要になります。ある単語を調べて、その説明の中にまだ分からない単語を見つけたとします。すると、あなたはその2番目の単語を調べ始めます。残念ながら、2番目の単語の説明にも分からない単語があり、3番目の単語を調べます。このように調べていき、完全に理解できる説明の単語にたどり着くまで続けます。その時点で再帰は終わりに達し、そこからあなたは後戻りを始め、以前に調べた各単語を一つずつ理解していき、最終的に、最初に調べた単語の意味を理解するのです。。。 矢印はプログラムの実際の実行ステップを表しています。 上の多くの回答を見ましたが、そのほとんどが再帰という現象を説明することに偏っており、なぜ再帰を使うのか、再帰の考え方とは一体何なのかについては説明されていません。先日ちょうど関連するものを読んだので、整理してみたいと思います。もし間違いがあれば、ご指摘いただけると幸いです。 再帰とは何か? 1. 定義 Wiki [1]: Recursion is the process of repeating items in a self-similar way. コンピュータ科学においては [2]: 再帰(英語:Recursion)、または遞迴とも訳され、数学とコンピュータ科学において、関数の定義の中に関数自身を使用する方法を指します。 英語のRecursionは語源的に分析すると「re- (再び)」+「curs- (来る、起こる)」であり、つまり繰り返し発生する、再び現れるという意味です。一方、対応する中国語の翻訳「递归」は、「递」(進む)+「归」(帰る)という2つの意味を表しています。この2つの意味こそが、再帰という考え方の真髄です。この点から見ると、中国語の翻訳の方がかえって意味をよく表していると言えます。 2. ループとの違い 上記のWikiの定義だけを見ると、一般的に言われる無限ループと非常によく似ているように見えます。それらの違いは何でしょうか? 再帰は静中の動であり、行きと帰りがある。 ループは動静一如であり、行きっぱなしで帰りがない。 例を挙げましょう。あなたに一本の鍵が与えられ、ドアの前に立っています。この鍵で何枚のドアを開けられるかと尋ねられます。 再帰:あなたは目の前のドアを開け、部屋の中にもう一つのドアがあるのを見つけます(このドアは前に開けたドアと同じ大きさかもしれません(静)、あるいは少し小さいかもしれません(動))。あなたはそちらへ歩いていき、手の中の鍵でそれも開けられることに気づきます。ドアを押し開けると、中にはまた別のドアがあります。あなたは開け続けます。。。何度か繰り返した後、あるドアを開けると、そこには部屋があるだけで、もうドアはありません。あなたは来た道を戻り始めます。部屋を一つ戻るごとに、数を数えます。入り口まで戻ったとき、あなたはその鍵で一体何枚のドアを開けたのか答えることができます。 ループ:あなたは目の前のドアを開け、部屋の中にもう一つのドアがあるのを見つけます(このドアは前に開けたドアと同じ大きさかもしれません(静)、あるいは少し小さいかもしれません(動))。あなたはそちらへ歩いていき、手の中の鍵でそれも開けられることに気づきます。ドアを押し開けると、中にはまた別のドアがあります(前のドアが同じなら、このドアも同じ。2番目のドアが1番目のドアより小さくなっていれば、このドアも2番目のドアより小さくなっている(動静一如、変化がないか、同じ変化をする))。あなたはこのドアを開け続けます。。。ずっとこのまま進んでいきます。入り口にいる人は、あなたが答えを教えに帰ってくるのを永遠に待つことになります。 3. 再帰の考え方 再帰とは、進んで(递去)、帰ってくる(归来)ことです。 具体的に言うと、なぜ「進む」ことができるのでしょうか? これは、再帰的な問題が、類似しているが少し異なる問題に対しても同じ解決策で答えられる必要があることを要求します(上記の例で言えば、一本の鍵で後続のドアの鍵も開けられること)。 なぜ「帰る」ことができるのでしょうか? これは、これらの問題が絶えず大きいものから小さいものへ、近いものから遠いものへと進む過程で、終点、臨界点、ベースライン、つまりそれ以上小さく、遠くへ進む必要がなくなる点が存在し、その点から元の道を通って原点に戻ることを要求します。 このブログ記事[3]の著者は次のようにまとめています: 再帰の基本的な考え方は、規模の大きな問題を、規模の小さな類似した部分問題に変換して解決することです。関数の実装において、大きな問題を解決する方法と小さな問題を解決する方法が同じであることが多いため、関数が自身を呼び出すという状況が生まれます。また、この問題解決関数は明確な終了条件を持たなければなりません。そうでなければ、無限再帰が発生してしまいます。 4. いつ再帰を使うべきか? ...

2017年8月9日 · 1 分 · MoeJue

もし現実に屈するなら、二次元で星空を仰ぎ見よう。

現実があなたを打ちのめすなら、二次元で星空を見上げよう。私と友達は、二次元で出会い、二次元で知り合い、二次元で心を通わせ、二次元で巡り合った。私たちは、好きなキャラクターがライバル同士だからといって、相手が自分の好きなキャラクターについて話すときに、そのキャラクターの欠点を指摘し合うこともできるし、好きなキャラクターが同じであれば、好きなキャラクターの長所について語り合うこともできる。実は、あなたと同じようにアニメファンである人はまだたくさんいる。もしかしたら、他人の奇異な視線に耐えているかもしれないが、あなたは一人じゃないと信じてほしい。何千何万ものアニメ仲間があなたと共にいる!全てのオタクの心の中には、二次元から来る、自分だけの感動がある。みんなはそれが偽物だと言うけれど、私はその喜びが本物だと知っている。二次元は、私たちが忘れられない思い出を封じ込め、私たちの感動を永遠に留めている。たとえ虚構であっても、それはかけがえのない、二次元を愛する者たちの信仰だ。二次元は存在しない。しかし、存在しない虚構こそが最も美しい。私は再び、二次元の久しぶりの感覚を取り戻し、再び二次元のロマンチックな世界を思い出させてくれた。心は長い間落ち着かず、我に返って、自分にはまだ二次元を愛する心があることに気づき、自分の中に二次元への思いが宿っていることに気づいた。

2017年8月2日 · 1 分 · MoeJue

HTML5キャンバス - ボールの衝突

HTML5は、World Wide Webのコア言語であり、標準汎用マークアップ言語を応用したハイパーテキストマークアップ言語(HTML)の5回目の大幅な改訂版です。 1999年以降、HTML 4.01は大きく変化しました。今日では、HTML 4.01の一部の要素は廃止され、これらの要素はHTML5で削除または再定義されています。現代のインターネットアプリケーションをより良く扱うために、HTML5では多くの新しい要素と機能が追加されました。例えば、図形の描画、マルチメディアコンテンツ、より良いページ構造、より良いフォーム処理、そしてドラッグ&ドロップ要素、ジオロケーション、ウェブアプリケーションキャッシュ、ストレージ、ウェブワーカーなどのいくつかのAPIが含まれます。 タグ 説明 タグは、グラフやその他の画像などのグラフィックを定義します。このタグはJavaScriptの描画APIに基づいています。 実行結果の表示: お使いのブラウザはHTML5をサポートしていません コード部分: お使いのブラウザはHTML5をサポートしていません // キャンバスオブジェクトを取得 var my_canvas = document.getElementById(“my-canvas”); // 描画コンテキスト(ブラシ)を取得 var my_huabi = my_canvas.getContext(“2d”); var x = 50; var y = 50; var r = 20; function deawBall(x,y){ // ブラシの色を設定 my_huabi.fillStyle = “green”; // 新しいパスを開始 my_huabi.beginPath(); // ボールを描画 my_huabi.arc(x, y, r, 0, 2 * Math.PI); // パスを閉じる my_huabi.fill(); } var fx_x = true;//fx_xがtrueの場合、x軸方向に移動 var fx_y = true;//fx_yがtrueの場合、y軸方向に移動 var speen = 1; // タイマー window.setInterval(“moveBall()”, 10); function moveBall(){ // 現在のボールの移動方向を判断 if(fx_x == true){ x += speen; if(x >= 500-r){ // 下端に達したら、上向きに跳ね返る fx_x = false; } }else{ x -= speen; if(x <= 0+r){ // 上端に達したら、下向きに跳ね返る fx_x = true; } } if(fx_y == true){ y += speen; if(y >= 400-r){ // 左端に達したら、右向きに跳ね返る fx_y = false; } }else{ y -= speen; if(y <= 0+r){ // 右端に達したら、左向きに跳ね返る fx_y = true; } } // キャンバスをクリアして再描画 my_huabi.clearRect(0, 0, 500, 400); deawBall(x, y); }

2017年7月18日 · 1 分 · MoeJue

全サイトHTTPS暗号化の旅を正式に開始

しばらくのクローズドベータテストを経て、ブログは正式に全サイトHTTPS化されました。 開設からもうすぐ1年になりますが、ずっとHTTPS化したいと思っていました。しかし、以前のホストはSSL証明書をサポートしていなかったため、どうすることもできませんでした。 最近、ホストの契約ももうすぐ切れるので、サポートのあるサーバーに乗り換えました。 以前から、ブログが時々アクセスできなくなるという声を聞いていたので、今回より良いサーバーにアップグレードして、速度や安定性がどうなったか気になります。 そして、emlogのバージョンもアップグレードしました。6.0.0のベータ版ですが、以前の5.Xバージョンのバックエンド管理画面よりもずっと見やすくなりました。UIライブラリには引き続きBootstrapを採用しています。 (注:下の画像はemlog 6.0.0ベータ版のバックエンド管理画面です。サードパーティ製テンプレートの設定画面はなくなっており、下の画像の右上にあるテンプレート管理は私が独自に追加したものです。) 2. マイクロブログがなくなりました emlogがマイクロブログを導入した当初から、それは余計なお世話だと感じていました。非常に粗雑に作られていましたが、皆が慣れた頃に削除されたのは、少し残念です。。。 これはサードパーティ製のプラグインで実装することもできますが、必要とする人が自分で設定すればいいでしょう。。。私はあまりマイクロブログを投稿しません(怠惰なので)、なので削除しました。 もちろん、全サイトHTTPS化を実現するのは非常に面倒です。なぜemlogをアップグレードしたのか?理由はここにあります。6.0.0以降のバージョンのみがHTTPSに完全対応しています。以前のバージョンを使用していたら、修正だらけになってしまうでしょう。。。 emlog以外にも、現在使用している大前端テンプレートもHTTPSをサポートしていません。 実際、大前端がHTTPSをサポートしていない主な理由は、百度の共有機能です。記事ページで百度共有を使用すると、HTTPとHTTPSが混在し、かわいい緑色の鍵マークが消えてしまいます。 「百度共有は現在までに2〜3年更新されていないと思われます。公式ウェブサイトのニュース更新は2012年のままです。これほど長期間更新されていないため、現在多くの百度系製品がHTTPS化されているにもかかわらず、百度共有は依然としてHTTPSをサポートしておらず、開発者にとっては非常に面倒です。ウェブサイトが全サイトHTTPS化されている場合、百度共有を使用するとロード問題が発生し、百度共有のコアJavaScriptがブロックされます。」 ネットで探し回ったところ、すでにこの問題を解決した人がいることがわかりました。なので、私たちはそのまま「伸手党」(他人の成果をそのまま利用する人)になれば良いのです。 Githubアドレス:https://github.com/hrwhisper/baiduShare デフォルトテンプレートのモバイル版ページを削除しました(とにかく醜いので)。現在のテンプレートはレスポンシブなので、必要ありません。

2017年7月14日 · 1 分 · MoeJue

簡単なCSS3アバター回転と3D回転効果

ウェブサイトのコメント欄で、コメント投稿者のアバターにマウスカーソルを合わせると360°回転するのをよく見かけます。 まず効果を見てみましょう。 .tximg{ height:300px; border-radius:50%; border:2px solid green; /*変化規則*/ transition:all 2s; } .tximg:hover{ /* 変化動作 定義2d回転、パラメータは角度を記入 */ transform:rotate(360deg); } CSS部分 img{ height:300px; border-radius:50%; border:2px solid green; /*変化規則*/ transition:all 2s; } img:hover{ /* 変化動作 2D回転を定義し、パラメータに角度を記入 */ transform:rotate(360deg); } HTML部分(非常にシンプルで、画像が1枚だけです) <img src="http://www.52ecy.cn/log0.png"> 3D回転効果(フロントエンドの表示スタイルがやはり競合しているようです -。-) .div{ width:300px; height:300px; border:1px solid red; /*3D効果を見たい場合は、動く要素の親要素にperspective属性を追加する必要があります*/ perspective:300px;/*3D要素からビューまでの距離、通常は画像の高さと同じにすると最も効果的です*/ } .img{ width:300px; height:300px; border:1px solid red; /*変化規則*/ /*回転要素の原点位置を設定*/ transform-origin:bottom; transition:all 2s; } .img:hover{ /*変化動作*/ transform:rotateX(60deg); } CSSコード div{ width:300px; height:300px; border:1px solid red; /*3D効果を見たい場合は、動く要素の親要素にperspective属性を追加する必要があります*/ perspective:300px;/*3D要素からビューまでの距離、通常は画像の高さと同じにすると最も効果的です*/ } img{ width:300px; height:300px; border:1px solid red; /*変化規則*/ /*回転要素の原点位置を設定*/ transform-origin:bottom; transition:all 2s; } img:hover{ /*変化動作*/ transform:rotateX(60deg); } HTMLコードの部分はアバター回転の部分と全く同じで、画像を1枚置くだけなので、ここでは省略します。 効果画像を現在のページに直接挿入すると、現在のページのCSSスタイルと競合し、ページ全体が崩れてしまうため、効果画像のスタイルセレクタを変更しました。 注意:IEモードでは動作しない可能性があります。

2017年7月10日 · 1 分 · MoeJue

CSS3でiPhoneを描く

まずは完成イメージをご覧ください、お先にどうぞ。(これは決して画像ではありません。うん~、なんか変な言い方ですね~) iPhoneの何世代目か聞かないでください、私も知らないし、使ったこともないので、お察しください。 CSSスタイル部分 #phone{ width:250px; height:500px; background-color:#2E2E2E; border:10px solid #3B3B3B; margin:100px auto; border-radius:30px;/*设置div元素的圆角边框*/ } #camera{ width:8px; height:8px; background-color:#1A1A1A; border-radius:50%; border:2px solid #505050; margin:10px auto;/*距离上边距10px 左右居中*/ } #receiver{ width:80px; height:8px; border:2px solid #505050; margin:10px auto; border-radius:10px; background-color:#1A1A1A; } #screen{ width:225px; height:385px; background-color:#0A0A0A; border:3px solid #1C1C1C; margin:10px auto; } #btn{ width:40px; height:40px; background:#1A1A1A; border-radius:50%; /*当宽高相同时,则为圆*/ margin:10px auto; } /*:before 选择器在被选元素的内容前面插入内容。*/ #btn:before{ width:22px; height:22px; border:2px solid white; border-radius:30%; content:""; /*即使插入的内容为空也需要写,否则不显示*/ display:inline-block; margin-top:7px; margin-left:7px; } HTML部分 後で少し機能を追加しました ホームボタンをクリックすると携帯の画面が点灯し、5秒後に再び画面が消えます ...

2017年7月3日 · 1 分 · MoeJue

お遊び - 友情リンク セルフ申請

について 相互リンク自動申請は、PHP言語で開発された相互リンク自動承認追加システムです。 Bootstrap UIライブラリのグリッドシステムでレイアウトしています。結局のところ、私はプロのフロントエンド開発者ではないので、これくらいできれば十分でしょう。 機能紹介 このシステムは、理論上すべてのウェブサイトをサポートしています。HTTPS対応のウェブサイトもサポートしています。相互リンクはウェブサイトのトップページに設定する必要があります。URLリダイレクトや保護がされているウェブサイトは検出できません。トップレベルドメインの申請が承認された後、サブドメインは引き続き申請できません。背景画像は私の画像ライブラリから1000枚の中からランダムに表示されます。 経緯 私の相互リンクの中に、あるブロガーがこのようにしているのを見かけました。相互リンクの自動承認追加は、一瞬でとても高度なものに感じられ、自分で承認する手間も省け、タイムリーに追加できる。それで、自分でも適当に作ってみたのです。 ここでちょっと格好つけているだけです。ソースコードが必要な方はご連絡ください。 もし間違っている点があれば、かかってこいよ! 効果は以下の図の通りです。 友情链接申请地址 友情链接申请须知

2017年6月1日 · 1 分 · MoeJue

各種言語のOEP大全

普段OEPを照合するのは確かに面倒なので、まとめてみました。この記事で直接OEPを確認するか、 画像を右クリックしてローカルに保存してください。 クリックで拡大表示できます。 お役に立てましたら、ぜひコメントを残していってくださいね〜 VC6と易语言 Delphi7 VB5 VB6 BC++ **VS2008Debug ** **VS2008Release ** **VS2012-VS2015Debug ** **VS2012-VS2015Release **

2017年5月19日 · 1 分 · MoeJue