👸 🤜🏽 ✌🏼 フラスコに粉末はありますか？ Hackathon Radio Canada 2018（第3部-はじめに！注意！3月！） 🙍🏽 ✨ 🕵🏽

私の短編小説の第三部をお見せします。

第1部と第2部の肯定的な評価を受けたので、読者にあまり長く待たせたくはありませんでしたが、人生と現実は調整を行っています。

ハッカソン開始の2日前に、Radio Canadaは、メンターのPatrickLévesqueがチームに割り当てられたことを知らせる手紙を送りました。私にとって、これはやや予想外でしたが、おそらくサイト上でこれについて何かが書かれており、予備プレゼンテーション中に言われました。どうやら、私は耳でそれを見逃した。何らかの方法で、これにより、質問があった場合に誰かに助けを求めることができるという自信が加わりました。

週の火曜日、水曜日、木曜日はいつものように急速に過ぎ去りました。冒険への期待が高まった。そして金曜日までにピークに達した。私の妻は、金曜日から始まる週末に、私は命を落とし、レーダーから姿を消すだろうと警告されました。

それで金曜日の仕事の後、私は戦いの気分でラジオ局に戻りました。

初日。金曜日の夜。石を投げる時間

金曜日のスケジュール

ここでオリジナルを見ることができます。しかし、問題は、誰がそれを必要としているのかということです。ロシア語で、興味がある人は少ないと思います。しかし、一方で、誰かが私の物語を読んでプラスしています。これらの非常に小さなものが私のハイライトであるとしたらどうでしょうか？

3月23日金曜日

17:00到着と登録（ダイニングルームラジオカナダは19:00に閉まります）。

18:00あいさつ

18:15メンター、アシスタント、チーム、ヒントのプレゼンテーション

19:00 Matthieu DugalおよびChloe Sondervorstとのプロトタイプのプレゼンテーションの準備に関するワークショップ

19:30休憩

19:50選択：

1.ワークショップ

マイクロソフトサービスプレゼンテーション

ラジオカナダサービスのプレゼンテーション

2.作業チームの開始

22:00初日の終わり

ダイニングルームの言及は非常に適切でした。まず、お腹が空いて忙しい一日を過ごした後、この行動を開始する前に何か食べても痛くないことを思い出しました。アスタリスクは私に食べ物を持って来ることを申し出さえしました。なぜなら彼女はいつものように大学からではなく、家から来てかなり元気でハッカソンに来たからです。しかし、いつものように、私は自分を裏切った。ピザを注文する時間、欲求、機会があると思いました。しかし、実際には、私はチームで空腹になったことが判明しました。それで私は食堂に行って、登録後すぐにハンバーガーを食べました。

私は17:45頃に到着しました。

イベントが開催されたホールに入る前に、ハッカソン参加者のTシャツと水のボトルの形の小さなお土産を登録し、入手する必要がありました。参加者には白いTシャツが渡され、主催者と指導者は黒でした。黒いTシャツを手に入れるという試みは失敗しました。まあ、大丈夫、白も何もない。

私がホールに入ったとき、ズヴェズドチカとプラトンはすでに空想を取り、チーム用に用意されたテーブルの1つを占有していました。私たちはラップトップを電源とインターネットに接続することに従事していました。

私もラップトップを準備し、プレゼンテーションの数分前に食堂に行って食事をしました。

私がホールに戻る頃には、マーキュリーはすでにチームに参加していました。寝椅子はなく、彼が現れたとき、それは不明でした。

スケジュールにわずかに遅れて、18：10頃、 Maxim St-Pierreからの歓迎の言葉を聞きました。彼は、去年の経験が良い実用的な結果をもたらしたため、Radio Canadaがこのイベントに大きな希望を持っていることを繰り返しました。また、最近ではハッカソンのテーマであるAIが非常に重要であると述べました。そして、これの確認、例えば、今週文字通り起こったケンブリッジアナリティカのスキャンダル。

今晩の放送の完全な記録を見ることができます：

マキシムはスピーチを引きずらず、バトンを夕方の司会者マチュー・デュガルに手渡した。

私が理解しているように、マシューはカナダのテレビで非常に有名なテレビ司会者です。彼はいくつかの技術プログラムを率いています。これは、今晩とハッカソン全体の両方を組織する上で積極的な役割を果たしました。一方で、彼のテレビ形式での経験は、時間管理の面で大いに役立ちました。プログラムのすべてのポイントは、最初の遅延にもかかわらず、最終的に事前に発表されたプログラムに完全に適合します。一方、彼は技術用語を発音するのに何の困難もありませんでした。これは、プレゼンターが技術的な主題に精通していない場合に当てはまると思います。

長年にわたり、私は彼らの言葉に「答える」方法を知っている人々と組織をますます尊敬しています。誰もが利用できるツールが増え、普遍的に宣言されている「プロフェッショナリズム」にもかかわらず、これまでのところ、主催者が自分のイベントを制御できない人や状況に頻繁に会っています。この点で、ラジオカナダがトップでした。

最初に、マシューは再びハッカソンのすべての要件とプロトタイプを評価するための基準について話しました。私は再びそれらをリストしません。最初と2番目の部分でそれらを再度読むことができます。

プロトタイプ評価基準

最初の2つのパートでは、プロトタイプを評価するための基準を説明しなかったようです。奇妙なことに、私はそれらに言及したと確信していた。

フランス語で

レクリターレデバリュエーションソンレスイヴァント：

プロトタイプ・コンプリート・デ・クリテレス・オブリガリット・デュ・レグラント（API et Azure）/ 20ポイント

オリジナル/ 35ポイント

エクセレンスデラテクニック/ 20ポイント

インパクト/ポテンティエル/耐久性/ 20ポイント

プレゼンテーション/ 5ポイント

プロトタイプは、前述の宣言された要件を満たしている必要があります-20ポイント
アイデアの独創性-35ポイント
技術的パフォーマンス-20ポイント
ビジネス/商業の可能性への影響の可能性-20ポイント
プロトタイプの提示-5ポイント

彼はまた、受賞者の賞品リストを再び発表しました。

賞品リスト

1位-XBox One + $ 1000

2位-Google Home Max + 250ドル

3位-$ 500

そして、残りの参加者の間でラッフルを通してラッフルされる2つの賞（Xbox One S1）。

（各チームメンバーが受け取った賞金を理解している限り）

その後、マシューはすべてのメンターとアシスタントを名前で紹介しました。

そして各チームメンバー。

31チームが画面に表示されたという事実にもかかわらず。私のチームと私は、これらのチームの半数がまったく参加しないか、プロトタイピングに対処できないか、チームよりもかなり弱いという幻想を抱いていました。当時、私はチームの数さえ数えていませんでした。私はAzureへのアクセスのセットアップに忙しすぎて、一般的に耳の端ですべてを見たり聞いたりしていました。ホールの人々の眺めは私を少し心配しましたが。参加者のほとんどが大学生だと思ったという意味で。そして、私の目は、あごひげとメガネを身に着けている人々は学生である可能性が低いと私に言った。つまり、視覚的に参加者の構成はかなり成熟していました。

スケジュールを少し調整した後、マシューは20分間の休憩を発表しました。誰もが意見交換、歩行、ストレッチ、リフレッシュをしなければなりませんでした。

休憩中に、ズヴェズドチカはもう一度、プロジェクトのアーキテクチャと各チームメンバーの役割を水星に説明するよう求めました。紙の上でした。

紙よりも少しきれいで構造的

おおよそ次のようなもの：

1. WEBページ/ウィジェット-HTML + JS

機能：HTMLの形式で整理されたアプリケーションの表示部分と、処理されたJSの検索入力フィールド。

アーティスト ：アスタリスク-HTML、水星-JS

注釈：この部分に3つの実装オプションを提案しました：別のページ（最も単純な正面ソリューション）、ラジオカナダページに埋め込まれたフィールド（私はみんながページ構造とCSSクラスを再利用して検索結果をブロック/ウィジェットとしてレンダリングできると思いました）独自の作成に時間を無駄にしないように）、3番目のオプションは2番目のオプションと同じです。ブラウザーの最も簡単な拡張機能を作成することは難しくないことを知っていたので、Chrome拡張機能の形式で検索フィールドフィールドを作成することを提案しました。また、このようなプラグインをインストールすると、ニュースフィードで必要なページを含む、任意のページにアクセスできます。

2. PHP、MySQL-Search APIバックエンド

機能性 ：最も単純な検索API。計画によると、ページの検索行からのリクエストを受け入れ、データベースを検索し、JSON形式の検索結果を返す必要があります。

アーティスト ：謙虚な僕

