アソビュー Advent Calendar 2019の2日目。 フロントエンドエンジニアの指田です。 今回はアソビューの既存ReactプロジェクトにTypeScriptを導入した内容についてお話します。 はじめに Babelでコンパイルしている既存ReactプロジェクトにTypeScriptを導入した話です。 本記事ではTypeScript等の説明は致しません。 導入 既存のビルド構成は変更しない。（@babel/preset-typescriptを利用。ts-loaderは使用しない） 導入直後はコード変更もしない。 完全にTypeScriptにするまでJavaScriptとTypeScriptは混在する。 インストール JavaScript Standard Styleを利用しているため、Typescriptのconfigも追加してます。 # TypeScript yarn add -

七つの海を股にかける生活から陸に上がって幾年、長波無線電信からマイクロ波デジタル通信そして光波長多重伝送路構築まで、ありとあらゆる情報通信網の構築や運用に携わったことが唯一の自慢。 取得の動機 社会に出て仕事に就いて技術知識や業務経験を深めて行くにつれ、電子工学を勉強し情報通信やソフトウェア開発に携わった経験を何かの形にできないかと思っていました。一つは学位を取って学問として究めることですが、机上よりも現場主義だったので、実務経験の延長で何かないかと漠然と考えていました。 自分が興味のある仕事に就くためにいくつかの国家資格が必要だったのですが、歳相応の経験を持ってアドバイスやコンサルティングで歳をとっても活躍する人、特に海外で活躍するシニアの方々と接する機会があって、こういう人たちが国際的に認められるのはなぜだろうと興味を持ったことが始まりでした。 調べていくと技術士という資格があることが

最近になって突然理解した。 選択するときは、柔軟性とAPIの安定性のトレードオフを考えないといけない。 総合評価 「成果物のビルド」を改善する意思と時間の有無に応じて選択するとよさそう。 消極的な姿勢なら Maven を、前向きな姿勢なら Gradle を採用すればいいだろう。 ビルドスクリプトに高度な柔軟性が求められるなら、まずは構成を工夫して簡素化できないか試みた方がよい どうしても簡素化できないなら柔軟性に優れた Gradle を採用するしかない プロジェクトの積極的な開発は1年未満で終了する(消極的な維持、保守は継続する場合) APIの安定性を重視して、Maven を採用する(維持や保守のためにビルドツールをメンテナンスするのはムダである) プロジェクトの積極的な開発は1年以上継続する 「成果物のビルド」を開発プロセスの一部として重視しており、改善し続ける意思があるなら Gradl

これは、なにをしたくて書いたもの？ Jacksonを使ってJSONをデシリアライズする時に、ObjectMapper#readValueをよく使うわけですが。そういえば、自分で 書いている時にListやMapといったジェネリックな型にデシリアライズしたことがないな、と思い。 工夫が要りそうだなと思い、ちょっと調べてみることに。 デシリアライズ時に型情報を与える まずは、ObjectMapper#readValue（第2引数がClassクラスの方）のJavadocを見てみます。 readValue(JsonParser p, Class valueType) よくよく見ると、こんなことが書いてあります。 Note: this method should NOT be used if the result type is a container (Collection or Map. The

AIチャットボット「ChatGPT」が注目を集めている。どのように仕事に活用すればよいのか。初期の頃からChatGPTを“使い倒している”という深津貴之さんは「ChatGPTは、結構知ったかぶりしてウソをついたりするので、検索エンジンのように使うのはお勧めしない。しかし、コツを押さえて使うと、アシスタントのように使えて仕事にとても役立つ」という――。 ChatGPTは「確率で話す」 ChatGPTの最大の特徴は「コンピューター言語（プログラミング言語）などではなく、人間の使う言葉で命令でき、回答してくれること」です。 うまく使えば、仕事の効率化や高度化が実現しますが、そのためにはChatGPTにできることとできないこと、またChatGPTの得意なことと不得意なことを理解する必要があります。 まず覚えておきたいのは、「ChatGPTは確率でしゃべるマシンである」ということです。基本的には、こ

「パスキー」は各種ウェブサイトにパスワード不要でログインできるようにする仕組みで、AppleやGoogle、Microsoftといった大手テクノロジー企業が利用を推進しています。新たにGoogleのログインシステムがパスキーに対応してパスワード不要でログインできるようになったので、実際にAndroidスマートフォンやiPhoneを用いてGoogleにログインする手順を確認してみました。 Passkeys: What they are and how to use them https://blog.google/technology/safety-security/the-beginning-of-the-end-of-the-password/ ・目次 ◆1：パスキーでのログインを有効化する手順 ◆2：Androidスマートフォンを使ってGoogleにログインする手順 ◆3：iPhone

