対象読者 Reactの基本を修めている方 通信回線が弱いユーザーにも高速に表示できるサイトを作りたいエンジニア WebブラウザとNode.jsという異なるランタイムをそれぞれキャッチアップするのが辛くなってきたエンジニア 前提環境 筆者の検証環境は以下の通りです。 macOS Ventura 13.0.1 Node.js 18.12.1 NPM 8.19.2 Remix 1.9.0 Nested Routesでページ内の一部分だけを別のファイルで定義する 前回はHacker Newsの最新20件を読めるアプリケーションを途中まで作り、メニューが表示できるようになりました。図1のように、idが sidebar になっているメニュー部分と、コンテンツを表示する予定の <main> 要素で構成されています。 図1：前回はメニューまでを作った メニューを作ったので、次はメニューの項目をクリックした
株式会社TimeTree iOSエンジニア 佐藤新悟氏 iPhone登場初期からのiOSエンジニアたちは「TimeTree」をどう見る？ ──自己紹介をお願いします。 佐藤新悟（以下、佐藤）：まだスマホがない2006年に旧Yahoo! JAPAN（現LINEヤフー）に新卒入社しました。Mac好きでしたのでYahoo!メッセンジャーのMac版クライアントを担当させてもらえることになり、iPhone登場前からObjective-Cに触れています。その後、社内でiOSアプリ開発メンバーに選ばれたことがきっかけでiOSエンジニアになりました。TimeTreeの創業メンバーと一緒に仕事をしていた縁で、2016年からTimeTreeに入社してiOSアプリ開発をしています。 荒木秀太（以下、荒木）：私も旧Yahoo! JAPAN出身で、当時はデスクトップのウィジェット開発をしていました。ウィジェットのよ
「TypeScript 5.0」では、「デコレーター（Decorators）」の機能に正式に対応するようになった。デコレーターは、クラスの実装をほとんど変更することなく、クラスやフィールド、メソッドなどを拡張、上書きする外部関数を利用可能にする機能。一般に言うDI（Dependency Injection：依存性の注入）を実現する機能だ。 デコレーター関数を利用するには、デコレーター関数を実装してから、クラスを実装したコード内のフィールドやメソッドを記述した部分の直前で「@関数名」と記述すれば良い。デコレーターの機能を利用して、クラスやフィールド、メソッドの機能を拡張、上書きするコードを外部関数として分離することで、再利用しやすくなる。 以前のバージョンでもデコレーターは使用可能だったが、「実験的」な位置付けにとどまっており、使用するにはコンパイラ実行時に「--experimentalDe
さくらインターネット株式会社の技術統括執行役員 兼 CISOである江草陽太氏は、同社に新卒入社し、1年半後の24歳のときに同職に就任した人物だ。それから5年、さまざまなサービスに携わり、マクロな視点で物事を考えてきた。役員就任後も自ら設計／開発を行うなど、エンジニアとしての業務も担当。そして「マネジメント業務とエンジニア業務のどちらも、大切にすべき本質は変わらない」と江草氏は語る。本セッションでは江草氏が自身の経験をふまえ、エンジニアとして働く全ての人々に心がけてほしいことを伝えた。 さくらインターネット株式会社 技術統括執行役員 兼 CISO 江草陽太氏 プログラミングと出会った学生時代から役員就任まで 江草氏はまず、自身のキャリアを中学時代から振り返る。彼は友人がつくったロボット同好会に参加し、中学／高校時代はロボカップジュニアに出場した。小学校の頃から電子工作はしていたものの、設計で
対象読者 Android Studio 4.0の新機能を把握したい方 前提環境 筆者の検証環境は以下の通りです。 macOS Catalina 10.15.5 Android Studio 4.0 AndroidX ConstraintLayout 2.0.0-beta6 Android Studio 4.0の概要 Android Studio 4.0では、特にデザインツールやビルドツールの面で多くの改善が行われました。公式ブログから、代表的な変更をいくつか抜粋します。 デザインに関する分野 「MotionLayout」のアニメーションをGUIから作成・編集・プレビューできる「モーションエディタ」が新たに追加された レイアウトインスペクタが改善され、リアルタイムかつ直感的に実機で描画されたレイアウトを確認できるようになった さまざまな設定でレイアウトのプレビューを比較できる「レイアウトバリ
最近、CI/CDという単語を見ることが増えてきました。Google、Microsoft、Oracleなどの大きなIT企業が自社のCI/CDツールを発表したり、CI/CDのスタートアップの買収などの話が過去一年にいくつもありました。読者のみなさまも導入はしていなくても、CI/CDについてなんとなく知っている方も多いのではないでしょうか？ 実際CI/CDに対する需要は急速に高まっています。その裏には自動化の重要性の高まりやアジャイル開発の浸透・進化があります。2回の連載でこの流れについて見ていきましょう。 はじめに 本連載では、CI/CDを始めて学ぶ方にも、すでに知っている方にも、できるだけ新しいことを発見してもらえるように心かげました。 連載の1回目は主にCI/CDの概要と導入のメリットから始めて、CI/CDで加速する最新のアジャイル開発手法を解説します。前半は入門者向けの内容ですが、後半は
クックパッドは1998年にサービス開始し、2008年にRuby on Railsにリプレースしてからちょうど10年。その間、クックパッドはRubyの会社として常にトップランナーを走り続けてきた。実際、「世界最大級のモノリシックRailsサービス」として知れ渡り、その開発で培ったノウハウをコミュニティに対して発信してきた。そんなクックパッドが、Rubyに対してどのように付き合っていったのか。Rubyを採用した経緯や課題、競争力の高いエンジニア集団で居続けるための戦略について、同社 技術部部長 兼 エンジニア統括マネージャーを務める庄司嘉織氏に聞いた。会社を挙げたRubyやオープンソースへの貢献やエンジニアとの関わり方も興味深い。 世界最大級のモノリシックRailsサービスと言われて クックパッド 技術部部長 兼 エンジニア統括マネージャー 庄司嘉織氏 クックパッド 庄司嘉織氏は2012年11
リクルートテクノロジーズは、事前調査で「過去に習得または勉強したことがあるプログラミング言語が3言語以上である」と回答した20代～40代のITエンジニア 507名を対象に、プログラミング言語に関するアンケートを実施。一定以上の学習を積んだITエンジニアが「初めて習得」「これから最も重要」と考えるプログラミング言語が明らかになった。 【補足：リクルートテクノロジーズからの「お詫びとお知らせ」（2016/6/20）】 リクルートテクノロジーズは、このアンケート結果を伝えるプレスリリースを「お詫びとお知らせ」（PDF）に変更し、プレスリリースを閲覧した方に多大なご迷惑をお掛けしたとしてお詫びを述べるともに、本件に関する問い合わせ・質問を下記窓口で受け付けている。 株式会社リクルートテクノロジーズ PR 事務局 アウル株式会社内 TEL：03-5545-3888 FAX：03-5545-3887
iOSおよびMac OS XアプリのためにAppleが開発したプログラミング言語「Swift」。MacはもちろんiPhoneやiPad、Apple TV、Apple Watchなど多彩なApple端末のアプリケーションを手軽に開発できるものとして、多くの注目を集めている。その魅力およびObjective-Cからの効率的な移行方法、そしてSwiftに導入されたパラダイムの考え方やアプリ設計への適用について、ヤフー株式会社 メディアカンパニー検索事業本部 アプリ開発部の佐野岳人氏が解説した。 ヤフー メディアカンパニー検索事業本部 アプリ開発部 佐野岳人氏 講演資料：Yahoo! JAPANのiOSアプリSwift対応について Objective-Cの紆余曲折から急激に進化 “モダンで安全な言語”になった「Swift」 Swiftは、WWDC 2014の基調講演において突如彗星のごとく発表され
FacebookやLinkedIn、GitHubといった著名企業が導入し、開発会社が昨年7000万ドルの資金調達をしたことでも注目を集めているオープンソースの全文検索エンジン「Elasticsearch（エラスティックサーチ）」。このソリューションの魅力はどこにあり、どこを目指しているのか。7月末に来日したElasticsearch社CTOのシャイ・バノン（Shay Banon）氏に、国内でElasticsearchを本格的に活用した求人検索エンジン「スタンバイ」を展開しているビズリーチCTO 竹内真氏とともにインタビューした内容をお伝えする。 ビズリーチ 取締役CTO 竹内真氏（左）と、Elasticsearch社CTO シャイ・バノン氏（右） 必要なのは、ユーザーが欲しいデータをもっと簡単に取り出せること ――Elasticsearchという製品の特徴を教えてください。 シャイ・バノン
ストリームデータを即時にWebに反映する「リアルタイムWeb」は、TwitterやFacebookなどが普及したことでそう目新しい技術ではなくなった。しかしその実装は、まだまだ力業でなされていることが課題だ。「Developers Summit 2015 Autumn」のKaizen Platform 伊藤直也氏によるセッションでは、リアリタイムWebを実現する分散アプリケーションアーキテクチャの昨今について、「Reactive System」と「Microservices」という2つのキーワードから読み解かれた。 Kaizen Platform 技術顧問 伊藤直也氏 講演資料「分散アプリケーションアーキテクチャ 2015」 ストリーム処理は現状、まだまだ力業で乗り切っている まず、かつては大量トラフィックとデータを、どのように処理していただろうか。LAMP環境を作り、RDBにデータを溜め
本連載は、はてなエンジニアが、はてなのサービスを支えている技術や日頃注目している技術について解説するものです。Appleは毎年WWDCでいくつもの新規技術を発表していますが、筆者はその中でもObjective-Cの進化に特に注目していました。新たに追加されるAPIやサービスの前では、Objective-Cの進化はあまり注目されてきませんでしたが、実はここ数年の間も進化し続けていました。これにはAppleがコンパイラ技術にコミットしてきたことが大きく影響しています。今回は、Appleのコンパイラ関連技術を振り返り、Swiftにどう繋がるのかを解説します。 はじめに SwiftはAppleによって開発された全く新しいプログラミング言語です。WWDC 2014で稲妻のように現れたこのプログラミング言語は、またたく間に世界中のモバイルアプリ開発者の注目を集めました。 Swiftは衝撃的な登場だった
フルスタックエンジニアと聞いて、バズワード（注3）だと思う方は少なくないかもしれません。かくいう筆者もそうだったのですが、調べ始めてみると「なるほど、世の中の流れがこのような人材を必要としているのか」と感じるようになりました。この記事は、フルスタックエンジニアという言葉の意味を考えることが趣旨ですが、併せて、我々エンジニア（筆者も一応現役エンジニアです）がどのような方向性で生きていくのかについても考えます。 注1：Googleが提供するWeb検索サービスにおける特定キーワードの検索回数が時間経過に沿ってどのように変化を把握できるサービス。 注2：⇒ Googleトレンド「フルスタックエンジニア」 注3：一見、説得力があるように見えるが、具体性がなく明確な合意や定義のないキーワードのこと。（Wikipediaより引用） フルスタックエンジニアの言葉の意味 まずは、フルスタックエンジニアの字面
「Monaca」は、iOS、Android、Windows 8に対応したクラウド型のハイブリッドアプリ開発プラットフォームで、HTML5を活用しながらワンソースで複数のOS向けのアプリを開発できる。ブラウザから「Monaca」にアクセスするだけで、プログラムコードの作成、デバッグ、およびアプリのビルドが可能なので、従来のネイティブベースのモバイルアプリ開発手法と比較して、より効率的な開発を実現する。 今回リリースした正式版では、1つのプロジェクトを複数名で管理・開発できる「チーム開発機能」を搭載し、チャット機能やファイル共有機能など、チームでの作業効率を向上するツールも「Monaca IDE」上に用意している。 ほかにも、作成したプロジェクトのインポート/エクスポートや、プログラムコードの難読化、コードチェック機能を新たに搭載した。また、PhoneGapの組み込みに対応し、ネイティブコード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