注釈：メインの仕事に参加した最後のプロジェクトはLaravelで行われたため、このフレームワークは今日のトレンドセッターであるため、 Laravelを使用することにしました。これは特別な驚きをもたらさないはずですが、私にとっては、特にサイトのモードではなく、サービスAPIのモードで、新しいプロジェクトを作成するときにLaravelの機能をいくつか学習します。

3. MySQL

機能：データベース、コンテンツおよび分析結果用のストレージ

注釈：どのデータベースを使用するかについての厳密な要件はなかったため、プラトンはMongoDBを使用する方が良いかどうかを尋ねました。 MongoDBの場合、JSONはほとんどネイティブであり、型はよりシンプルである必要があると彼らは言います。正直なところ、私は答えることができません。今では、非リレーショナルデータベースでそのような決定を行うことがより正確になっています。このトピックで読んだことから、以前の既知のフィールド、そして実際には単一のテーブルでかなり単純な選択が必要な場合、リレーショナルデータベースが最適なソリューションであると結論付けました。（間違っている場合は修正してください）。しかし、私のMySQLの選択は、アーキテクチャの好みによるものではなく、実用的な考慮事項によるものです。使用方法を知っているだけです。プラトンにとって、両方の拠点は新しいものであり、いずれにしても実験であったため、彼は私に簡単に同意しました。

4. Pythonアプリ

機能：（ラジオカナダ-> Pythonアプリ-> Azure Cognitive Services-> Pythonアプリ-> MySQL）この部分は、ハッカソンの要件に関して本質的に最も重要です。 Radio Canada APIを介してコンテンツを取得し、場合によっては処理してから、分析のためにコンテンツをいくつかのAIサービスに送信し、応答を取得して、コンテンツを分析結果とともにデータベースに入れる必要があります。

アーティスト ：プラトン

限界ノート ：責任の全体の重荷はこうしてプラトンに落ちた。彼はこれについて少し心配していました。しかし、すでに述べたように、彼は宿題をし、プロジェクトに必要なすべての知識を持っていると感じました。プラトンは、チーム全体と同様に、私たちがこのタスクに対処することを疑いませんでした。

5. Azure Cognitive Services

機能性 ：ハッカソンの開始時に、どのサービスが関与するかわかりませんでした

6. Radio Canada API

機能性 ：ハッカソンの開始時に、4つのサービスのどれがプラトンによって使用されるかわかりませんでした（第2部の4 API Radio Canadaの説明を読んでください）。 AIサービスの場合と同様に、プラトンは、実装がより簡単で便利であるという判断に基づいて、決定を下すべきでした。

休憩の後、 Matthieu DugalとChloe Sondervorstは、プロトタイプのプレゼンテーションの準備に関するマスタークラスを開催しました。彼らは、まず試作品が「服で満たされている」ことを理解する必要があるという事実に聴衆の注意を喚起しました。したがって、成功と勝利の可能性は素材のプレゼンテーションに大きく依存します。プレゼンターが注意を向けた2番目のことは、限られた時間です。最終日の各チームのパフォーマンスでは、パフォーマンス自体に3分が割り当てられ、審査員の質問への回答があれば2分が割り当てられます。 3分では本当に十分ではないので、最も重要な瞬間にスピーチを集中し、スピーチに正しく重点を置く必要があります。

単純な数学的計算を行うと、31コマンドx（3分+ 2分）= 155分= 2時間35分です。そして、すべての種類のしゃっくりに数分を追加し、ステージ上のチームを変更するなど、チームを聞くだけでも最高で3時間かかることが明らかになります。しかし、私は繰り返しますが、当時、私はまだ31のフルタイムチームが~~レースに~~参加していることを理解していません~~でした~~ 。最初の計画から覚えているように、チームを登録したとき、実際には10チームしかなく、そのうちの2、3チームが自力で脱落すると仮定しました。

クロエはこの短い間、人前で話すことと演説の短いコースを提供することを心から試みました。彼女は、プレゼンテーションを評価できる主な基準は何であるかを話しました：第一印象、歴史、信頼性/リアリズム、シンプルさ、時間（時間管理）、感情、ビジョン、情熱/感情的な情熱。

スピーチの一部を締めくくり、発表者は再びプロトタイプを評価するための規定の基準に注意を向けました。

マスタークラスの修了後、参加者はさらに質問をする機会がありました。これらの質問のいくつかは、プロトタイプの機能性、誰がテストするか、プレゼンテーションに実際のデモンストレーションを含める方法と方法、またはスクリーンショットなどの静的スライドを省くことができるかどうかに関するものです。

これらの質問の1つに答えて、Maxim St-Pierreは、プロトタイプは間違いなく機能するはずであり、最終プレゼンテーションにデモを含めるのが最善であると明確に述べました。

この小さなストロークに注意を喚起したいと思います。プロトタイプの準備ができていて、準拠する必要があるという前提に正確に基づいているからです。

宣言された基準。

質問に答えた後、再び幸運を祈りました。そして、仕事は沸騰し始めました！（約20:00）

ファンが読むべき多くのテキスト

むしろ、作品として、特定の活動。私は、チームのすべてのメンバーに、できる限り独立して、可能な限りパーツの開発を行う必要があることをすぐに説明しました。同時に、お互いをブロックしないようにする必要があります。アーキテクチャによると、相互ブロックの可能性があるポイントは遷移であることが判明しました：JS <-> PHP、PHP <-> MySQL <-> Python。つまり、特定の方法での私の部分は、データベースの使用不可または問題によって遅延/ブロックされる可能性があります。そして私は、フロントエンドのブロッキングリンクになることがあります。

したがって、最初のステップは、データベースを上げて、PHPとPythonの両方からデータベースへのアクセスを確認することでした。

一方、Platoは両方のAPIを処理し、どちらの方法で移動するかを決定しました。

アスタリスクとマーキュリーは彼らのビジネスについて行きました。ちなみに、彼らはGithubの共通リポジトリをすぐに引き上げて、最初の数分から共同開発に実際に従事し、更新を動的に交換したという事実に喜んで驚いた。ちなみに、数週間経ちましたが、まだどこにもコードをアップロードしていません。（正直、恥ずかしい）

Zvezdochkaに、PHPサービスからの要素を含む特定のJSON配列を受け取るという事実から進めるように依頼しました。各要素には、video_id、title（title）、category（コンテンツが属するカテゴリ、スポーツ、政治、経済、多分音楽スタイルやパフォーマー、あるいは単なるケベック地域）、ボディ/説明（記事のボディ）、画像/ビデオ（ビデオまたは画像へのURL）。したがって、これらの要素の出力用にHTMLレイアウトを作成する必要があります。私は、レイアウトを2つのカテゴリの6つの要素に合わせて設計するように依頼しました。

最初のアルファ、外観、フロントエンド

それが、フロントエンドチームが1日の終わりに備えていたことです。

生成されたHTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/main.css" rel="stylesheet"> </head> <body> <div class="card-deck"> <div class="card" id="card"> <img class="card-img-top" src="images/placeholder-images.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Will need info from api</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Read more ...</a> </div> </div> <div class="card" id="card"> <img class="card-img-top" src="images/placeholder-images.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Will need info from api</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Read more ...</a> </div> </div> <div class="card" id="card"> <img class="card-img-top" src="images/placeholder-images.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Will need info from api</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Read more ...</a> </div> </div> </div> <div class="card-deck"> <div class="card" id="card"> <img class="card-img-top" src="images/placeholder-images.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Will need info from api</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Read more ...</a> </div> </div> <div class="card" id="card"> <img class="card-img-top" src="images/placeholder-images.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Will need info from api</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Read more ...</a> </div> </div> <div class="card" id="card"> <img class="card-img-top" src="images/placeholder-images.jpg" alt="Card image cap"> <div class="card-body"> <h5 class="card-title">Will need info from api</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Read more ...</a> </div> </div> </div> </body> </html>

私はいくつかのVMを起動しました。1つはDebian Jessieで、もう1つはUbuntu 16で、それらにMySQLをインストールしようとしましたが、うまくいきませんでした。急いでいるか疲れすぎていたのか、理由はわかりません。 VM自体でさえ、最初の試行で上昇しませんでした。すべてが機能するまで誰も気にしたくなかったので、別々のセキュリティグループで各VMを起動しようとしました。アズールスパッツと私は（制限された）ことになっていないと述べた。なぜそれが想定されていないのか、私はまだ理解していませんでした。プラトンは、Azureの頑固さについて必死に不平を言ったときに私に言った。その後、少し簡単になりました。その後使用したすべてのマシンとサービスは、1つのセキュリティグループとサブネットにのみ作成しました。これは元々アカウントにあり、当然同じ地域にありました。