Stability AIが、オープンソースのチャットボット 「StableVicuna」を発表 オンラインで「StableVicuna」との会話を試すことが可能 チャットボットインターフェースが近日公開予定 Stability AIは、現地時間2023年4月28日（金）にオープンソースのチャットボット「StableVicuna」 を発表しました。 Announcing StableVicuna, the AI World’s First Open Source RLHF LLM Chatbot!@CarperAI (in an effort led by @phungvanduy1) is releasing an RLHF-trained version of Vicuna-13B Learn more → https://t.co/fWk3N8Njg5 pic.twitter.com/

手さばき鮮やか！電動ドライバー付自作芝刈り機今回の作品は、芝刈り機。タイトルのドリル（＝ドライバー）付って何だろう？という疑問もそこそこに、使い込んでいい感じに味の出た道具箱のアタッシェケースが登場。これが工具箱で、とてもカッコいいです。どんな工具を使うのかな？と見ていたら、突如画面が変わり、とある庭をバックにタイトルが出てきました。 「え、もう庭？」と展開の速さにイマイチ付いていけずにいると、まるでレスラーのようなオジサンが現れ「今日は芝刈り機やるよ！」と無骨に一言。 0:20 全体的にノーマルスピードで再生しても早回しなので「置いてけぼり感」満載ですが、このDIYの主人公、Izzyさんはお構いなし。まずは芝刈り機の「刃」に平鉄（フラットバー）を使います。〔卓上ボール盤〕〔ロータリバンドソー〕〔万力〕〔クランプ〕を使いながらチャチャっと成形していきます。刃はグラインダーとベンチグラインダ

QzssとかGNSSとか仕事柄よく使うが、せっかくなのでプライベートで活用してみることにした。 じつは自作したい理由はもっと切実なのである。 最近の夏場の暑さは殺人的で、自宅の草刈りで死にそうなぐらいに頭が痛くなる。田舎の畑は広いのだ。１０００坪（3300㎡）・・・。毎年きっと半分熱中症になっているに違いない。このままでは体がもたない。自動制御できる草刈りがあればとネット検索。 たっ高い！！こんなに値段がするものなのか。自家用に使えればいいのに・・。戦車みたいのいらないのに・・・。 仕方がないので自作することにした。 ドローンの制御ソフトを利用して何とかできないかと探してみると、ArduPilot なるものがフリーであるではないか。これだ！ このオートパイロットソフトウェアのローバータイプを使えばなんとかなりそうだ。 GPSとローバーで検索、はじめ研究所を閲覧。ほー、ラジコン車を制御するの

2023年9月6日 CSS CSSをより便利に、効率よく記述できるSass。利用しているWebサイト制作者も多いでしょう。近年はCSSでもSassのような書き方ができるようになってきているので、Sassとの書き方の違いとともに紹介します！ ↑私が10年以上利用している会計ソフト！ 何度も利用する値を変数として定義し、使いまわせます。よく利用する数値や、色が連想しづらいカラーコードに利用するといいでしょう。 Sassの場合の書き方 $ マークに続いて任意の変数名を書き、コロンで区切って変数の値を記述。この値が呼び出されるようになります。実際に使いたい箇所では $ マークと変数名を書けば、変数を呼び出せます。 $main-gutter: 30px; .box { width: 300px; height: 100px; margin: $main-gutter; } CSSの場合の書き方 公式

楽天ゴールドカードはメリットない?プレミアムカード・年会費無料楽天カードとの違いや元を取る損益分岐点はいくら?

Vicuna-13BはChatGPTの90％の性能を持つと評価されているチャットAIで、オープンソースなので誰でも利用できるのが特徴です。2023年4月3日にモデルのウェイトが公開され、誰でも手元のPCでチャットAIを動作させることが可能になったとのことで、早速使い勝手を試してみました。 GitHub - lm-sys/FastChat: The release repo for "Vicuna: An Open Chatbot Impressing GPT-4" https://github.com/lm-sys/FastChat/#vicuna-weights 2023年3月30日にはオンラインで動作を試せるデモ版が公開されていました。デモ版の様子は下記の記事で確認できます。 ChatGPTやGoogleのBardに匹敵する精度の日本語対応チャットAI「Vicuna-13B」が公開され

全１回、このシリーズは今回で最後です！ TL;DR 上場企業 3900 社程に対して、すごく大雑把な「内部コード等の漏洩調査」を GitHub 上で行った 結果としては、重要度の高いものから低いものまで 10社ほどで漏洩が確認された 重要度の高いものとして、社外秘っぽそうなスプレッドシート、社員のハッシュ化パスワード(BCrypt)、 AWS Credential 等 「大雑把な」調査を行ったが、より精度の高い方法等について記事内にて触れていく 脅威インテルとか DLP みたいなエリアとかも、外部企業とかに頼るだけじゃなく「自分たちでも」頑張ってみるのがいいんだと思います GitHub Code Search ... すげえぜ！ Google Dorks ならぬ、 GitHub Dorks + GitHub Code Search でまだまだいろいろできるはず。 はじめに チャオ！ 今回は

