On October 5, 1877, Chief Joseph, exhausted and disheartened, surrendered in the Bears Paw Mountains of Montana, forty miles south of Canada. Thunder Rolling Down the Mountain was born in 1840 in the Wallowa Valley of what is now northeastern Oregon. He took the name of his father, (Old) Chief Joseph, or Joseph the Elder. When his father died in 1871, Joseph, or Joseph the Younger, was elected his

[冒頭発言] ・閣議の概要について ・島尻安伊子氏の宮腰内閣府特命担当大臣補佐官任命について ・復興推進会議について ・スクバルネリス・リトアニア共和国首相の来日について ・菅官房長官の沖縄県訪問について

平成３０年１０月５日、安倍総理は、総理大臣官邸でエジプト・アラブ共和国のサーメハ・シュクリ外務大臣等による表敬を受けました。

〒100-8968 東京都千代田区永田町1-6-1 TEL.03-5253-2111（代表） 内閣府大臣官房政府広報室 Copyright Cabinet Office, Government of Japan. All Rights Reserved.

〒100-8968 東京都千代田区永田町1-6-1 TEL.03-5253-2111（代表） 内閣府大臣官房政府広報室

〒100-8968 東京都千代田区永田町1-6-1 TEL.03-5253-2111（代表） 内閣府大臣官房政府広報室 Copyright Cabinet Office, Government of Japan. All Rights Reserved.

〒100-8968 東京都千代田区永田町1-6-1 TEL.03-5253-2111（代表） 内閣府大臣官房政府広報室 Copyright Cabinet Office, Government of Japan. All Rights Reserved.

平成３０年１０月５日、安倍総理は、総理大臣官邸でタジキスタン共和国のエマムアリ・ラフモン大統領と首脳会談等を行いました。

平成３０年１０月５日、安倍総理は、総理大臣官邸でタジキスタン共和国のエマムアリ・ラフモン大統領と共同記者発表を行いました。

サーガ・バネチェクちゃんは、夏休みにヨンショーピング県にある家族の別荘に滞在中、ウィーデステン湖で泳いでいたところ、バイキング時代の古い剣を見つけた。

エキサイト株式会社は、メディア事業・ブロードバンド事業・課金事業に加え、時代変化に合わせた新規事業を生み出している、インターネット総合会社です。

エキサイト株式会社の会社名、所在地、設立年月、代表者、事業内容を紹介しています。

この資料の説明 2018/10/04 に グロービス で行った 第 1 回 Google Apps Script (GAS) ハンズオン @麹町 のハンズオン用資料です。以下の流れに沿ってハンズオンを進めていきます。 手順は細かく書いていますので、社内外で是非流用してください！ ハンズオンは以下の記事の感じで進めました！ チューター少人数でも回せる！Slack を駆使したハンズオン勉強会のやり方 ハンズオンをスムーズに行うために Chrome 推奨 Chrome 拡張の JSONView 入れておくと Good! 意図しないエラー対策 GAS をローカル開発で開発したい方はこちらを参照 ハンズオン用の Slack に JOIN アジェンダ Google Apps Script とは 公式チュートリアル Your first script Gmail to Spreadsheet Form

今やTwitter上の企業アカウントを代表する存在といっても過言ではないのが、SHARPの公式アカウント・通称「シャープさん」だ。「シャープさん」のゆるいツイートは日々バズを起こしているが、そこには企業の言葉や広告が伝わらない時代に試行錯誤を続ける、シャープマーケティングジャパン・山本隆博氏の強い思いがあった。 企業の奥にいる「人」の存在を、Twitterで伝えることができるか。 DIGIDAY［日本版］主催のクローズドイベント「DIGIDAY BRAND LEADERS（DBL）」で行われた数々のセッションの中でも、多くの参加者に笑いと感動を巻き起こしたのが、シャープマーケティングジャパンのマーケティング統括部・デジタルマーケティング部主任、山本隆博氏による「@SHARP_JP、46万フォロワーを巻き込む『ゆるい』ツイートの真意」だ。 山本氏は、もはや当たり前となった企業のTwitter