一方、Azure VMで気に入った点は、AWSとは異なり、秘密キーを使用するか、従来のペア「ユーザー名」-「パスワード」を使用してマシンにSSHアクセスできることです。 AWSのアプローチがおそらくより安全であることを認識しています。しかし、状況によっては（このような場合）、セキュリティの問題が一時的に無関係で、アカウント自体が一時的であり、チームメンバーに十分な資格がなく、トレーニングの時間がまったくない場合は、単純なペアを交換するように思われます。ユーザー名「-」パスワードは、より効率的でかなり安全です。

そのため、テストとサーバーへの接続を簡単にするために、2つのVMでMySQLを上げて、ポート3306を外部に開くことを試みました。同時に、2つまたは3つのMySQLデータベースをAzureサービスとして調達し、サービスがより使いやすく、より便利になることを望んでいました。

それまでの間、Olivier FortinはZvezdochkaにアプローチしました。これはあなたが思い出すように、これはWebアクセス性のスペシャリストです。彼は、私たちのHTMLコードがどのように標準に達しているかを尋ねました。アスタリスクは彼の質問に鮮やかに反応し、彼女がその時に持っていたすべてを示しました。当然ながら、このコードはWCAG 2.0で有効と見なされるにはほど遠いものでした。しかし、私たちにとって、この標準は完全に抽象的なものであり、最優先事項ではありませんでした。 Olivierは、注意を払うべきものを正確に提案し、障害のある人がこれらのユーティリティを使用して製品を使用することの便利さを確認するために使用するユーティリティをインストールすることを推奨しました。

締め切りを求められた22:00までに、私は何もないところにいました。 MySQLはどこでも、どのような方法でも私に答えませんでした。気分はあまり良くなかった。そして、私は明日、私が本当に皆のためのブロックになることを恐れていました。しかし、私は少年ではない神に感謝します。金曜日の夕方、週末の終わり、多くの情報、わずかに空腹、これらすべてが一緒になって失敗の原因になる可能性があると冷静に推論しました。そして、ロシアのことわざに続いて、朝は夕方より賢く、家に帰って十分な睡眠を取る価値があり、明日は新鮮な力と新鮮な頭で戻ってきます。

ああ、ちなみに、少し忘れてしまったようです。20：30または21:00にフェートンが登場したようです。このときまでに、Azureを試して~~いるタンバリン~~で~~ダンス~~に完全に没頭し~~ていた~~ので、思い出せません。

二日目。土曜日創造性の粉

土曜日のスケジュール

3月24日土曜日

9:00到着、朝食、チームでの継続的な作業

12:00昼食、チームでの継続作業

18:00夕食、チームでの継続作業

22:00大会2日目の終わり

ご覧のとおり、スケジュールに関しては2日目が最も簡潔でした。

仕事、仕事、そして再び仕事。

土曜日の朝にイライラしたにもかかわらず、私は他の誰よりも遅く来ました。まあ、すべてではなく、9：30までにチームの4番目です。一番下の息子をロシアの学校に連れて行く必要がありました。

なぜ私たちは子供をロシアの学校に連れて行くのですか

私たちは、子供が私たちと、私たちから遠く離れて住んでいるが常に私たちの近くにいる祖父母、叔母、叔父、姉妹、兄弟との文化的つながりを完全に失わないようにしたいので、毎週土曜日にロシアの学校に連れて行きます。ちなみに、ロシア国外にあるロシア語学校の中で最大です。

かなり若い年齢でカナダに来る子どもや、ここで生まれた子どもが何年も母国語を忘れた後、多くの例を知っています。実際のところ、カナダに来た多くの親は、私の意見では、統合に集中しすぎています。私はそれらを理解できます。実際、地域コミュニティに統合しないのであれば、なぜ移動する必要があったのですか？そして子供たちのために、彼らは可能な限りすべてを始め、家族の中で英語またはフランス語を話します。そして、子供たちはすぐに新しい言語を学ぶように組み込まれています。子供が小さければ小さいほど、彼はより速く切り替わります。そして、幼稚園と学校が仕事をします。

さらに、土曜日または日曜日の追加のクラスには、追加の労力、お金、時間、注意が必要です。誰かが十分なお金を持っていない、誰かが時間を持っている、誰かが彼にそれが必要な理由を子供に伝えて証明するのにうんざりしている。そして子供たちはここで育ち、それを「自由を愛する」と呼びましょう。そして、毎週土曜日の朝、子供を連れて夕方20キロ離れた子供を連れ去るのは、信じられないことです。これは、まれな週末の多くの計画を悩まし、破る追加の負担です。

ロシアの言語、文学、地理の研究に加えて、この学校（およびこの地域の他のいくつかのロシアの学校）は数学と物理学の優れた追加の基盤を提供すると考えられており、生徒は公立学校の初等教育のための元のカナダのカリキュラムをよりよく習得することができます。

ちなみに、アスタリスクも大学に入学するまでこの学校に通っていました。そして、彼女はそこから彼女のクラスメートの多くと非常に友好的な関係を保ちました。あまり頻繁ではありませんが、彼らはまだ雇用のおかげで定期的に参加しており、一緒に時間を過ごしています。

私は同僚に挨拶し、職場に仕事の準備をしました。それからズヴェズドチカは私を即席のビュッフェに連れて行きました。そこでは朝食にコーヒー、ジュース、カップケーキを食べることができました。

途中で、彼女はその日の計画を共有しました。彼女は、マーキュリーとの仕事は本格的であり、質問や問題があれば心配する必要はありません。テーブルに戻りました。

プラトンは、彼が動きの方向を決定し、仕事に完全に没頭したことを私に知らせた。彼はまた、MySQLが機能していると述べました。びっくりしましたが、何がどのように機能するのかを詳しく調べませんでした。私が準備しなければならなかったプラトンを獲得したことは少し恥ずかしかったです。

また、メンターのパトリック・レベスクが前夜と土曜日に2回来て、すべてが正常に動いていて、彼の助けが必要ないことを確認したことにも言及する必要があります。それは楽しいものであり、自信を深めました。

それまでの間、ズベズドカとマーキュリーに、すべての部品を相互に接続する必要がある場合に、ブロッキングポイントからどれだけ離れているかを理解するために、彼らがどこに動いているかを見せてもらいました。アスタリスクは、彼らがChrome拡張機能に取り組んでおり、最も簡単なバージョンのチュートリアルで簡単に起動できると述べ、このブラウザー拡張機能がRadio Canadaページと対話する方法を理解しました。

Mercuryは、次のキーを押すとリクエストがバックエンドに送信されるように、動的入力フィールドで作業していると言いました。したがって、今のところ、水星は盲目的に進まないために私のバックエンドサービスを必要とすることがわかりました。

彼らを正しい方向で、そしてもう少し明確な方向で働き続けさせるために、私はプラトンと話をしに行きました。

プラトンは私に、かなり大きく重要な情報を教えてくれました。

ピグレットはどこへ行くの？

ラジオカナダからは、 Lineup public news APIを使用します。

AIはT ext Analyticsサービスを使用します。したがって、分析後、ラジオカナダのコンテンツに加えて、2つの追加のデータベースパラメーター/フィールドがあります：SENTIMENT（テキストの感情評価：0から1、0は負のテキスト、1は正）、KEY PHRASES（キーワードとフレーズ）。この情報を考慮に入れて、プロジェクトで何がどのように変化し、これらの追加フィールドをどのように使用できるかを外出先で分析しようとしました。

私の質問に、プラトンはどのようにしてデータベースを上げることができたのか、と彼は言いました。昨日、実験中に、私は定期的にVMの名前と実行しようとしたサービスを、SkypeのPlatoへのユーザー資格情報とパスワードとともに破棄しました。使用するサービスを決定する際に、長い間検索しないように、「準備ができている」と言うためにそうしました。プラトンは、その一部として、そのうちの1つをテストし、サービスは彼に安全に答えました。データベースは生きたもののように応答しました。 Platoで、彼が参照しているサービスまたはVM、およびユーティリティを指定しました。データベースの世界はプラトンにとってほとんど新しいものであるため、彼はインターネットで見つけたいくつかのチュートリアルに従って、Pythonから指定されたサービスをノックするだけでした。

一方で、それは私を喜ばせました。まだサービスを解除していることがわかりました。一方、昨日お気に入りのPHPStormから接続できなかった理由は明らかではありませんでした。説明は簡単で、プラトンはいわば内部からサービスに接続されていましたが、Azureネットワークの内部で、Pythonを使用して既に実行されているVMの同じセキュリティグループ内にありました。そして昨夜、私はすべての人のパブリックアクセスをセットアップしてテストしようとしました。つまり、その目的は、パブリックアクセスに関しては、私はまだ到達していませんが、データベースは仕事に利用可能であり、これは重要です。そのため、私たちにとって有効なオプションは、AzureのサービスとしてのMySQLでした。残りのVMは前日に発生しましたが、時間がないために、ハッカソンの最後まで使用せず、消火しませんでした。