本記事の信頼性 リアルタイムシステムの研究歴12年． 東大教員の時に，英語でOS（Linuxカーネル）の授業． 2012年9月～2013年8月にアメリカのノースカロライナ大学チャペルヒル校（UNC）コンピュータサイエンス学部で客員研究員として勤務．C言語でリアルタイムLinuxの研究開発． プログラミング歴15年以上，習得している言語: C/C++，Python，Solidity/Vyper，Java，Ruby，Go，Rust，D，HTML/CSS/JS/PHP，MATLAB，Assembler (x64，ARM)． 東大教員の時に，C++言語で開発した「LLVMコンパイラの拡張」，C言語で開発した独自のリアルタイムOS「Mcube Kernel」をGitHubにオープンソースとして公開． 2020年1月～現在はアメリカのノースカロライナ州チャペルヒルにあるGuarantee Happin

HTTP リクエストスマグリングは、フロントエンドとバックエンドのサーバーで HTTP リクエストに対し異なる解釈をしてしまうことで発生する脆弱性です。本記事では脆弱性の概要から対策方法について解説します。

GitHub Copilotとの単体テストがやばい。ChatGPTが書いてくれるテストもすごい。もうこれらがない時代には戻れないような気がします。 こんにちは。AWS事業本部コンサルティング部に所属している今泉（@bun76235104）です。 みなさんユニットテスト書いてますか？ 昨今AIがダミーデータを書いてくれたり、ユニットテストそのものを書いてくれたりと技術の進歩がすごいですね。 私はリファクタリングが好きですが、リファクタリングをする前に絶対に必要なもの。 そうテストですね。 今回私がテストを後回しにしてしまった以下のOSSについてGitHub CopilotとChatGPTのそれぞれの力を借りながら、テストを書いてみました ※ これは以前私が始めたプロジェクトであり、OSSとして公開されているので学習に使われても問題のないコードです。 なお、GitHub Copilotの料金や

Webサイトを訪れたユーザーが、もっとも重要視するのはUIデザインです。 ユーザーが直感的に操作でき、使いやすく、美しくデザインされたWebサイトは、長期的な成功につながります。 しかし、どんなUIデザインを作成したらよいか分からない、という声もよく聞きます。 そこで今回は、コピペで利用できるUIデザインライブラリ UIverse をご紹介します。 1200を超えるUI要素が公開されており、HTML/CSSをコピペするだけで、だれでも手軽に利用できます。 これらを押さえて、あなたのWebサイトをユーザーにとって魅力的で、使いやすくしてみましょう。 UI要素1200以上！HTML/CSSを直接コピペできる便利ライブラリUIverse UIverseではあらゆるプロジェクトに対応できる、HTML/CSSで作成されたオープンソースのUI要素を作成、共有できるウェブサイトです。 すべてのコードはM

こんにちは。弁護士ドットコム クラウドサイン事業本部の篠田 (@tttttt_621_s) です。 普段はフロントエンドの開発を担当しています。 Vue.js を使ったプロダクト開発において、今年の課題としてあげられるものは Vue2 のサポート終了による Vue3 への移行ではないでしょうか。 弊社プロダクトの CloudSign や社内用の管理画面（以下 backyard と呼びます）も Vue.js で開発されています。 プロダクトの安定性を担保するためにも段階的に移行していく必要があります。本記事では Backyard を Vue2.7 に移行した取り組みを紹介します。 Backyard の構成 調査 やったこと @vue/composition-api の削除 createApp の対応 eslint-loader から eslint-webpack-plugin へ移行 @vu

面白いなと思った使い方、大事だなと思ったコツの個人的な備忘録です。 はじめに 前提 ChatGPTのTipsまとめ 基本編 鵜呑みにしない 途中で文章が途切れた時は "続けて" 汎用Tips 文脈を伝える 条件/制約や質問を明示する 相手の立場を指定する 回答の特性を指定する 英語で入力する 無茶振りする レビュアーや反論者を用意する おわりに はじめに ChatGPT、面白いですね。 難しく考えず素朴にChatGPTと会話するのも十分面白いですが、コミュニケーションを工夫することでより良い体験が得られたりします。 (対人コミュニケーションと同じですね) 今回は、個人的にChatGPTを使ってる中での好みのコツをまとめます。 ChatGPTのコツを書いているはずが、いつの間にか対人コミュニケーションの話みたいになってしまった ChatGPTの使い方のコツをまとめる - BioErrorLo