ウェブ制作や開発の仕事で文章を扱う機会は多いはず。書き手は不自然に思っていない文章でも、読み手は違和感をもっていることがあります。文章校正テクニックを覚えるだけでおかしな表現は少なくなり、読みやすい文章を書けるようになります。 本記事では、ICS MEDIAで実践している文章校正の一例を紹介します。 レベル1、基本的な校正ルールを使う いろんな場面で使える基本的な文章校正テクニックから紹介します。 テクノロジー系の名詞は正しく記載しているか テクノロジー系の名詞を間違って使うと、「本当に技術に詳しいの？」と読者からの信頼度が下がります。名詞は大文字小文字、スペース有無含めて正確に記述しましょう。 Github → GitHub（Hは大文字） Javascript → JavaScript（Sは大文字） After Effect → After Effects（複数形の「s」を忘れてはいけな

Summary. Bosses can guide and advance your career, but they can also leave you floundering without chances to prove — and improve — yourself. If you work under a boss who won’t advocate for you, there are steps you can take to advance your career on your own. Developing a group of mentors to fill in for your boss is the first way to start. You should also seek out and prioritize opportunities to i

NVRTCError Traceback (most recent call last) /usr/local/lib/python3.6/dist-packages/cupy/cuda/compiler.py in compile(self, options) 240 try: --> 241 nvrtc.compileProgram(self.ptr, options) 242 return nvrtc.getPTX(self.ptr) cupy/cuda/nvrtc.pyx in cupy.cuda.nvrtc.compileProgram() cupy/cuda/nvrtc.pyx in cupy.cuda.nvrtc.compileProgram() cupy/cuda/nvrtc.pyx in cupy.cuda.nvrtc.check_status() NVRTCError:

September is prep time for Hacktoberfest. Spend September getting a jump start on your four pull/merge requests by tracking down projects to contribute to, adding the ‘hacktoberfest’ tag to your own projects, or familiarizing yourself with Git so you can hit the ground running when Hacktoberfest begins on October 1.

So I am currently writing a test for a controller in an existing controller that just didn't have one before. What I want to test is a redirect that happens when someone is not allowed to edit something vs someone that is allowed to edit it. the controller action being edit def edit if !@scorecard.reviewed? || admin? @company = @scorecard.company @custom_css_include = "confirmation_page" else redi

オッサンになるというものは辛い。 Facebookを頑張って始めて、色々と投稿していたのに、最近「いいね！」をくれるのは同世代か上の世代だけになってしまった。気づいたらイケてる若者は撤退していた。辛い。 次に若作りのつもりでInstagramを始めたが、「インスタ始めたんだよね！」と会社の若い奴らに話しかけてみると、「オッサン層がインスタに攻め込んでくる、このときがついに来たか」と口にはしないものの、微妙な表情を一瞬だけ見せる。ワシを褒めてほしかったのにな。辛い。 でもLINEはなかなか便利だし、やっと慣れてきた。と思っていたら、あるときから自分の子供に連絡しても、なかなか既読がつかないので、「最近なんで無視するんだ」と家で叱ったら「いちいちLINEで説教してくる親がいるからウゼーんだよ。」と反抗期の息子に言われた。辛い。一応ネットで調べたら、若者のLINE離れの兆しも出てきているらしい。

The bundle you're looking for is over This bundle was live from Oct 1, 2018 to Oct 15, 2018 with 33,703 bundles sold, leading to US$0 raised for charity.

…and how to fix them 🙂 I have had several opportunities to find and fix various security issues within Ruby on Rails applications over time. Based on my own experience I would like to help you with making Rails apps more secure. At the same time, I hope that you won’t find any of the below issues in any of your apps. If you want to have a better understanding of built-in Ruby on Rails security me

gormの使い方を自分向けにまとめました。適宜追加していきます。 基本的にこれがわかってたらなんとかなる。 そして大体公式ドキュメントに書いてあります！ 以下のようなデータを用意して色々操作してみたいと思います。 # 初期状態 mysql> select * from persons; +----+------+-----+-------+---------------------+---------------------+ | id | name | age | hobby | created_at | updated_at | +----+------+-----+-------+---------------------+---------------------+ | 1 | A | 20 | NULL | 2018-10-04 11:13:35 | 2018-10-04 11:

なぜまとめようとお思ったか 最近PythonよりGolangを使うことが多くなったので 節目としてこの二つの感想にを書こうと思った この記事は主観的な感想に過ぎません 一言で....私の大好きな言語 どんな言語? 言語自体の文法はとてもシンプルで,初心者にとっつきやすい言語だと思う. またかっこでくくるのではなくブロックはインデントで表現する どんなところで有効だと考える? pythonは何でも無難に問題の解決を行うことができる言語だと思う web,機械学習,etc....シンプルな言語ゆえどの場面でも候補の一つとして挙げられる まとめ 簡単にマスターできる言語かというとそうでもないような気がする. ある程度使えるようになるとリスト内包表記を勉強しなければいけなくなるし,ライブラリが豊富であるためライブラリの勉強もやらないといけない. 始めやすいしとても奥が深い言語だと思う. 一言で...