カチカチ音をたてて、私のパートナーはすべて働いており、時計はすでに尾が付いた10であり、PHPを備えた開発サーバーさえ持っていません。

サーバーがPHPでどのように上昇したか

今回は何らかの理由で、すべてが最初に正しくなった。

新しいDebian Jessie VMを上げる。数分かかります（AWS以外の場合とほぼ同じです）。 SSH経由で旧友のPuttyに正常に接続できました。立ち上がったようにPHP 7.2をインストールします。 Composerをインストールします。飛行は正常です。 composer global require "laravel/installer"

をインストールしますが、エラーはないようです。公式のインストールガイドに従って、Laravel laravel new api

プロジェクトを作成します。すべてが順調に進みました。ほんの2、3の手順：Nginxをインストールし、Laravelプロジェクトのあるフォルダー内の/public

フォルダーを指すようにデフォルトの構成を変更し、phpファイルのphp-fpmを呼び出します。 Azureでは、PHPを使用してVMのポート8080へのアクセスを開きます。

保証するために、デフォルトのwelocome.blade.phpを調整して、ページとプロジェクトが正確に表示されるようにしました。

 <div class="title mb-md"> Hackathon 2018 Radio Canada </div>

ブラウザで仮想マシンのパブリックIPと出来上がりを確認します！

最初の目標：フロントエンドの人の作業をブロックしないこと。静的であっても、単純なコントローラーを作成し、それらに疑似回答を与える必要があります。しかし、少なくとも彼らはすでに相互作用を解決することができます。

PHPの最初の反復

routes/web.php

で新しいルートを作成する

 Route::get('/search', 'SearchController@index');

新しいapp/Http/Controllers/SearchController.php

は、これまでのところ唯一のインデックスメソッド/アクション

  public function index() { return response()->json([ ['video_id'=>'1', 'title'=>'title 1'], ['video_id'=>'2', 'title'=>'title 2'], ['video_id'=>'3', 'title'=>'title 3'], ]);

ブラウザをチェックインします。うまくいくようです。

 [{"video_id":"1","title":"title 1"},{"video_id":"2","title":"title 2"},{"video_id":"3","title":"title 3"}]

すでにある種の進歩であり、チームの他のメンバーのように、私は仕事に参加したと感じました。私が弱いリンクであるという不安は後退しました。

この時までにアスタリスクはコードをWebアクセス可能性に適合させ始めました。まず最初に、彼女は変更をテストできるようにNVDAを昨夜インストールしました。この日、彼女は本当に専門家でなくてもWebアクセシビリティの専門家になりました。私と同じように、彼女は「サイトセマンティクス」という用語の意味を理解したと思います。セマンティクスが単に理論的なものになるだけでなく、非常に重要で実用的な価値を持つ場合。

比較のために、最終バージョンで提示された最終HTMLを以下に示します。

HTML最終バージョン

 <body> <div id="searchDisplay"> <section><h3>Région - Saguenay - Lac-Saint-Jean - Sports</h3> <section id="deckRégion - Saguenay - Lac-Saint-Jean - Sports" title="Categorie : Région - Saguenay - Lac-Saint-Jean - Sports"> <article id="card1090009"><img class="card-image-top" src="https://images.radio-canada.ca/v1/ici-info/sports/4x3/charles-hamelin-champion-monde-patinage-vitesse-courte-piste.jpg" alt="Charles Hamelin champion du monde, Marianne St-Gelais fait ses adieux"> <h5 class="card-title">Charles Hamelin champion du monde, Marianne St-Gelais fait ses adieux</h5> <p class="card-text">Le Québécois Charles Hamelin a remporté le titre cumulatif pour une première fois dans sa carrière, dimanche, aux Championnats du monde de patinage de vitesse sur courte piste à Montréal.</p> <div id="tags"><a title="Lien pour twiter" target="_blank" href="https://twitter.com/hashtag/TitreCumulatif">#TitreCumulatif</a><a title="Lien pour twiter" target="_blank" href="https://twitter.com/hashtag/QuébécoisCharlesHamelin">#QuébécoisCharlesHamelin</a><a title="Lien pour twiter" target="_blank" href="https://twitter.com/hashtag/PatinageDeVitesse">#PatinageDeVitesse</a><a title="Lien pour twiter" target="_blank" href="https://twitter.com/hashtag/PremièreFois">#PremièreFois</a> </div> <h6 id="emotionBar"><h5 style="color: #ff0000">◙</h5><h5 style="color: #ff4000">◙</h5><h5 style="color: #ff8000">◙</h5><h5 style="color: #ffbf00">◙</h5><h5 style="color: #ffff00">◙</h5> <h5 style="color: #bfff00">◙</h5><h5 style="color: #80ff00">◙</h5><h5 style="color: #d1e1f9; "> ◙</h5><h5 style="color: #d1e1f9; ">◙</h5><h5 style="color: #d1e1f9; ">◙</h5></h6> <a href="http://ici.radio-canada.ca/sports/1090009/championnat-monde-patinage-vitesse-courte-piste-carriere-individuelle-marianne-st-gelais-kim-boutin-charles-hamelin-samuel-girard" class="btn btn-primary" id="readmore" target="_blank" title="Lire plus par rapport a l'article">Lire plus...</a></article> <article id="card1089683"> <!--     --> </article> <article id="card64200"> <!--     --> </article> <article id="card1088454"> <!--     --> </article> </section> </section> <section><h3>Région - Estrie - Sports</h3> <section id="deckRégion - Estrie - Sports" title="Categorie : Région - Estrie - Sports"> <!--     --> </section> </section> <section><h3>Région - Bas-Saint-Laurent - À ne pas manquer</h3> <section id="deckRégion - Bas-Saint-Laurent - À ne pas manquer" title="Categorie : Région - Bas-Saint-Laurent - À ne pas manquer"> <!--     --> </section> </section> </div> </body> </html>

元のバージョンと比較すると、いくつかのタグが表示されます

 <div>

より意味的に理解しやすいものに置き換えられました

 <section>  <article>

およびタグ用

 <img>  <a>

alt

およびtitle

属性がそれぞれ追加されます。このハッカソンの前に、私はそのような変更の大部分をSEOに起因すると考え、アプリケーションの目的を多少あいまいにして、これを過剰と考えました。今、私はそのような慣行の実際的な目的は長い間、HTMLコードの認識に残っていると思います：これらの変更は、 NVDAのようなプログラムが本当にわかりやすい、たとえば直接人間の言語で画面またはWebページを「読む」のに役立ちます。

私の計画の次のステップは、Zvezdochkaのサービスを作成することでした。このサービスは、静的データを静的データに置き換え、その後、データベースの動的データに置き換えます。 Laravel configに別の方法を追加しました

 Route::get('/feed', 'SearchController@feed');

それに応じて、SearchControllerの別のメソッド

  public function feed() { return response()->json([ ['video_id'=>'1', 'title'=>'title 1', 'description'=>'Description 1'], ['video_id'=>'2', 'title'=>'title 2', 'description'=>'Description 2'], ['video_id'=>'3', 'title'=>'title 3', 'description'=>'Description 3'] ]); }

最初の接着フロントエンド-バックエンド

すでに12日の始まりでした。 Zvezdochkaに、データテンプレートを自分のテンプレートへの呼び出しに置き換えるように依頼しました。現時点では、彼女は主にHTMLの変更とCSSの改良に忙しかった。オリビエと話した後、彼女はbootstrap.cssの使用を拒否したことに注意したい。私はこの決定に少し異議を唱えましたが、時間がないために議論を掘り下げることができませんでした。私は誰もが彼が理解する方法で彼の作品を作ると決めました。そのため、アスタリスクは、私のサービスへの呼び出しが機能していないことを教えてくれました！私はブラウザで数回ダブルチェックしました-私のサービスはjsonをうまくくれました。

最初はJSコードになりましたが、実際にはアスタリスクを信用していませんでした。さらに、彼女はJSの100％の知識があると主張しませんでした。

このコードのようなものを見つけるのは少しがっかりしました。

 function parseJson() { xml = new XMLHttpRequest(); xml.onreadystatechange = getData; xml.open("GET","http://.../feed/"); xml.send(); } function getData() { if(xml.readyState == XMLHttpRequest.DONE && xml.status == 200) { console.log(xml.responseText); jsonArray = JSON.parse(xml.responseText); fillInCards(); } else { console.log("There was a problem with connection"); } }

私はJSでは特別ではありません。しかし、私がAJAXについて話している場合、私が使っていたものは、これは必須のjQueryまたはその類似物です。なぜこのような意見を出したのかは覚えていませんが、AJAX呼び出しに生のJSを使用することに内部的に何らかの理由で反対しています。おそらく、知識が限られているため、デフォルトで、忘れたり知らないことがあるアクションを実行するライブラリに依存しています：接続を開く/閉じる、非標準イベントを処理する、何らかのハンドラを呼び出す、データをチェック/検証する出荷前および/または受領時に。

私にとって、フォームのコードはより馴染みのあるものです：

 $.ajax({ url: "http://.../feed/", cache: false, success: function(data) { getData(data); } });

しかし、何をすべきか、Zvezdochkaは、彼女のコードが、以前は大学で行ったことがなく、動作するはずの多くの実験室の作業やプロジェクトで検証されたと主張しました。私は彼女を信じなければなりませんでした。さらに、少し調査した結果、次のことがわかりました。

論理的ではないように思えました。つまり、ajax要求は、サービスからステータス200の応答を受信しましたが、応答本文を受信せず、JSコンソールにエラーを返しました： 'Access-Control-Allow-Origin'ヘッダーが要求されたリソースに存在しません。約5分間、何が起きているのかを理解しようとして愚かでした。それから、これらがおそらくデフォルトのLaravelセキュリティ設定、または、Chrome設定自体であり、デフォルトではドメイン/ホストに対してのみAJAXリクエストを許可することがわかりました。

少しグーグルで調べて、データと共にヘッダー 'Access-Control-Allow-Origin'を返すだけで問題を解決できると判断しました。私の方法を少し試したところ、次のようになりました。

 public function feed() { return response()->json([ ['video_id'=>'1', 'title'=>'title 1', 'description'=>'Description 1'], ['video_id'=>'2', 'title'=>'title 2', 'description'=>'Description 2'], ['video_id'=>'3', 'title'=>'title 3', 'description'=>'Description 3'] ],200)->header('Access-Control-Allow-Origin',"*");; }

その後、JSは呪いをやめました。フロントエンドバックエンド靭帯が形成されているように見えた。

ご希望に応じて、地元の昼食だけで2回目の朝食または最初の夕食をお楽しみください。最初に食事をするのは、マーキュリーと一緒のズヴィオズドチカです。そして、プラトンと私は、コードから少し離れて、データベーステーブルの現在の進捗と構造について議論しました。 Platoは、ニュースを受信し、分析のためにAIに送信するためのコードがほぼ90％準備ができていることを再度確認しました。

残念なことに、プラトンはハッカソンの後にリポジトリを作成したため、時間の経過とともにスクリプトの開発を追跡することはできません。この部分の終わり近くにスクリプト全体を挿入します。それまでの間、プラトンは、昼食前の時点で、昼食後すぐにデータベースに約100から120のエントリが表示されると予想できると言います。これまでのところ私には合っていて、開発は計画通りすべての面で正確に動いていると感じました。

そして、落ち着いた精神で、私たちはおやつにも行きました。

メンタルワーカーの給餌とは

, . - , , , , . . : , , - ( , , . — ! :-) ). , . . - , . - . , . - .

