フレームワークに頼らない！ フロントエンド技術「Web Components」のAPIを学ぼう
対象読者 AngularやReactなどのフレームワークに頼らずに再利用可能なHTMLやCSSを整備したいマークアップエンジニア AngularやReactなどのフレームワークとWeb Componentsを併用する利点を学びたいJavaScriptエンジニア 前提環境 筆者の検証環境は以下の通りです。 macOS Monterey 12.4 Google Chrome 102.0.5005.115 Web Componentsを構成する3種のAPI群 前回は、再利用可能なUI部品があることの嬉しさと、ブラウザで再利用可能なUI部品を作るための技術「Web Components」について概要を解説しました。今回はもう少し解像度を高めて、どんな役割のAPIがあるのかを確認していきましょう。まずは前回の復習です。Web Componentsには大別して次の3つの技術の組み合わせによって成り立っ
Rustでわかる！ WebAssemblyのメリット～処理速度の違いを、サンプルを作りながら体験しよう
本連載では、Webブラウザー上でJavaScriptとともに動作できるバイナリ形式のプログラムファイル「WebAssembly」を、Rustプログラミング言語で実装する方法を説明していきます。前回はRust言語の基礎を説明しました。今回はいよいよ、Rust言語でWebAssemblyを実装していきます。また実装したサンプルを利用して、WebAssemblyのメリットなどを説明します。 はじめに 本連載では、Webフロントエンド開発において注目されているバイナリ形式のプログラムファイルWebAssemblyを、Rustで実装して活用する方法を説明しています。初回記事ではWebAssemblyの背景およびRust開発環境の作成について、前回記事ではRust言語の基本的な言語仕様について説明しました。 今回はこれまで説明した内容を利用して、実際にRust言語でWebAssemblyを実装していき
RustではじめるWebAssembly入門～JavaScriptを超える高速なWebアプリ開発を実践しよう
本連載では、Webブラウザー上でJavaScriptとともに動作できるバイナリ形式のプログラムファイル「WebAssembly」を、Rustプログラミング言語で実装する方法について、順を追って説明していきます。初回となる今回は、WebAssemblyの概要を説明するとともに、Rustを利用した簡単なサンプルで、実装方法のイメージを紹介します。 はじめに 現在、Webフロントエンド開発においては、ページ構造を表すHTML、スタイルを表すCSSとともに、挙動を実装するためにJavaScriptが利用されます。JavaScriptの登場当初はWebページに動きをつける程度の扱いでしたが、その後の言語仕様の拡張や、WebブラウザーでのJavaScript実行速度の向上、Node.jsなどWebブラウザー以外でJavaScriptを動作させる環境の登場などにより、本格的なプログラミング言語としてその
アクターモデルによる、APIやデータベースに振り回されないアプリケーション設計と実装
マーベリック株式会社のリチャード 伊真岡です。この連載では非同期処理に役立つアクターモデルを学ぶため、JavaとScalaから使えるOSSであり、アクターモデルの実装を提供するAkkaを紹介します。前回の記事ではAkkaのアクターモデルを用いたアプリケーション構成を紹介しました。今回の記事はアクターモデルを用いた設計と実装を、チケットのオンライン販売アプリケーションを題材として説明します。 アプリケーション要件の紹介 今回は各種のイベント、コンサート、演劇、スポーツイベントなどのチケットをオンラインで購入できるアプリケーションを考えます。 通常よく用いられるチケット販売方式には先着と抽選がありますが、1つの記事の中で両方の設計を扱うのは記述量が多くなりすぎるので、チケットの先着販売のみを扱うことにします。チケットの先着販売はチケット在庫などの状態管理を含み、さらに同時に複数の購入者からのリ
ソフトウェア開発の「品質vs.スピード」、本当は何を犠牲にしているのか【デブサミ2020】
デブサミ2020の1日目、「質とスピード」というセッションが人気を集めた。2019年10月に開催されたEngineering Organization Festival 2019で評価の高かったセッションをアップデートして再演したものだ。登壇したのは、テスト駆動開発者として有名な、タワーズ・クエストの和田卓人氏。ライオンのアスキーアートといっしょに紹介されることが多いという。プロジェクトマネジメントにはQCD（Quality：品質、Cost：コスト、Delivery：納期）という概念があり、トレードオフの関係になると言われている。確かに開発の現場でも、「いまは大事な時期だから、品質を犠牲にしてスピードを優先しよう」といった判断が行われることは少なくない。しかし、和田氏は、ソフトウェア開発の文脈において、逆の効果をもたらすことを、多くの資料を引用して再構築してみせた。 タワーズ・クエスト株式
漆原氏が語る「一生エンジニア」でいる方法――理論と情熱で35歳定年説を論破する【デブサミ2019】
「皆さん、コード書いてますか？」――ITエンジニアの祭典「Developers Summit 2019」は、そんな呼びかけから開幕した。拡大鏡をかけながらでも、コードを書き続ける生涯を目指す。そう語られたこのセッションは、「エンジニア35歳定年説」という「嘘」を論破するための、理論と情熱にあふれた内容であった。セッション内では科学的なエビデンスを論拠とする数々の方法論が示され、そこには「一生エンジニア」を実現するためのノウハウが詰まっている。それを目指すエンジニアの方はもちろん、若手エンジニアの意欲向上に悩むリーダーや、エンジニアの心理がわからない管理職、離職率に悩む人事担当など、エンジニアに関わる様々な職種の方々も、このセッションから課題解決のヒントをつかんでいただけるだろう。本稿では、ベストスピーカー1位を受賞した、ウルシステムズ 漆原茂氏のセッションをお届けする。 大事なのは、「内発
AngularのPWA（Progressive Web Apps）機能でアプリのようなWebページを作成 (1/3)：CodeZine（コードジン）
本連載では、Webアプリケーションフレームワーク「Angular」の活用方法を、サンプルとともに紹介しています。前回はe2e（End-to-End）テストの実行方法を説明しました。今回は、ネイティブアプリのような使い勝手のWebページを実現するPWA（Progressive Web Apps）に関するAngularの機能を紹介します。 はじめに Angularは、Googleとオープンソースコミュニティで開発されているJavaScriptフレームワークです。最初のバージョンはAngularJS（AngularJS 1）と呼ばれていましたが、バージョン2で全面的に刷新され、以降、おおむね半年に1回アップデートされています。 PWA（Progressive Web Apps）は、まるでネイティブアプリのような使い勝手を提供するWebページです。Webページのアプリ名やアイコンを定義する「Web
機械学習プロジェクトにおける課題と、スパースモデリングに期待が高まる背景
本連載は「これから機械学習に取り組みたい」「ディープラーニングや機械学習を使った経験がある」といったエンジニアに向けて、データ量が少なくても分析が実現できる「スパースモデリング」という手法を紹介します。連載の第1回は、スパースモデリングに注目が集まる背景について紐解いていきましょう。 はじめに ディープラーニング（深層学習）に代表される機械学習の技術の進展、クラウドやIoTに代表されるデータ取得・収集の基盤の整備を背景に、コンシューマ向けだけではなくビジネス向けにおいても機械学習を活用したサービスに大きな期待が寄せられています。そして、そういったサービスを構築する人材としてデータサイエンティストにも注目が集まっており「21世紀で最もセクシーな職業」とまで言われています。 また、ほんの少し前までは数学や統計的な知識がなければ使いこなすことができなかった機械学習も、オープンソースのフレームワー
Kubernetes／Dockerに便利なエディタ「Visual Studio Code」を使ってみよう
2018年4月に、拙著『プログラマのためのDocker教科書 第2版』を刊行しました。2015年の初版では、初めてDockerを利用される読者の皆さんに向けてDockerコンテナを使ったWebアプリケーションのビルド手順や、Dockerfile／Dockerコマンドのリファレンスを中心に説明したのですが、第2版では後半にKubernetesによるDockerコンテナのデプロイ手順についての説明を加えています。 本書をもとに実際に手を動かしながら読み進めていただくには、DockerfileやKubernetesのマニュフェストファイルの編集やコマンド実行が必要になります。 本書ではそのための具体的なKubernetesの実行環境としてGoogle Cloud Platformを中心に解説しました。ですが、コンテナはアプリケーションの可搬性が高く、ほかのクラウドやオンプレミス環境でも動かすこと
ASP.NET CoreとComponentOneを使って、マルチプラットフォームで動作するWebアプリを作成しよう！【Mac／Linux編】
ASP.NET Coreは、ASP.NET MVCをベースとして再設計されたマルチプラットフォームで利用可能なWebアプリの開発が行えるオープンソースの基盤技術です。前回の記事では、Windows環境における開発方法、およびIISへのホスト方法について説明しました。今回は、「ComponentOne for ASP.NET MVC」をマルチプラットフォームで使用する方法を中心に解説していきます。 前回記事：ASP.NET CoreとComponentOneを使って、マルチプラットフォームで動作するWebアプリを作成しよう！【Windows編】 「ComponentOne」の製品名称について 前回の記事では、製品名称を「ComponentOne Studio」と表記していましたが、2018年5月1日より「ComponentOne」に変更となるため、本稿では新しいものに表記を統一しています。名
Android 8.0とAndroid Studio 3.0で始めるReactive Extensionsを用いたアプリ開発
BizReach Tech Blog はじめに 昨今、リアクティブプログラミングが注目されています。GUIにおけるインタラクションや、時間経過と共に変化するアニメーションなどに適したパラダイムであると言われており、もちろんAndroidアプリケーション開発にも取り入れていくことが可能です。 本記事では、2018年1月時点における最新のAndroid開発環境であるAndroid Studio 3.0.1とAndroid SDK Build Tool 26.0.2（Android 8.0）と、Reactive Extensions（RxJava2）を使ったアプリ開発方法について、チャットアプリケーションを題材として紹介します。 対象読者 Androidアプリケーション開発に携わるエンジニア Androidでリアクティブプログラミング未経験者 Android 8.0、Android Studio
GitHubを使ったキャッチアップしやすいドキュメントの管理方法
Wantedlyの社内ではその場その時でチームメンバーがもっとも効率よく働けるものを選択して利用します。この連載では実際の開発で取り組んでいる技術や手法を、実務に使える形でお伝えしていきます。今回はプロダクトを運営していく上で日々作られるドキュメントを、GitHubを使って埋もれず無駄にならないように管理していく方法をご紹介します。 はじめに 本連載は、WANTEDLY TECH BOOK 2から抜粋し、再編集したものになります。今回のテーマはGitHubによるドキュメントの活用術です。 皆さまはドキュメントの管理はどうされていますでしょうか。一口にドキュメントといっても、議事録のような打ち合わせの内容を書き留めたものから、システムの仕様を文書や図で書き留めたもの、時にはビッグデータのスナップショットなど、さまざまなものがあります。 それらの管理がバラバラにになったままだと、意図的に共有し
機械学習をやるならPythonの時代？ 初心者の目線で「なぜ」を解説する『スラスラわかるPython』刊行
人工知能開発の盛り上がりに合わせ、機械学習を得意とするPythonに大きな注目が集まっています。Pythonを習得することが喫緊の課題の方、あるいは今後のキャリアを見据えて習得しておきたい方もいるかもしれません。翔泳社では8月7日に初心者にとってのわかりづらさを解きほぐした入門書『スラスラわかるPython』を刊行しました。 『スラスラわかるPython』は、わかりやすくて習得しやすい言語でありながら、科学計算を得意とするライブラリが豊富で機械学習に使えると注目を浴びているPythonを、ゼロから習得できる入門書です。 昨今の人工知能の盛り上がりは、これまであまり関係ない分野で仕事をしてきた方も気になっているのではないでしょうか。これからいったいどんな形で関わっていけるのか、考えたことがあるのでは？ とりあえずPythonを習得しておくことは、悪くない方法の一つかもしれません。本書はめった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
データサイエンス初学者向け学習環境「データサイエンス100本ノック（構造化データ加工編）」が公開
Amazonで2019年12月に売れた「コンピュータ・IT」関連の本、1位から100位までを紹介
.NET Core 3で始めるWPFアプリ開発――Hello, WPF!
研究者とエンジニアが集い、機械学習工学という新しい工学の体系化を目指す～「機械学習工学研究会キックオフシンポジウム」レポート
ファベルカンパニー、機械学習、自然言語処理の技術情報を発信する新メディア「ミエルカAIブログ」を公開
リクルートテクノロジーズ、機械学習やディープラーニングを用いたAPI群「A3RT」を無料公開、チャットボットAPIや日本語文章自動校正APIなど6種類
機械学習による分析過程を把握しつつ、支援ツールによる自動化で的確な分析結果を得る（前編）
