CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
![大きく進化した「Angular」バージョン9、次世代レンダリングエンジン「Ivy」を中心に機能紹介](https://cdn-ak-scissors.b.st-hatena.com/image/square/333aca4dc13a2166e991bb16f60b410d29aae7b1/height=288;version=1;width=512/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F12057%2F12057_og.png)
【世界最小クラスの産業用ドローン「IBIS(アイビス)」】船橋市・西図書館の「AI蔵書点検システム」試験導入において、IBISによる書架自動撮影の検証を実施~自動巡回ドローンの導入検討により、作業員のさらなる負荷軽減・効率化を目指す〜 株式会社 Liberaware(以下 Liberaware)は、千葉県船橋市・西図書館における京セラコミュニケーションシステム株式会社(以下 KCCS)の「AI 蔵書点検システム」試験導入に伴い、蔵書点検の無人化を目指し、特殊小型ドローン「IBIS」の自動飛行・撮影と「AI 蔵書点検システム」との連携について検証を実施することをお知らせします。 ■図書館における蔵書点検業務の負荷軽減へ 現状の図書館における蔵書点検は、全資料を専用の機器で 1 点ずつ読み取り、図書館システム上の蔵書データと照合するため業務負荷が高い業務となっています。(※1) 船橋市は、AI
スマートフォン・タブレットの普及により、WEB業界でいまや当然となった「レスポンシブデザイン」 今回は「レスポンシブデザイン」について、フロントエンジニアの経験などを踏まえ、詳しく説明していきます。 レスポンシブデザインの概要 レスポンシブデザインについて、まず、見え方という点でお話ししていきましょう。 WEBサイトがあり、その中のあるページをパソコンで見ているとします。 スマートフォンやタブレットなど、別のデバイス(端末)で見てもキレイに表示されていれば、そのページはレスポンシブデザインです。 なお、この場合の「キレイに表示されている」は、画面サイズに応じてレイアウトが見やすい形・大きさに変化しているということです。 上記が、見え方におけるレスポンシブデザインです。 次に、コーディング(制作側)という点でお話しします。 レスポンシブデザインが登場するまでは、パソコン / スマートフォン
概要 最近はWebAssemblyに興味があり、勉強していたんだけど仕様を読み始めても頭に入らないのでインタプリタを作ってみることにした。よくわからないものは作ってみるのが一番よい。 github.com まだ残された課題は多いのだけれども、一つ目標にしていた「Goで書いたゲームボーイエミュレータを動かす」を達成できたのでここに書いておく。 うおーついにRustで書いた自作wasm interpreter上でgoで書いた自作gameboy emulatorが動いたー!けど1FPSくらいしかでない... pic.twitter.com/I5B2XL5E0W— bokuweb (@bokuweb17) 2020年2月24日 こツイートに貼られているのは残念ながら、静止画ではなく、動画でありパフォーマンスが悲しいことになっていることを示している。あまりに遅くてプレイ画面まで到達できない。今後これ
Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 電気通信大学の研究チームが2019年に発表した「PortOn」は、机や床など光沢のある平面上に置くだけで、裸眼で視認可能な直立の空中像(CGキャラクター)を表示できる光学ディスプレイだ。 光学シースルーHMD(Head Mounted Display)やスマートフォン、大型装置を必要としないため気軽に使え、不特定多数が集まる公共の場所にも適している。 本体はボックス型で持ち運び可能な大きさ、既存の光沢平面に置いて使用する。ディスプレイ、鏡、再帰透過光学素子、視界制御フィルム、光沢平面で構成され、全てボックス内に収まっている。
Google、Amazon.com、Cisco Systems、Microsoft、Mozillaなどが約5年前、非営利団体Alliance for Open Media(AOMedia)のメンバーとして動画圧縮技術「AOMedia Video 1(AV1)」を発表した。AOMediaが目指したのは、オンライン動画を圧縮する方法を開発する一方で、ストリーミング動画のコストを増やす特許ライセンス契約の障害を取り除くことだった。AV1がモバイル向けにも採用されつつある中、特許ライセンス契約を手がけるSisvel Internationalは、AV1本来の方針に逆行する同技術の将来像を描いている。 Sisvelは、イタリアの冷蔵庫およびテレビ製造業者をルーツとし、現在はルクセンブルクに拠点を置く。同社は現地時間3月10日、AV1を利用するのに必要だとする特許1050件のリストを公開した。Sisv
2020年3月13日に、『みんなのJava OpenJDKから始まる大変革期!』という書籍が出ます!私は、第5章で、GraalVMの入門ガイドとなる記事を書きました。 gihyo.jp GraalVMの章について この書籍は、現時点でのJavaの最新動向を、とくに今Javaでアプリケーションを構築しているJavaエンジニア向けに解説することを目的としています。そのため、昨年2019年に章立てを考えたときには、GraalVMは少しそこからずれた印象も、自分自身ありました。ただ、執筆している内に情勢は変わり、GraalVM、とくにネイティブイメージの部分は、本番環境で適用できる一歩手前まで来ている状況となりました。それは、ネイティブイメージをサポートする、QuarkusやMicronaut、Helidonといった最新Javaフレームワークが出てきたこと、FaaSでJavaを使う際にネイティブイ
最近、巷では新型コロナウィルスが流行っています。コロナウィルスに夢中になった結果、満員電車からリモートワークへと「推し変」する人・組織が増えているんだとか。そこで今回は、リモートワークに欠かせないツールのひとつである「ビデオ会議」をNextcloudで構築してみましょう。 会議をすれば仕事した気になれる 日本人は通勤と同じくらい会議が大好きです[1]。その中でも「ビジネスパーソン」と呼ばれる種族は、一日のうち2時間ぐらいを通勤に、残りのすべてを会議に使っていると言っても過言ではないという意見もあります[2]。そんなに会議ばかりやっていると会議に参加する人の調整が難しくなりますし、議題もなくなってくるため、会議を開催するために会議を行うこともあるくらいです。 日本語では「会議」との言葉をよく用いますが、必ずしも「会って議する」とは限りません。議論はお飾りでただ「会うだけ」だったり、会うこ
著者のCaleb Kaiser氏は、エンジェル投資家とスタートアップを志望する求職者のためのWebサイトを運営するAngelListに勤務した後、機械学習向け開発環境Cortexの開発に携わっています。同氏がMediumに投稿した記事『ディープラーニングはもう難しくない』では、近年、機械学習アプリの開発の敷居が低くなっていることとこの事実から導かれる帰結が論じられています。 機械学習とディープラーニングが活用されるようになった第三次AIブームが始まった数年前においては、AIモデルの開発には大規模な学習データ、巨大なアーキテクチャ、そして多額の資金が必要だったため、Googleのような資本力のある企業しか開発できませんでした。 こうしたなか、AI開発の敷居を下げる技術が登場しました。その技術とは、事前学習済みのAIモデルを特定の目的に最適化する転移学習です。転移学習を使えば大規模な学習データ
JavaコードをGPUやFPGA上で実行可能にするというソフトウェア「TornadoVM」なるものが開発されている(InfoQ)。 TornadoVMはOpenJDKやGraalVMと組み合わせて利用するソフトウェアで、これを利用することでGPUやFPGAの並列処理能力を活用でき、特定の処理を大幅に高速化できるという。 TornadoVMではマルチコアCPU、NVIDIAやAMDのGPU、IntelのFPGAに対応しており、使用するハードウェアに応じて自動的にタスクを振り分ける機能も備えているそうだ。まだ実用段階ではなく、サポートなども提供されていないが、すでに機械学習などの分野で使用例があるともされている。
◆はじめにどうもこんにちは。Vueが好きすぎて社内でVueを布教している@_slontです。 今回のテックブログでは、これからリリースされる待望のVue 3を万全の体制で迎えるべく、新機能の中でも個人的にアツいと思っているComposition APIについての考察をしたいと思います。 Composition APIは一体僕たちにどんな驚きをプレゼントしてくれるのか。それを確かめるために我々はアマゾンの奥地へとむk(ry さて、近々リリース予定のVue 3は、パフォーマンス改善の他、Composition API, Fragment, Portal, Suspenceなど様々な新機能があります。 参考:まもなくやってくる Vue.js 3その中でも、大規模プロジェクトに弱いと言われていたVueの銀の弾丸として(?)、ユーザが待ち望んだComposition APIが、2系のプラグイン@vu
Googleは2020年3月3日(米国時間)、オープンソースのKubernetes対応機械学習(ML)ツールキットの正式版「Kubeflow 1.0」を公開した。同時に、企業がKubeflowをGoogle Cloudの「Anthos」プラットフォーム上で利用するメリットを紹介した。Kubeflowは、Googleが2017年12月に立ち上げたオープンソースプロジェクト。 MLライフサイクル全体にわたって、企業がオープンソースのデータサイエンスやクラウドネイティブエコシステムを利用して、ソフトウェア開発とMLのインフラを共通化したり、標準化したりする際に、Kubeflowが役立つという。 Kubeflowは、スケーラブルでポータブルなMLワークロードの開発に加えて、オーケストレーションやデプロイ、実行のためのKubernetesネイティブプラットフォームを提供すると、Googleは説明して
Vue.jsを使用して、Webページやスマホアプリでよく使用されるフォームを簡単に実装できるVue Formulateを紹介します。 サインアップ、ログイン、メールアドレス、ファイルのアップロード、アンケートなど、さまざまなフォームをサポートしており、バリデーション機能も備えています。 Vue Formulate Vue Formulate -GitHub Vue Formulateの特徴 Vue Formulateのデモ Vue Formulateの使い方 Vue Formulateの特徴 Vue Formulateは、Vue.jsを使用してフォームを構築する最も簡単な方法です。主な機能は、フォームとフィールドの検証、ファイルのアップロード、フォームの生成、ラベルをサポートする単一要素の入力、ヘルプテキスト、エラーメッセージ、プレースホルダーなど、さまざまなプロジェクトで使用するための包
どの書き方を採用すべきか 公式チュートリアルでは、「初心者向け」と「エキスパート向け」という2つのクイックスタートが用意されており、これは前掲の図における(1)と(4)に該当する。本連載ではそれに合わせて、初心者は(1)、初中級者以上は(4)をお勧めとしている。 (4)や(5)のSubclassing(サブクラス化)モデルは、「Pythonを使ってコーディングしている」感がより強まる。それに伴い、どうしてもコード量が飛躍的に増えがちである。しかしこれは、(1)や(2)のSequentialモデルだとメソッド内に隠蔽(いんぺい)されていた学習処理を細かく制御したり、柔軟なカスタマイズができたりするというメリットの裏返しでもある。 どの書き方にもメリット/デメリットはあるので、まずは使える書き方や、気に入った書き方から始めてみるのもよいだろう。特にKerasに慣れている人の中には、「(4)/(
前回(第1回)は、Dockerコンテナに対応するアプリケーションを開発・実行するために、Docker Composeというツールを使うのが便利ということで、例としてDocker Composeを使ってWordPressをコマンド1つで実行する方法を紹介しました。WordPressのような、しっかりとしたアプリケーション以外でもDocker Composeが使える場面があります。 今回は、Docker Composeを使ってウェブサーバ(Apache httpd)を実行し、コンテンツを表示する例を見ていきましょう。 なぜDocker Composeなのか? 単純にウェブサーバとして実行するアプリケーションであれば、Dockerだけで何ら困らないでしょう。例えば、Apache httpdサーバを実行するには、次のようにしてコンテナを実行できます。 docker run -d httpd しかし
こんにちは、テクノロジー本部バックエンド開発グループの山田です。 弊社のプロダクト開発では、以下の図のようにフロントエンド <-> BFF <-> バックエンドの構成をとっており、Node.js上で稼働しているBFFと、Rustで作成しているバックエンドの間をgRPCで通信しています。 そこで今回は、TypeScriptにおけるgRPCの関連ライブラリについて、以下を紹介していきます。 【1】 公式チュートリアルに沿った2種類の実装サンプルに、アプリケーション開発中に認証や分散トレーシング等で利用するMetadataの実装を追加したコード 【2】 2種類の方法をライブラリの実装も見つつ比較 【3】 直近の開発で採用している方法の紹介 お急ぎの方は下部にまとめを記述しているのでそちらを参照ください。 また、説明の都合で記事中のサンプルコードは一部を抜粋して記述していくため、完全なサンプルコー
どうも!LSSです!! 最近、JavaScriptを使って色々やってみる事にハマり、記事もそればかりになってきていましたが、今回は 『JavaScriptを使わずに、はてなブログ記事内で使用可能な開閉メニュー』 の作り方を記事にしてみます! ※はてなブログ以外でももちろん使えますよ^^ サンプルとそのコード ↓の「メニュー」をクリックすると、その下に文字が現れます! コード 注意点!半角チルダについて とりあえず解説 「menu」と「tg01」は任意の名前です。 <input id="tg01" style="display: none;" type="checkbox" /> <label for="tg01">メニュー</label> <div id="menu">ああああああ</div> はてなブログ特有の注意点!<div>と</div>で囲んでいるのがミソ CSS部分の解説 #me
ゲームUIの演出のコツを解説するブログ「ゲームUI演出」の記事「UIの細かい動きについて」がSNSで話題になっている。 UIの動きについての考えを記事にしました。 最適な動きを見つけてゲームへ落とし込んで、そのルールをちゃんと後に伝えるように資料を残さないと、無法地帯になる。 ▼ゲームUI演出 UIの細かい動きをについてhttps://t.co/pbFFpRCR5u pic.twitter.com/Je3mdNgFUQ — たかゆ@UIアニメーションデザイナー (@takayuP4) March 8, 2020 このブログの作者は、ソーシャルゲーム会社でUIアニメーションや、演出、エフェクトを担当している、たかゆ氏。自身の技術向上と同業者のためにブログを開設したという。 話題の記事「UIの細かい動きについて」では、「イージング」と呼ばれるUIの細かい緩急のアニメーションを解説。まずイージン
NECは3月11日、2021年4月以降に新卒入社する学生向けに、学生の能力や入社後の職務に応じた報酬を提示する仕組みを設けると発表した。キャリア採用枠を新卒の学生にも広げ、経験者と同じ水準の報酬を用意する。データサイエンティストなど、専門性の高いスキルを持つ学生の獲得を強化する。 従来の初任給制度に加え、専門性の高いスキルを持つ学生を獲得するための仕組みを導入。「データサイエンス」「サイバーセキュリティ」「DXビジネス」「AI創薬」などの分野が対象で、経験者採用と同じ採用基準や人事制度で評価する。 海外の大学の卒業生や外国人留学生、高専の卒業生なども受け入れる考え。入社1年目で、年収が約800万円になるケースも想定しているという。 NECは、「人材獲得競争が激しくなる中、優秀な学生が持つスキルを考慮して正当に評価する環境づくりが必要と考えた」と説明している。 新制度を用いた21年度の採用予
今回は S3 バケットへのアクセスを特定 IAM ロールからのみに限定して利用する機会がありましたので、設定方法と検討したあれこれをご紹介します。 やりたいこと 構成図はこんな感じ 前提条件 IAM ロールと S3 バケットは同一アカウントに存在する IAM ロールには S3 を管理する権限がアタッチされている 今回は AmazonS3FullAccess ポリシーをアタッチしています NotPrincipal でやってみる 「特定 IAM ロール以外は制限する」という考え方でパッと思いつくのは、以下のような NotPrincipal で制限する方法かと思います。 バケットポリシー { "Version": "2012-10-17", "Statement": [ { "Effect": "Deny", "NotPrincipal": { "AWS": "arn:aws:iam::xxxx
無料版が出ましたね!! Publickey さんでも取り上げてもらってます。 マイクロソフト、「Azure Cosmos DB」がずっと無料で使える「Free Tier」を発表。地球規模の分散データベースを最大5GBまで Cosmos DB とは Azure で一番強い NoSQL DB だと思ってます。色々な DB のモードがあって SQL API Cssandra API MongoDB API Gremlin API テーブル API etcd API の中から選べます。私は SQL API が好きというか基本的に SQL API しか使ったことない感じです。 SQL API は JSON でデータが格納されて SQL で問い合わせ出来る感じです。(雑な説明) 作ってみよう Azure ポータル から Cosmos DB を作成します。作成するときに「Apply Free Tier
styled-components 画像は styled-components ツライっていう顔です。 Angularのようにスタイリングまで面倒を見てくれるUIフレームワークならまだしも、Reactの場合はコンポーネントのスタイリング方法も自身で選択しなければいけません。CSSのスタイリング方法/設計はいくつか存在しますが、どれも一長一短で、やはり銀の弾丸は存在しません。スタイリング方法を選択可能なUIフレームワークは、この混沌とした選択肢の中から価値を見出す必要があるわけです。 僕はBEMによる人力CSS管理(Sass/Less/Stylus)から、 { fontSize: 14 } のようなJSオブジェクト形式のCSS in JS、 styled-components のようなTemplate Stringsを利用したCSS in JS、そしてCSS Modulesまで幅広く公私とも
こんにちは! 去年の4月に新卒入社してからお酒ばかり飲んでいるエンジニアのd4teです。 4月から11月まではUX改善チームにてお仕事検索画面のフロントエンド開発を担当しておりましたが、11月からはリファクタリングチームにてcrowdworks.jpのリファクタリングをしています。 現在のcrowdworks.jpの状況 過去の記事にもあるように、crowdworks.jpはサービスインから約8年が経過し、30万行を超えるモノリシックなRailsアプリケーションになってきていて、コード行数の増加量やファイル変更数の推移は年々鈍化してきています。 内部には開発生産性を低下させる技術的負債が溜まってきており、技術的な投資がしづらくなってきているという課題があります。 自分が所属しているチームは、外部から見た動作を変えずに内部のコードを整理するリファクタリングで技術的負債を解消し、開発生産性の向
JavaプログラマーのためのGo言語入門こちらはJava to Go in-depth tutorialの日本語訳です 原文の著者に許諾を得て翻訳・公開いたします。 このチュートリアルは、JavaプログラマーがすばやくGo言語にキャッチアップできるようにすることを目的としています。 目次 Hello stack 主な違い シンタックス(文法) 定数 構造体 ポインタ スライス 値の作成 メソッドとインターフェース エラー PanicとRecover ゴルーチンとチャネル Hello server Hello stack 1まずはじめに簡単な例を見ていきましょう。この例ではシンプルな抽象データ型をGoで実装しています。 // collectionパッケージはstring型を格納できるスタックを実装している package collection // Stackのゼロ値はすぐに使用できる空のス
techbookfest.org GUIの薄い本です。「入門 監視」ばりに主語デカタイトルです。 著者は私と f_subalさん、daiizさん、miyaokaさんで、座談会パートにはKeima Kaiさんが参加しています。 内容は「ドラッグ&ドロップを始めとする作るのがしんどいGUI」をいちから書いてみようよ、という感じです。 GUIコンポーネントの使い方についての本はよく見かけますが、コンポーネント自作についての本というのはなかなか珍しいんじゃないかと思います。 概ね下記のようなノリの、ゆかいなGUIの本として読んでもらえれば、と思います。 私はセレクトボックスを実装してみようという章を書いています。最終的になぜかリングコマンドになりました。 中でも、最後の座談会パートは好評です。STUDIOの二人が参加しているので、先にSTUDIOを触ってみるとより文脈がわかると思います。 サンプル
Amazon Web Servicesは、コンテナ実行専用に開発されたLinuxベースのOS「Bottlerocket」をオープンソースで公開したことを明らかにしました。 Running containers on Amazon EC2? Try the new Bottlerocket OS purpose built to run containers. https://t.co/0tnx2nk1HB pic.twitter.com/GPuWWB9N90 — Amazon Web Services (@awscloud) March 10, 2020 一般的なLinuxディストリビューションで提供されているOSはコンテナ環境に最適化されているわけではないので、コンテナの実行には不要なソフトウェアが含まれていることなどによるストレージやメモリのオーバーヘッドや、不要なネットワークポートが
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く