, , , . , , . , . . , — . . , , , . , - , - , - , , . , . 12. 2 3 . , «».

昼食後、データベース内の実際のデータを見越して、フロントエンドとの対話に焦点を当てました。私はZvezdochkaにRadio Canadaページとの統合で何をするのかを見せるように頼みました。彼女は、現時点で何とか達成できたのは、完全にオリジナルのHTML、またはコンテンツのあるメインブロックをクリアすることだけだったことを示しました。

そして、元のCSSを再利用しようとする私の夢と空想はほとんどありません。この品質の設計では、ラジオカナダの元のページに統合しようとする意味がなくなりました。このような不器用な統合により、意図したとおりにページがくなり、きれいになりますが、逆に、挿入物を使用して元のデザインを単純に見分けがつかなくなることがわかりました。元のJSとCSSがどのように反応するかはまだ不明です。

短い議論の後、全員がプロトタイプのコンセプトをわずかに変更することに同意しました。統合のidebを削除することを提案しました。とにかくブラウザープラグインがあるため、結果を直接出力できます。つまり、検索文字列のフィールドのすぐ下に、ブラウザーウィンドウの右側にパネルが表示されます。

時間が経ちました。 Zvezdochkaがサイクルを書き換えてカテゴリ数を2に等しくし、新しいセクションが次の要素に出現した場合はカテゴリのセクションを動的に作成し、カテゴリがすでに受信されている場合は既存のセクションにコンテンツを追加する必要があるときにヒッチが発生しました。さらに、右側のパネルの設計により、出力は3列ではなく、テープのように1列になりました。

Platoは、データベースへのデータ出力で一時的に行き詰まりました。前述したように、これは彼にとって、データベースでのPythonの実際の使用の最初の例でした。ヒッチは準備された声明で起こった。プラトンは、パイソンの理解できないメッセージと戦うのにうんざりしていたとき、何が問題なのかを改めて見直すように頼みました。データベースは私の話題であるため、いわば、ここで手伝うことができました。プラトンは、準備された声明のためにインターネットから例を修正しようとしました。しかし、彼は値の直接連結を使用し、当然のことながらPythonは呪われていました。リクエストをデータから分離するとすぐに、すべてが機能しました。

最初のデータがデータベースに表示されるとすぐに、データスタブをデータベースの実際のデータに置き換えました。これに関連して、フロントエンドのメンバーはすぐにスタイルと要素を浮かせました。カテゴリの見出しは、まず大きすぎることが判明し、次に、いくつかの恐怖を伴うデータにランダムなHTMLマークアップが含まれていることが判明しました。

データ例

title:

 Protection de l'eau potable : des municipalités québécoises prêtes à aller devant les tribunaux

summary:

 <p>Des représentants de plus de 300 municipalités du Québec ont voté à l'unanimité une résolution qui leur permettrait d'aller devant les tribunaux si Québec n'impose pas des normes plus sévères afin de protéger leurs sources d'eau potable. Même s'ils concèdent voir des signes positifs au gouvernement provincial, ils menacent d'entamer des démarches judiciaires si les lois n'évoluent pas rapidement.</p>