概要 Go製のデータベースmigrationツールとしてsql-migrateを使って開発しているのでコマンドや動作仕様などを簡単に書く。 公式リポジトリ 特徴 CLIツール SQLite, PostgreSQL, MySQL, Oracleなどの色々なデータベースをサポート スキーマの作成/変更/ロールバック機能 ソースコードからの実行制御 その他色々 インストール 詳細 公式のREADMEを見れば分かる事だけど日本語で書いていく 設定ファイル デフォルトはdbconfig.ymlというファイル名で参照される。yml内のenvキーではdevelopment, productionなど環境ごとに設定を定義できる。migrationの実行を管理するテーブル名はgorp_migrations。dirは作成されたmigrationファイルの保存先。 オプションでこの辺りの名前は色々変更ができるし

事象 いつもコードを書く時に見た目がスッキリするので画面表示と内部の処理を別のメソッドで書いていたのですが Cookieを使用する際にsetCookieの後http.redirectを使用したらCookieが登録できていなかったというものです。 ダメだったコード main.go package main import ( "html/template" "net/http" ) func main(){ server := http.Server{ Addr: "localhost:8080", } http.HandleFunc("/set", setCookie) http.HandleFunc("/cookieComp", cookieCompleteHandler) server.ListenAndServe() } func setCookie(w http.ResponseWr

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up

Laravelで使用するDBをデフォルトのmysqlから、sqliteに変更する方法 解決策 envファイルの以下の2行だけ設定を直せばsqliteにつなぐ設定にできる。

やりたいこと viewから実行ボタンをクリックしてphp artisan command:hogehogeを実行したい。 引数も渡して利用させたい。 やること ボタンを置く。 こんな感じ。 特にコードはここには書かない。 Controllerの実装 /** * @param Request $request * @return \Illuminate\Http\RedirectResponse */ public function hogehoge(Request $request) { $Ym = $request->year . $request->month; Artisan::call('command:hogehoge', ['Ym' => $Ym]); } Artisan::callで呼び出す。 第二引数の配列のkeyに指定した文字列で値を渡す。 stringだけでなくbool

大量データをストリーミングインサートすると時間もお金もかかるのでデータの読み込みをするのがおすすめ。 BigQueryへのデータの読み込みの概要 https://cloud.google.com/bigquery/docs/loading-data BigQueryにデータを読み込むための準備 Laravelで作ってますが、storageの部分を書き換えれば他でも使えると思います。 <?php use Carbon\Carbon; use \Exception; use Google\Cloud\BigQuery\BigQueryClient; use Google\Cloud\BigQuery\QueryResults; use Google\Cloud\BigQuery\Table; use Google\Cloud\Core\ExponentialBackoff; use Illum

はじめに メールのテストをやっていて、 ･メール本文のテストをしたい ･メール件名のテストをしたい といった時、どうしていますか？ 現在Laravelで用意されているテストでは、 assertSentやassertQueuedくらいしか使えず、 メールが送信されたかどうかまでしかわかりません。 そこで、もっと詳しくメールのテストができる便利機能 MailTrackingについて書いてみようと思います！ MailTrackingとは ざっくり言うと、メールのテストをより詳細に実行できるライブラリです。 メール本文の内容、メール件名、送信者アドレス、送信先アドレス、CC/BCCアドレスなど 様々なテストが可能です。 詳しくは↓ https://github.com/spinen/laravel-mail-assertions/blob/develop/readme.md 導入方法 超絶簡単！

概要 ページの下の方にある << 1 2 3 >> みたいなアレ - 動作確認環境 PHP 7.1 Laravel 5.7 使い方 ▼ View に埋め込む - 書き方

マイグレーションファイルを作って編集する前にマイグレーションしてしまった。 まずい。 やりおなしたい。 そんなときはこれをたたく。 直近でやったマイグレーションをなかったことにできる。

Laravelでデフォルトのｍｙｓｑｌ８を使うと認証プラグインのパスワード暗号化の違いからマイグレーションでエラーになるらしい。 そうならないためにあらかじめ認証プラグインを変更しておこう。 $ mysql -uroot -p # 現状のプラグインを確認する mysql> select user, host, plugin from mysql.user; +------------------+-----------+-----------------------+ | user | host | plugin | +------------------+-----------+-----------------------+ | mysql.infoschema | localhost | caching_sha2_password | | mysql.session | localh

リレーションの設定 記事とユーザーを紐付けます。 記事の一覧を表示した時に、投稿者を表示できる 投稿者のマイページで自分の投稿した記事だけを表示できる ユーザーが削除された時に紐付く記事を消すことができる Model にリレーションを追加する ▶ User.php /** * リレーション（1対多） * * @return \Illuminate\Database\Eloquent\Relations\HasMany */ public function posts() // 複数形 { return $this->hasMany('App\Post'); }

すでにあるテーブル（migrationファイル）にカラムを追加してphp artisan migrateしても良いが、そうするとロールバックする時に down()で テーブル自体がなくなってしまいます。 なので、新しいmigrationファイルを作って編集していきます。 ① migrationファイルを作る

・MacBook Pro ・macOS High Sierra ・apache2 ・phpmyadmin ・mariadb Laradockクローン ルートディレクトリにて、下記を実行。

テストする際に次の記述を入れておくことで、DB アクセスを発生させずに unique バリデーションルールをパスすることができる。 $presenceVerifierMock = \Mockery::mock(\Illuminate\Validation\PresenceVerifierInterface::class); $presenceVerifierMock->shouldReceive('getCount') ->andReturn(0); $presenceVerifierMock->shouldReceive('setConnection'); \Validator::setPresenceVerifier($presenceVerifierMock);

self::where('user_id', $user_id)->distinct()->select('team_id')->get(); self ・・・ 自身のModelを指す（テーブル名はtablesとする） SQLはどうなってるの 以下のようにtoSql()関数で実行されるSQLを吐き出すことができる var_dump(self::where('user_id', $user_id)->distinct()->select('team_id')->toSql());

【baserCMS】アーカイブページに於いて<head>内に前後ページの<link>タグを出力するコード。PHPCakePHPSEObaserCMSアーカイブページ 内部対策SEO：ページネーション対策 [link rel="next"/"prev"] アーカイブページでページネーションを使用している際に 現在のページに対する前後ページの存在をlinkタグで吐き出すコードです。 rel=prev/nextは コンテンツを理解するためのヒントとして使われているため、 必ず処理されるわけではありませんが、SEO対策の上で必要な物なので これをhead内に入れておくだけで安心です。 <?php $archiveBaseRrl = preg_replace('/\/page:[1-9].*?$/', '', Router::url($this->BcBaser->getHere(), true))

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up

RustやPythonでは、フォーマット文字列を使って、複雑なフォーマット指定で整数や浮動小数点数などを表示させることができます。 例えば、フォーマット文字列に {:0>8b} を使うと「2進数ゼロ詰め8桁」が実現できます。今回は、このフォーマットの 8 の部分を変数に置き換えたい、という話をします。 なお、Pythonの場合は、フォーマット文字列を動的に作ることができるので、このへんの話を覚えるよりも、("{:0>" + str(n) + "b}").format(...) とした方が楽かもしれません。 けど、一応、静的なフォーマット文字列でもできるということでご紹介します。 とてもつらいことに、RustとPythonで、これを実現するためのフォーマット文字列は異なります Rustの場合 fn main() { let kazu = 15; let keta = 6; println!(

Visual Studio Code - Insidersには、TypeScript 3.1が備わっています。そして、Promise().then構文を、ECMAScript 2017のasync/awaitに自動変換する機能が加わりました。 asyncが使えるのはfunctionです。Promiseオブジェクトを返すFetch APIでも自動変換できます。 コード001■fetch()でweb APIからJSONデータを取得する function getSpacePeople_(url: string): Promise<void> { return fetch(url) .then((response) => response.json() ) .then((jsonData) => console.log(jsonData.people) ) .catch((error) => co

Vue + TypeScript + Nuxtの書き方 概要 Vue使いたい！Nuxt使いたい！Vue3系からは、Typescriptを利用しているらしい！ ということで、TypeScript使ったことないので、勉強がてらメモ & リンク集。 （TypeScript部分は動作確認を全てしているわけではないので注意！） TypeScriptとは？ マイクロソフトが開発したaltJS（JavaScriptの代替言語、コンパイラーによって、JavaScriptに変換される） 特徴を簡単に言うと、静的な型システムとクラスベースが使えるJavaScript（ただ、クラスベースの開発は、ES2015でもできる） 基本 変数の定義時には、型を宣言する。 デフォルトでは、全ての型に対して、null / undefinedを代入可能。これは、tsconfig.jsonで代入不可能に変更可能。 let nam

Meguro.es #17 @ Drecom 2018年10月4日 自己紹介 ちきさん GitHub/Twitter/Qiita: @ovrmrw 市ヶ谷のオプトという会社で働いています (話すこと) BigQueryのクエリ結果がデカいときに簡単にローカルにダウンロードする方法 BigQuery は Web UI で使いたいじゃないですか Web UI を使うメリット・デメリット メリット クエリを書いてすぐに実行できるのでさくさく試せる。 クエリを保存する機能が便利。 エンジニアじゃなくても使える。例えばビジネスの人とか。 デメリット 16000行を超える結果を簡単にダウンロードできない。 16000行で切られてしまう選択肢 JSON としてダウンロード CSV 形式でダウンロード スプレッドシートに保存 たとえクエリ結果が100万行でも勝手に切られてしまう。かなしい。 かなしい例 で

Vue.js（フロントエンド）から外部の(一部の)APIを呼び出す際、クロスドメインの制限でレスポンスを使えなくなってしまう。 Q.そもそもなぜこんなことになっているのか A.セキュリティの問題でそのWebアプリケーションのドメインのサーバとしか通信できないというブラウザの制約があるため。 対策 調べたところ色々な対策が存在するようです。詳しく理解したいorしっかりと問題を解決したい方はこちら等をご参照下さい。 今回は少しずるい方法でサクッと解決したのでその覚え書きです。 今回の解決法 この制約、ブラウザに付いているため、サーバーサイド等からは通常通りAPIを利用することが可能です。 そこで適当なPHPの動くサーバー（筆者はlolipopのサーバーがあったので）にAPIを叩いてその値をそのまま返すphpを設置しました。 <?php $url = 'APIのアドレス'; $json = fi

はじめに 「関数合成」と聞くとなんだか難しいイメージがありましたが、 調べてみると初歩ならば私でも理解できる部分もあったので記事を書いてみます。 よろしくお願いします。 文字だけの場合、高階関数は型がある方が読みやすい1と思ったので JS でなく TS を選びました。 関数を合成してみる 以下の「1を足す関数」と「２を掛ける」を合成します。 const add1 = (n: number) => n + 1 const times2 = (n: number) => n * 2 console.log(add1(5)) // 6 console.log(times2(5)) // 10

電子マネー「Suica」の勢いが止まりません。日本全国で使えることはもちろん、iPhoneを介して世界へ羽ばたいています。その進化と普及への道のりを解説します。（『達人岩田昭男のクレジットカード駆け込み道場』岩田昭男） ※本記事は。『達人岩田昭男のクレジットカード駆け込み道場』2018年10月1日号の一部抜粋です。ご興味を持たれた方はぜひこの機会にバックナンバー含め今月すべて無料のお試し購読をどうぞ。 プロフィール：岩田昭男（いわたあきお） 消費生活評論家。1952年生まれ。早稲田大学卒業。月刊誌記者などを経て独立。クレジットカード研究歴30年。電子マネー、デビットカード、共通ポイントなどにも詳しい。著書に「Suica一人勝ちの秘密」「信用力格差社会」「O2Oの衝撃」など。 岩田昭男の上級カード道場：http://iwataworks.jp/ やがて世界覇権を握る？ 東京が世界一の「ICカ

東京オリンピック・パラリンピックのメインスタジアムとなる「新国立競技場」の整備をめぐり、事業主体の日本スポーツ振興センターが今後２年間で790億円程度の資金不足を見込んでいることが会計検査院の調べでわかりました。 これについて、会計検査院が調べたところ、ＪＳＣは昨年度、「新国立競技場」の整備費や国立代々木競技場の耐震改修工事などの支払いに必要な資金が不足し、50億円余りを民間の金融機関から一時的に借り入れていました。 さらに、来年度までの２年間で790億円程度の資金不足が見込まれ、民間金融機関からの借り入れで賄おうとしていますが、返済は長期にわたる見込みだということです。 東京オリンピック・パラリンピックの終了後、「新国立競技場」は民間事業化される計画ですが、それまでは、ＪＳＣが維持管理の費用を負担することが想定されるということで、会計検査院は関係する文部科学省に対し、民間事業化に向けたス

はい。とてつもなくシンプルですね（笑）。 タスクを識別するためのキー「id」。主キーで、オートインクリメント。 タスク名を入れる「title」。 ………以上！！ …あ。バリデーションは面倒なのでナシで（汗）…。 開発環境について 本記事は下記の環境を想定して書いています。 お使いのPCの環境と異なる場合は、適宜調整してくださいませ。 macOS High Sierra ver.10.13.5 Composer – 1.6.5 npm – 5.6.0 Laravel – 5.5 Vue.js – 2.1.10 axios – 0.16.2 laravel-mix – 1.0 Laravel・Vue.js・axiosでTODOリストを構築する手順 変更があるかもしれませんが、流れとしてはだいたい下記のようなカタチになるかと。 Laravelのインストール・セットアップ Vue.jsとaxios

背景 webページの一部のパーツがブラウザのスクロールに付いてくるようにしたい 例えばECサイトによくある、購入ボタンをブラウザのスクロールに追尾させて、 ユーザーがコンテンツのどこにを見ていても即座に商品をカートに入れれるようにしたい。 僕.「cssだけでできる?」 G .「position: stickyはどう」 僕.「いいやんけこれ」 僕.「IEもpolyfillあるし」 僕.「なんかうまいこといかん」 G .「親要素にoverflow(style)が使ってると動かんよ」 僕.「ぐぬぬ」 僕.「overflowいっぱい使ってるなあ・・・」 僕.「overflow外して良い？」 デ.「だめ」 僕.「ぐぬぬ」 ※Gはgoogle検索 ※デはデザイナーさん 僕.「ではscriptで対応するか・・・。」 G .「これなんか参考にならんか？　あとこれとか」 僕.「JQuery使ってるやつばっか

Jpeg画像を劣化を感じない範囲でいい感じに再圧縮してDropboxの空き容量を稼ごうぜ、という処理を自動で行うDropboxサーバーアプリです。 LightFile for Dropbox Dropboxアプリというとスマホクライアントアプリを想像しますが、豊富なAPIを使ってDropboxをファイルシステムとするサーバーアプリも独自に開発することができます。 LightFile for Dropboxではこれをサーバーレスでクラウドネイティブに構築しました。 急にユーザーが増えたら自動的にインフラが拡張されるし、誰も使わなければコストがかからない。しかも僕らは何も保守しなくていいともうエンジニアをダメにする楽ちんさです。 ほとんど定石ではあるんですが、利用技術を紹介します。Dropbox上のファイルを自動処理するアプリや、サーバーレスなWebアプリを設計する上での参考になれば幸いです。

Parcel v1.10.1 Node v10.11.0 Chromeで動けばいいアプリを、Parcelでbundleして出力を見たら、varと言っている まず、Parcelは何でも屋。デフォルトでbabelを実行する。デフォルトのbrowserslistは>0.25%(!?)らしい。 無駄が多すぎるのでlast 2 chrome versionsにしたが結果が変わらない。 原因 tsconfig.jsonが"extends"を使っていると、Parcelが解決できず、親のtsconfigにある"target": "esnext"を読んでくれない。 解決策 どうやら"extends"を諦めてコピペするしかなさそう・・・ https://github.com/parcel-bundler/parcel/pull/646 追記： 見てみたら簡単に修正できたのでPRを投げてみた https://g

はじめに 案件でラズパイを使ってBluetooth通信させたりセンサー付けて環境情報取ったりする機会が多くなってきたので備忘録としてラズパイ関連の記事を書いていこうと思います。 まずは導入編としてラズパイ上にWebサーバーを立ち上げてPCブラウザからアクセスしてHelloWorld!と表示させるまでの手順です。ラズパイ用の標準OSであるRaspbianのインストールからサーバーのセットアップまで書きました。 用意するもの Raspberry Pi 3 Model B(またはB+) SDカード(8GB以上あると安心) 操作用PC(ここではMacを想定) ラズパイの初期設定 Raspbianのインストール RaspbianのサイトからRASPBIAN STRETCH LITEのイメージをダウンロードします(GUIは不要なのでここでは軽量版を使います)。 PCにSDカードを挿してイメージを書き込

概要 Google Cloud Functions(以下、GCF)とGoogle Cloud Storage(GCS)を組み合わせて、サーバレスな関数を作る機会が合ったので手順を書く。 これによって、GCSにmp4をアップロードしたタイミングでGCFを起動しZencoderのAPIを通してHLSに変換したり応用した。 やりたかった事 GCSの特定バケットにアップロードされたイベントでGCFを起動する GCFはbeta版のNode.js(version8)を使う 環境変数をyaml形式のenvファイルに定義しGCFで使用する env varはベータ版のようで下位互換なしで変更される可能性があるため注意。詳細はこちらに 前提 gcloudコマンドがインストールされている事。してない場合はここから GCFの関数サンプル 適当なディレクトリを作成しnpm initして、エントリポイントとなるjsフ

Nuxt.jsでアプリ作成→Dockerfileを使ってイメージ作成→fargateでデプロイ→ドメイン設定・SSL化までNode.jsAWSECSNuxtFargate 目的 nuxtとfargateという比較的新しいフレームワークを使う時に困ったので自分でやってみた方法をシェアしたいと思います。 前提 node.js, npm, AWS CLIはインストール済み 全体図 ・CloudFront AWSで使えるCDNです。 ・Route 53 ドメインとALBのレコード設定、ACMでSSL証明書取得の際にCNAMEで認証するのに使用。 ・Application Load Balancer(ALB) Fargateコンテナとドメインを繋ぐのにしよう ・Certificate Manager(ACM) ドメインのSSL証明書を取得するのにしよう ・Elastic Container Serv

Node.js で TypeScript + TSLint を使う最小構成。 環境 typescript: 3.1.1 tslint: 5.11.0

ts-node は TypeScript ファイルをコンパイルせずにそのまま実行できるライブラリ。開発環境でお世話になるが、デバッグ実行するやり方の日本語情報がなかったので書いておく。 基本的なこと node コマンドのオプションとして --inspect をつければデバッグ実行になる。そして --require をつけることで node_modules 内のライブラリを読み込ませることができる。 $ node --inspect --require ts-node/register src/main.ts Debugger listening on ws://127.0.0.1:9229/690c42e8-c2d4-407a-b768-6c5270241775 For help, see: https://nodejs.org/en/docs/inspector これだけで WebSoc

概要 たまにIntelliJを使ってNode.jsを書くときにrequireがwaringを吐いているのが気になっていた。 実行すると問題なく動作するので放置してたけど調べたら解消できるようなので手順を書く。 設定 Preferences ->Languages & Frameworks -> Node.js and NPMのCoding Assistanceの箇所をEnableにする 参考 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up

Azure ML Web Service作成後のAPI呼び出し方法（Node.js） 久しぶりにAzure Machine Learning Studioを見ていると 見慣れないリンクやAPI作成当時から若干画面が変わっている気がしたので web Service作成後からNode.jsでの呼び出し方法まで再度まとめてみました。 リクエストのサンプルも充実していましたがnode.jsバージョンが なかったこととレスポンスを受け取った後の処理について書かれた ページが中々なかったため今更ですが投稿してみました。 再び必要になった際に忘れてそうなので覚書として投稿しましたが、そのため読みづらいようでしたらすみません。 また公式サイトやその他ほとんどのサイトがRequestモジュールを使用していたので折角なので新しめのライブラリで。 1.リクエスト 1-1.ボディ インプットとしてrequest

ElectronでUDP通信（送受信）を実装する必要だったので実装内容のメモ。 開発環境 Windows 10 Electron 3.0.2 実装内容 UDP通信には、dgramを使用。 UDP通信行うには、メインプロセス側で通信を行う必要がある。（レンダープロセスから直接UDP通信はできない） レンダープロセスでUDP信号を受け渡しするには、メインプロセスとレンダープラセス間を通信するIPC通信を利用する必要がある。 IPC通信とUDP通信を値の橋渡しは、メインプロセスでおこなう。 通信の流れ 実装サンプル ElectronでUDP通信を行うサンプル。 サンプルコード Github アプリの使い方 README windows版 / mac版 上記のアプリのpackageフォルダ内にアプリデータあるので、OSに合わせたアプリを設置。 IP/Portの設定ファイルの更新 アプリを立ち上げる

Socket.IO で接続してきたクライアントが正規ユーザーかどうかの認証を行う。 環境 Node.js: 10.10.0 Socket.IO: 2.1.1 middleware について Socket.IO の namespace.use(fn) を使用して、接続してきたソケットをハンドリングするミドルウェアを登録することができる。 io.use((socket, next) => { if (socket.request.headers.cookie) return next() next(new Error('Authentication error')) }) // server-side const io = require('socket.io')(); // middleware io.use((socket, next) => { let token = socket.ha

ちょっとしたjsを作って他所に提供する必要がある時って……まぁ、無くはないですよね。 そんな時、各種ブラウザ対応とか、polyfilしてしまうと提供先で中途半端に独自に実装していたりして機能がぶつかったらどうしようとか、考えなくてもいい心配があるので変換するものじゃないといけないなとか、色々とめんどくさいんですよッ！ こんなことで毎回頭を使っていられないので、備忘録もかねてサクッと実行できるwebpackを用意してみました。次からはこの記事をコピろう。 制作物ッ！ トランスパイルしたいソースッ！

結論 module.rulesを使った方がいいらしい ソース rules should be used instead of loaders, but the old one still work. 訳 loadersの代わりにrulesを使うべき。でも、古い方もまだ動く まとめ 新しく投稿されているQiitaの記事でも、未だにmodule.loadersを使う記事があって、よくないと思った。日本語の記事なさそうだから、仕方ないけど。 Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up

はじめに Sassの関数には文字や数値を処理するものが数多く用意されています。 今回はその中でも特に使用頻度が高いと思われるものをピックアップしてみました〜 使用頻度が高そうな関数(文字・数値系) .quote { //" "を付けて出力してくれる関数 content: quote(ハロー); } .unquote { //" "を外して出力してくれる関数 content: unquote("ハロー"); } .abs { //絶対値を出力してくれる関数 width: abs(50px - 100px); } .ceil { //数値の切り上げをしてくれる関数 width: ceil(100px / 3); } .floor { //数値の切り捨てをしてくれる関数 width: floor(100px / 3); } .round { //四捨五入してくれる関数 width: round(

はじめに モチベーション 近頃、ちまたでは人工知能のライブラリが簡単に使えるのだそうです。そしてそれを使ったら、もしかして株価予測とかで一儲けといけるのではないかと思ったりするわけです。 しかし、それには株価のデータを集めなくてはならないんですよね。 AIはデータが命ですから。 データ分析とかAIとかだと、とりあえずpythonでしょう。そこでpythonで何かないかなあと調べてみると、pandas-datareaderといういいものがあるそうな。 （これを使い始めた頃はGoogleとかyahooとかデータが取れたんですが、最近どんどん取れなくなってきています。世知辛い世の中ですね） まあそれはさておき、とりあえず始めていきましょう！ 作るもの pandas-datareaderを使って、過去の株価データを拾ってきてCSVに保存するプログラミング。 わざわざ書くまでもないですかね。 使うも

Active Directoryに登録しているグループポリシー名を、OU(組織)と紐付けて取得するPowershellPowerShellActiveDirectory

はじめに FreeBSDの更新をしたら正常にコマンドを実行できない状態に陥ったので、ひとまずデータだけを復旧したっていう話 経緯 以前からhp microserverにFreeBSD 10.1をインストールして、ファイルサーバとして利用していた。ストレージにはZFSを利用。そこに今回思い付きでPT3を入れて録画サーバとしても利用しようかなと思ったのが事の発端。 https://hgotoh.jp/wiki/doku.php/documents/freebsd/freebsd-019 上記URLに書いてあることを愚直に実行してPT3の関連ソフトウェアを導入していこう、と考えていたがrecpt1のautogen.shを実行するところで、autoconfとautomakeが要求されるのだが、それらのインストールでP5関連のエラーが発生し、解消しない。 海外のサイト見てると/usr/portsの下

KubeWeeklyは毎週Kubernetesに関する興味深いニュースを提供しています。この記事は 2018/09/26に発行された Kube Weekly #150 を読んで、感じたことをメモ的にまとめたものです。 私の勘違いや説明不足による誤解もあるかと思いますので、この記事読んで「おっ」と思ったらURLを辿って本文を確認してください。 また、KubeWeeklyのサイトが8月ごろからアクセスできなかったようですが、現在サイトリニューアル中のようです。 We're working on a new and improved KubeWeekly website 🎉 Stay tuned! In the meantime, check out the latest editions of KubeWeekly (and subscribe) here: https://t.co/TJF

KubeCon + CloudNativeCon 2024Join us for three days of incredible opportunities to collaborate, learn and share with the cloud native community. Buy your ticket now! 12 - 15 November | Salt Lake City VolumesOn-disk files in a container are ephemeral, which presents some problems for non-trivial applications when running in containers. One problem occurs when a container crashes or is stopped. Cont

minikubeの再インストール minikubeはバージョンはkubectlと一緒に使うことがあり kubectlとminikubeのバージョンがあっていないと正しく起動しないことがある そのためにminikube のバージョンアップ方法を記載した。 環境 MAC macOS Mojave minikube アップデート 手順 ① brew　のアップデート