body:

 <p><small class="item-without-url">Ma région</small><span><a href="/grandmontreal">Grand Montréal</a></span></p> <p>Des représentants de plus de 300 municipalités du Québec ont voté à l'unanimité une résolution qui leur permettrait d'aller devant les tribunaux si Québec n'impose pas des normes plus sévères afin de protéger leurs sources d'eau potable. Même s'ils concèdent voir des signes positifs au gouvernement provincial, ils menacent d'entamer des démarches judiciaires si les lois n'évoluent pas rapidement.</p> <p>Avec ce vote unanime, les municipalités rassemblées ont envoyé un signe clair à Québec. Les 338 représentants demandent une dérogation, au ministre de l'Environnement, pour obtenir le pouvoir d'imposer des distances d'un minimum de deux kilomètrres entre les sources d'eau potable et les éventuelles installations gazières et pétrolières, plutôt que les 500 mètres prescrits par le gouvernement.<br/><br/>« Ça m'a ému de voir l'unanimité et la solidarité de mes collègues », raconte Gérard Jean, maire de Lanoraie, une municipalité de Lanaudière.<br/><br/><div class="center image-from-url-with-caption-v2" data-component-name="ImageFromUrlWithCaptionV2"><div class="wrapper-media"><div class="container-image image-soft-crop-xl image-soft-crop-lg"><picture class="picture bunker-component" data-component-name="Picture"><source media="(min-width: 1599.01px)" srcset="https://images.radio-canada.ca/q_auto,w_635/v1/ici-info/16x9/lisette-maillet-austin.jpg"/><source media="(min-width: 1239.01px)" srcset="https://images.radio-canada.ca/q_auto,w_635/v1/ici-info/16x9/lisette-maillet-austin.jpg"/><source media="(min-width: 1023.01px)" srcset="https://images.radio-canada.ca/q_auto,w_1250/v1/ici-info/16x9/lisette-maillet-austin.jpg"/><source media="(min-width: 640.01px)" srcset="https://images.radio-canada.ca/q_auto,w_960/v1/ici-info/16x9/lisette-maillet-austin.jpg"/><source media="(min-width: 522.01px)" srcset="https://images.radio-canada.ca/q_auto,w_635/v1/ici-info/16x9/lisette-maillet-austin.jpg"/><source media="(min-width: 0px)" srcset="https://images.radio-canada.ca/q_auto,w_480/v1/ici-info/16x9/lisette-maillet-austin.jpg"/><img alt="La mairesse Lisette Maillé, d'Austin, dans une salle de réunion" src="https://images.radio-canada.ca/q_auto,w_635/v1/ici-info/16x9/lisette-maillet-austin.jpg" title="La mairesse Lisette Maillé, d'Austin, dans une salle de réunion"/> </picture></div></div><span aria-hidden="true" class="photo-caption"> Lisette Maillé, mairesse d'Austin, en Estrie, milite en faveur d'une meilleure protection des sources d'eau potable. Photo : Radio-Canada/Radio-Canada </span></div><blockquote><p class="quote">C'est deux kilomètres ou rien!<footer>Lisette Maillé, mairesse d'Austin, en Estrie</footer></p></blockquote><p>Actuellement, des pourparlers sont en cours avec la ministre du Développement durable, de l'Environnement et de la Lutte contre les changements climatiques, Isabelle Melançon.<br/><br/>Les membres du comité de pilotage du dossier se disent confiants que la ministre Melançon approuve leur demande. À la suite d'une rencontre avec le comité, le 20 mars, elle s'est engagée à rendre une réponse dans la semaine du 9 avril.<p>En entrevue avec Radio-Canada, Gérard Jean s'est montré optimiste, disant avoir senti « une grande ouverture » de la part de Mme Melançon.<p>M. Jean rappelle que les municipalités attendent une réponse positive depuis près de quatre ans. Dans la négative, les municipalités pourraient envisager des mesures judiciaires.<p><strong>Un précédent</strong><p>Le 18 février, la municipalité de <a href="/nouvelle/1086340/ristigouche-sud-est-gastem-deboutee">Ristigouche Sud-Est a gagné son procès face à la pétrolière Gastem</a>. Le droit de protéger les sources d'eau potable de ses citoyens lui a été reconnu par la Cour supérieure. Selon le maire de Ristigouche Sud-Est, François Boulay, ce jugement permet d'« appuyer les municipalités » face à un règlement qu'il juge actuellement « inadéquat ».<blockquote><p class="quote">Comme nous l'avons vu dans le jugement de Ristigouche, le principe de précaution appartient aux municipalités. C'est nous qui sommes redevables aux citoyens.<footer>Gérard Jean, maire de Lanoraie</footer></p></blockquote><p>Selon M. Jean, ce jugement « renforce » la position des municipalités dans ce dossier. « Je pense que le gouvernement a pris bonne note de ça », at-il ajouté.<p>Vendredi, Mme Melançon s'est prononcée <a href="/nouvelle/1091246/environnement-energies-fossiles-ministre-isabelle-melancon-exploitation-environnement">contre les projets d'exploitation de pétrole et de gaz naturel</a> sur le territoire de la province.<br/><br/><div class="framed"><p><strong>À lire aussi :</strong><ul><li><a href="../" title="http://ici.radio-canada.ca/nouvelle/1059037/exploitation-petrole-philippe-couillard-rassurant">Exploitation pétrolière : Philippe Couillard se veut rassurant</a><li><a href="/nouvelle/1089162/climat-changements-climatiques-villes-solutions-idees">Changements climatiques : trois idées innovantes pour les villes</a></li></li></ul></p></div></p></p></p></p></p></p></p></p> <p class="quote">C'est deux kilomètres ou rien!<footer>Lisette Maillé, mairesse d'Austin, en Estrie</footer></p> <p>Actuellement, des pourparlers sont en cours avec la ministre du Développement durable, de l'Environnement et de la Lutte contre les changements climatiques, Isabelle Melançon.<br/><br/>Les membres du comité de pilotage du dossier se disent confiants que la ministre Melançon approuve leur demande. À la suite d'une rencontre avec le comité, le 20 mars, elle s'est engagée à rendre une réponse dans la semaine du 9 avril.<p>En entrevue avec Radio-Canada, Gérard Jean s'est montré optimiste, disant avoir senti « une grande ouverture » de la part de Mme Melançon.<p>M. Jean rappelle que les municipalités attendent une réponse positive depuis près de quatre ans. Dans la négative, les municipalités pourraient envisager des mesures judiciaires.<p><strong>Un précédent</strong><p>Le 18 février, la municipalité de <a href="/nouvelle/1086340/ristigouche-sud-est-gastem-deboutee">Ristigouche Sud-Est a gagné son procès face à la pétrolière Gastem</a>. Le droit de protéger les sources d'eau potable de ses citoyens lui a été reconnu par la Cour supérieure. Selon le maire de Ristigouche Sud-Est, François Boulay, ce jugement permet d'« appuyer les municipalités » face à un règlement qu'il juge actuellement « inadéquat ».<blockquote><p class="quote">Comme nous l'avons vu dans le jugement de Ristigouche, le principe de précaution appartient aux municipalités. C'est nous qui sommes redevables aux citoyens.<footer>Gérard Jean, maire de Lanoraie</footer></p></blockquote><p>Selon M. Jean, ce jugement « renforce » la position des municipalités dans ce dossier. « Je pense que le gouvernement a pris bonne note de ça », at-il ajouté.<p>Vendredi, Mme Melançon s'est prononcée <a href="/nouvelle/1091246/environnement-energies-fossiles-ministre-isabelle-melancon-exploitation-environnement">contre les projets d'exploitation de pétrole et de gaz naturel</a> sur le territoire de la province.<br/><br/><div class="framed"><p><strong>À lire aussi :</strong><ul><li><a href="../" title="http://ici.radio-canada.ca/nouvelle/1059037/exploitation-petrole-philippe-couillard-rassurant">Exploitation pétrolière : Philippe Couillard se veut rassurant</a><li><a href="/nouvelle/1089162/climat-changements-climatiques-villes-solutions-idees">Changements climatiques : trois idées innovantes pour les villes</a></li></li></ul></p></div></p></p></p></p></p></p></p> <p>En entrevue avec Radio-Canada, Gérard Jean s'est montré optimiste, disant avoir senti « une grande ouverture » de la part de Mme Melançon.<p>M. Jean rappelle que les municipalités attendent une réponse positive depuis près de quatre ans. Dans la négative, les municipalités pourraient envisager des mesures judiciaires.<p><strong>Un précédent</strong><p>Le 18 février, la municipalité de <a href="/nouvelle/1086340/ristigouche-sud-est-gastem-deboutee">Ristigouche Sud-Est a gagné son procès face à la pétrolière Gastem</a>. Le droit de protéger les sources d'eau potable de ses citoyens lui a été reconnu par la Cour supérieure. Selon le maire de Ristigouche Sud-Est, François Boulay, ce jugement permet d'« appuyer les municipalités » face à un règlement qu'il juge actuellement « inadéquat ».<blockquote><p class="quote">Comme nous l'avons vu dans le jugement de Ristigouche, le principe de précaution appartient aux municipalités. C'est nous qui sommes redevables aux citoyens.<footer>Gérard Jean, maire de Lanoraie</footer></p></blockquote><p>Selon M. Jean, ce jugement « renforce » la position des municipalités dans ce dossier. « Je pense que le gouvernement a pris bonne note de ça », at-il ajouté.<p>Vendredi, Mme Melançon s'est prononcée <a href="/nouvelle/1091246/environnement-energies-fossiles-ministre-isabelle-melancon-exploitation-environnement">contre les projets d'exploitation de pétrole et de gaz naturel</a> sur le territoire de la province.<br/><br/><div class="framed"><p><strong>À lire aussi :</strong><ul><li><a href="../" title="http://ici.radio-canada.ca/nouvelle/1059037/exploitation-petrole-philippe-couillard-rassurant">Exploitation pétrolière : Philippe Couillard se veut rassurant</a><li><a href="/nouvelle/1089162/climat-changements-climatiques-villes-solutions-idees">Changements climatiques : trois idées innovantes pour les villes</a></li></li></ul></p></div></p></p></p></p></p></p> <p>M. Jean rappelle que les municipalités attendent une réponse positive depuis près de quatre ans. Dans la négative, les municipalités pourraient envisager des mesures judiciaires.<p><strong>Un précédent</strong><p>Le 18 février, la municipalité de <a href="/nouvelle/1086340/ristigouche-sud-est-gastem-deboutee">Ristigouche Sud-Est a gagné son procès face à la pétrolière Gastem</a>. Le droit de protéger les sources d'eau potable de ses citoyens lui a été reconnu par la Cour supérieure. Selon le maire de Ristigouche Sud-Est, François Boulay, ce jugement permet d'« appuyer les municipalités » face à un règlement qu'il juge actuellement « inadéquat ».<blockquote><p class="quote">Comme nous l'avons vu dans le jugement de Ristigouche, le principe de précaution appartient aux municipalités. C'est nous qui sommes redevables aux citoyens.<footer>Gérard Jean, maire de Lanoraie</footer></p></blockquote><p>Selon M. Jean, ce jugement « renforce » la position des municipalités dans ce dossier. « Je pense que le gouvernement a pris bonne note de ça », at-il ajouté.<p>Vendredi, Mme Melançon s'est prononcée <a href="/nouvelle/1091246/environnement-energies-fossiles-ministre-isabelle-melancon-exploitation-environnement">contre les projets d'exploitation de pétrole et de gaz naturel</a> sur le territoire de la province.<br/><br/><div class="framed"><p><strong>À lire aussi :</strong><ul><li><a href="../" title="http://ici.radio-canada.ca/nouvelle/1059037/exploitation-petrole-philippe-couillard-rassurant">Exploitation pétrolière : Philippe Couillard se veut rassurant</a><li><a href="/nouvelle/1089162/climat-changements-climatiques-villes-solutions-idees">Changements climatiques : trois idées innovantes pour les villes</a></li></li></ul></p></div></p></p></p></p></p> <p><strong>Un précédent</strong><p>Le 18 février, la municipalité de <a href="/nouvelle/1086340/ristigouche-sud-est-gastem-deboutee">Ristigouche Sud-Est a gagné son procès face à la pétrolière Gastem</a>. Le droit de protéger les sources d'eau potable de ses citoyens lui a été reconnu par la Cour supérieure. Selon le maire de Ristigouche Sud-Est, François Boulay, ce jugement permet d'« appuyer les municipalités » face à un règlement qu'il juge actuellement « inadéquat ».<blockquote><p class="quote">Comme nous l'avons vu dans le jugement de Ristigouche, le principe de précaution appartient aux municipalités. C'est nous qui sommes redevables aux citoyens.<footer>Gérard Jean, maire de Lanoraie</footer></p></blockquote><p>Selon M. Jean, ce jugement « renforce » la position des municipalités dans ce dossier. « Je pense que le gouvernement a pris bonne note de ça », at-il ajouté.<p>Vendredi, Mme Melançon s'est prononcée <a href="/nouvelle/1091246/environnement-energies-fossiles-ministre-isabelle-melancon-exploitation-environnement">contre les projets d'exploitation de pétrole et de gaz naturel</a> sur le territoire de la province.<br/><br/><div class="framed"><p><strong>À lire aussi :</strong><ul><li><a href="../" title="http://ici.radio-canada.ca/nouvelle/1059037/exploitation-petrole-philippe-couillard-rassurant">Exploitation pétrolière : Philippe Couillard se veut rassurant</a><li><a href="/nouvelle/1089162/climat-changements-climatiques-villes-solutions-idees">Changements climatiques : trois idées innovantes pour les villes</a></li></li></ul></p></div></p></p></p></p> <p>Le 18 février, la municipalité de <a href="/nouvelle/1086340/ristigouche-sud-est-gastem-deboutee">Ristigouche Sud-Est a gagné son procès face à la pétrolière Gastem</a>. Le droit de protéger les sources d'eau potable de ses citoyens lui a été reconnu par la Cour supérieure. Selon le maire de Ristigouche Sud-Est, François Boulay, ce jugement permet d'« appuyer les municipalités » face à un règlement qu'il juge actuellement « inadéquat ».<blockquote><p class="quote">Comme nous l'avons vu dans le jugement de Ristigouche, le principe de précaution appartient aux municipalités. C'est nous qui sommes redevables aux citoyens.<footer>Gérard Jean, maire de Lanoraie</footer></p></blockquote><p>Selon M. Jean, ce jugement « renforce » la position des municipalités dans ce dossier. « Je pense que le gouvernement a pris bonne note de ça », at-il ajouté.<p>Vendredi, Mme Melançon s'est prononcée <a href="/nouvelle/1091246/environnement-energies-fossiles-ministre-isabelle-melancon-exploitation-environnement">contre les projets d'exploitation de pétrole et de gaz naturel</a> sur le territoire de la province.<br/><br/><div class="framed"><p><strong>À lire aussi :</strong><ul><li><a href="../" title="http://ici.radio-canada.ca/nouvelle/1059037/exploitation-petrole-philippe-couillard-rassurant">Exploitation pétrolière : Philippe Couillard se veut rassurant</a><li><a href="/nouvelle/1089162/climat-changements-climatiques-villes-solutions-idees">Changements climatiques : trois idées innovantes pour les villes</a></li></li></ul></p></div></p></p></p> <p class="quote">Comme nous l'avons vu dans le jugement de Ristigouche, le principe de précaution appartient aux municipalités. C'est nous qui sommes redevables aux citoyens.<footer>Gérard Jean, maire de Lanoraie</footer></p> <p>Selon M. Jean, ce jugement « renforce » la position des municipalités dans ce dossier. « Je pense que le gouvernement a pris bonne note de ça », at-il ajouté.<p>Vendredi, Mme Melançon s'est prononcée <a href="/nouvelle/1091246/environnement-energies-fossiles-ministre-isabelle-melancon-exploitation-environnement">contre les projets d'exploitation de pétrole et de gaz naturel</a> sur le territoire de la province.<br/><br/><div class="framed"><p><strong>À lire aussi :</strong><ul><li><a href="../" title="http://ici.radio-canada.ca/nouvelle/1059037/exploitation-petrole-philippe-couillard-rassurant">Exploitation pétrolière : Philippe Couillard se veut rassurant</a><li><a href="/nouvelle/1089162/climat-changements-climatiques-villes-solutions-idees">Changements climatiques : trois idées innovantes pour les villes</a></li></li></ul></p></div></p></p> <p>Vendredi, Mme Melançon s'est prononcée <a href="/nouvelle/1091246/environnement-energies-fossiles-ministre-isabelle-melancon-exploitation-environnement">contre les projets d'exploitation de pétrole et de gaz naturel</a> sur le territoire de la province.<br/><br/><div class="framed"><p><strong>À lire aussi :</strong><ul><li><a href="../" title="http://ici.radio-canada.ca/nouvelle/1059037/exploitation-petrole-philippe-couillard-rassurant">Exploitation pétrolière : Philippe Couillard se veut rassurant</a><li><a href="/nouvelle/1089162/climat-changements-climatiques-villes-solutions-idees">Changements climatiques : trois idées innovantes pour les villes</a></li></li></ul></p></div></p> <p><strong>À lire aussi :</strong><ul><li><a href="../" title="http://ici.radio-canada.ca/nouvelle/1059037/exploitation-petrole-philippe-couillard-rassurant">Exploitation pétrolière : Philippe Couillard se veut rassurant</a><li><a href="/nouvelle/1089162/climat-changements-climatiques-villes-solutions-idees">Changements climatiques : trois idées innovantes pour les villes</a></li></li></ul></p> <p aria-hidden="true" class="ticker">Armes à feu<h3>La jeunesse américaine se mobilise en masse contre les armes à feu</h3></p> <p aria-hidden="true" class="ticker">Criminalité<h3>Attentat en France : hommage national en l'honneur du gendarme Beltrame</h3></p> <p aria-hidden="true" class="ticker">Hockey<h3>Alexis Lafrenière : l'éclatante entrée en scène d'un surdoué</h3></p> <p aria-hidden="true" class="ticker">Catalogne : vers une rupture avec l'Espagne?<h3>Carles Puigdemont évite l'arrestation en Finlande</h3></p> <p aria-hidden="true" class="ticker">Emploi<h3>Immigration : le silence de la CAQ</h3></p> <p class="text">Veuillez noter que Radio-Canada ne cautionne pas les opinions exprimées. Vos commentaires seront modérés, et publiés s'ils respectent <a href="http://ici.radio-canada.ca/apropos/conditionsutilisation/netiquette/">la nétiquette</a>. Bonne discussion!<div class="component viafoura-commentaire bunker-component" data-articleid="commments--1641051734" data-bind="appearsOnScreenOnce: appearsOnScreenOnceHandler,css:(showOnMobile() == 'True' && forceMobile())?'':'hidden-mobile hidden-mobile-xs hidden-tablet-lg hidden-tablet-md'" data-component-name="ViaFourra" data-lazyload="False" data-loadonclick="True" data-path="http://v4.radio-canada.ca/nouvelle/1091279/protection-eau-potable-municipalites-quebec-tribunal-melancon-ristigouche-lanoraie" data-showonmobile="True"><div class="button-show-more-comments" data-bind="visible:forceMobile" style="display:none"><button data-bind="click:clickHandlerShowComment, text: textButton()">Afficher les commentaires</button></div><div class="button-show-more-comments" data-bind="visible:!forceMobile()" style="display:none"><button data-bind="click:clickHandlerShowComment, text: textButton()">Afficher les commentaires</button></div><div id="pluckComments-0"><a id="commenter" name="commenter"></a></div></div></p> <p class="kicker"><span class="info-feed-content-tag" data-component-name="InfoFeedContentTag">Industrie pétrolière</span>....

これを発見すると、アスタリスクはコンテンツの出力自体をJSでやり直し始め、私は当然、自宅でそれを変更し始めました。私はフロントエンドのコンテンツプロバイダーだと思っていたので、データベースから汚れたテキストをクロールしても、それをクリアして、すでにクリアされたHTMLガベージのテキストを返さなければなりません。

この場合、記事の本文は必要ありませんでした。記憶形式には、HTMLマークアップとCSSスタイルだけでなく、JS関数の呼び出しも非常に予期せず含まれていることがわかります。パブリックAPIは言うまでもなく、あえてAPIとは呼びません。しかし、プロトタイプに必要なものはあります。タイトルと概要を克服するのに十分です。このため、HTMLガベージをクリーンアップし、他のデータの必要なフォーマットを生成する関数をすばやく作成しました。

フロントエンドに送信する前に、データベースのデータをフォーマットします

 private function decorate($article) { return [ 'video_id'=>$article['article_id'], 'category'=>$article['region'], 'title'=> html_entity_decode($article['title']), 'description'=>strip_tags(html_entity_decode($article['summary'])), 'image'=>$article['images'], 'rating'=>round(10*floatval ($article['sentiment']),0), 'link'=>$article['link'], 'tags'=>$this->decorateTags($article['keyphrases']) ]; }

時間は刻々と過ぎています。すべてが動作中およびデバッグ中です。プロトタイプのすべての部分が機能しているように見えます。チームは感情的な上昇を感じます。

しかし、最初からわかっていたように、AIを何らかの方法で検索ラインにねじ込む必要があります。

そのため、全能のAIから返された「感情的な評価」と「キーワード」があります。しかし、検索でこれらのオプションの重要性と必要性をどのように示すのでしょうか？陽性評価で検索結果をソートする必要がありますか？キーワードをどうするか？さらに、楽しい「汚い」コンテンツのために、キーワードは次のようになります。

地方自治体、ケベック州、signes positifs、govvernement provincial、nbsp、sources d'eau potable、démarchesjudiciaires、lois、unanimité、representants、normes、résolution、tribunaux

キーワード「nbsp」に注意してください;-) AIに敬意を表さなければなりませんが、彼はHTMLタグをキーワードとして返すようには見えませんでした。

移動中に、これらの追加の分析データをどのように使用するかに関係なく、関数ですでに少し見たように、各レコードとともにそれらを確実に提供する必要があることが決定されました。

視覚化のために、いくつかのキャラクターのプログレスバーを使用することを提案しました。特に私が言ったように、彼らはjQueryがなくても裸のJSで働いていたので、いくつかのプラグインの検索に時間を費やしたくなかったからといって、何かをすばやく見つけて固定できるとは思えませんでした。

キーワードに関しては、彼らはTwitterへのハッシュタグリンクに変えることを思いついた。最初はTwitterには任意の単語やフレーズのコンテンツはないように見えましたが、いくつかのテストを行った結果、このアイデアは非常に有効であることが判明しました。

したがって、この段階で、陽性の評価とハッシュタグリンクを使用して、検索結果を単純に拡張および強化することを決定しました。

どういうわけか迅速かつ目立たずに夕食の時間に近づいた。誰もが仕事に非常に没頭しているという事実にもかかわらず、私たちは皆、喜んでコードから見上げて、参加者が配給物を持ってきた部屋に行きました：コーヒーでも言ったように、ストレスがたまりました。

夕食時に、私たちは一日を終わらせる計画について話し合いましたが、まだ多くのデバッグが必要でした。プラグインの積極性のレベルでフィルタリングする機能を追加する機会があれば提案しました。たとえば、ユーザーが今日「悪い」ニュースを読みたくない場合は、検索時に最低レベルの陽性を上げることができ、フィルターされた結果を提供します。機能が分割されていたので、男は試してみることに同意しました。アスタリスクは主に設計とレイアウトに従事し、Mercuryは私のPHPバックエンドと対話しました。そして、この部分はそのままで完了し、機能し、1つまたは2つの新しいリクエストを追加することができました。

プラトンは、より多くのデータを処理する必要性について議論しました。彼は、すでに受け取った100〜120件のレコードは単なるカテゴリであると説明しました。そして、彼はさらにいくつかのカテゴリーを引き出し、それに応じて、AIを介してすべてを駆動し、データベースにアップロードする機会があることを確認します。彼らはそれを決めました。

夕食後、全員が仕事に戻りました。しかし、私はズベズドチカにコーヒーを買うように頼みました。

広告ではなく、むしろ国の味を数える

TimHortons . .

. . , , , Starbucks, Timhortons — , . (donuts) .

TimHortons. , - .

TimHortons? , . 12 , , , . . .

そして、ズベズドチカが魔法のように暑いピークで戻ってきたとき、私たちは第2の風を受けました。

次の3〜4時間は、かわいいものを作成するために一生懸命努力しました。動的検索の場合、リクエストのバックエンドで私に届く検索文字の数に応じて、2つの異なるリクエストを行いました。全文検索は短い単語ではうまく機能せず、単に多くの文字の組み合わせを無視することを知っていたため、最大3文字の検索LIKE

には通常のデータベース検索を使用し、検索文字列が長くなると別のクエリを実行することにしましたMATCH

。

これにより、より美しいプレゼンテーションのために、バックエンドからの空の回答を避けることができます。

厳しく判断しないでください

 public function searchRange( $min, $max, $term) { $pdo = DB::connection()->getPdo(); if(strlen($term)>3){ $query = "SELECT * from articles WHERE ROUND(sentiment,1) >= :min AND ROUND(sentiment,1) <= :max AND images != '0' AND MATCH (title, summary, body, keyphrases) AGAINST (:term IN NATURAL LANGUAGE MODE) LIMIT 50;"; $stmt = $pdo->prepare($query); $stmt->bindValue('min',round(intval($min)/10,2)); $stmt->bindValue('max',round(intval($max)/10,2)); $stmt->bindParam('term',$term); } else { $query = "SELECT * from articles WHERE ROUND(sentiment,1) >= :min AND ROUND(sentiment,1) <= :max AND images != '0' AND (title LIKE :term OR summary LIKE :term1) LIMIT 50;"; $stmt = $pdo->prepare($query); $stmt->bindValue('min',round(intval($min)/10,2)); $stmt->bindValue('max',round(intval($max)/10,2)); $stmt->bindValue('term',"%$term%"); $stmt->bindValue('term1',"%$term%"); } $stmt->execute(); $res = $stmt->fetchAll(); $ret = []; foreach($res as $article) { $ret[] = $this->decorate($article); } return response()->json($ret,200)->header('Access-Control-Allow-Origin',"*"); }

しかし、私たち全員がすでに喜びを経験しており、おそらく、ソリューションが機能したという事実さえ誇りに思っています。計画通りに機能する本格的なプロトタイプがありました。主催者が発表したすべての基準を満たしています。これは私たち全員にとって十分すぎるものでした。

その日の終わりに、プラトンは80のカテゴリ/地域のテーブルに約1,200のエントリを提供しました。簡単なテストとデモンストレーションでは、結果は少なくとも機能しているように見えました。

私の話の次の部分を締めくくり、まず、謝罪したいのです。遅れて（第2部の発行からほぼ1か月が過ぎました））、信じてください、私は心からより速く書こうとしました。この間に、私はなんとか仕事を失い、新しい仕事を見つけて、流lyではあるがELKスタック（Elasticsearch、Logstash、Kibana、Filebeat）を学びました。次の記事はElasticに関するものだと思います。

この第3部を書き始めたとき、最終的なものになると確信していました。私は自分の強さを過大評価し、素材の量を過小評価しました。おそらく経験があれば、もっと簡潔に何かを表現することを学ぶでしょう。この場合、読者が興味を持っているものを正確に判断することは難しいことを考慮してください。これはまだ技術的な記事ではありませんが、すべてについて少し説明しています。しかし同時に、私は何が起こっているのかという技術的な面も見せたいと思います。Chromeプラグインを

ダウンロードしてインストールできます。開発者モードでのみtrue。インストール前にコードを表示できます。実際には何も存在せず、何かを読んでください。

最終日、ファイナリストのプロジェクト、私自身のために行った一般的な結論の説明で、最終パートに残らないように非常に一生懸命努力します。

フラスコに粉末はありますか？ Hackathon Radio Canada 2018（第3部-はじめに！注意！3月！）

初日。 金曜日の夜。 石を投げる時間