WSL2で開発中のWebアプリを同じLANのスマホで動作確認する方法
WSL2で開発中のWebアプリをスマホで即座に動作確認したい スマホとPCが同一のWifiに接続している状態でスマホのブラウザから http://<PCのIPアドレス>:<Webアプリのポート> にアクセスして動作確認出来ることがよく知られています。 私は普段PC向けの業務システムやライブラリを作っているのでこの方法を使う機会がほとんどないのですが、久しぶりにスマホでの確認が必要になりました。 開発環境がWSL2の場合に固有処理が必要だったのでメモ代わりに公開しておきます。 WSL2固有処理だけ知りたい人のための結論 PowerShellを管理者権限で開いてください。 以下を1行ずつ入力してもいいし、ps1ファイルに書いて実行でもいいはずです。 私はPowerShellに慣れてないので1行ずつ打ち込んでます。 開始 $ports = @(3000, 8000) # Webアプリで使うポート
Mac版DevToysがなかったので3日で作って公開した。 - Qiita
きっかけ こちらの記事で紹介されていたDevToysを使ってみたら非常に便利で、これは日常使いしたい！となりました。 しかしなんということでしょう。DevToysはWindowsアプリでありmacでは使えないではないですか！iOS・macアプリ開発者の私としてはmacを捨てるわけにはいかないので、mac版のDevToysを開発しました。 できたもの というわけで3日ほどでmac版DevToysクローンを作成しました。 以下のReleaseからダウンロードできます。 開発 可能な限り高速で開発をする必要があったため、他のOSSどううまく使うかが勝負です。 アプリ全体 他の開発中のmacアプリからユーティリティ系コードは大部分を流用しました。 これでだいぶ開発が楽になります。 Json <> Yaml OSSのYamsを用いて実装しています。本家DevToysではなぜか Yaml -> Jso
あらゆるプラットフォームで、どんなアプリでも .NETが20年目に到達した高み
昨年リリースされた.NET 6は、マイクロソフトが長らく目指してきた「すべてのアプリのための統一プラットフォーム」の1つの到達点だ。Windowsのみならず、あらゆるプラットフォームで、デスクトップやWebだけでなく、どんなアプリでも。2002年の.NET Framework 1.0のリリース以来、20年目を迎える.NETは、果たしてどこまで行き着いたのか？ Visual Studio 2022（関連記事：開発生産性の向上を実感！64ビット化した「Visual Studio 2022」の魅力）に引き続きマイクロソフトコーポレーション 井上章氏、日本マイクロソフト 横井 羽衣子氏が解説してくれた。 すべての開発者に選択肢を 進化を続けてきた.NET .NET 6の話の前に、まずは.NETおよび.NET Frameworkについておさらいしておこう。 特定の言語に依存しない開発環境を目指して生
Progressive Web Appsの振り返りとこれから | gihyo.jp
Progressive Web Apps（以下、PWA）は2018年ごろからホーム画面へのインストール機能やキャッシュ戦略等の技術視点でエンジニアの間で話題に挙がるようになりました。現在ではWebパフォーマンス、ユーザビリティ向上、PoC（実証実験）といったビジネス視点でも注目されており、多くのWeb実装にPWAが取り入れられています。 今回の記事では、国内のPWAの動向を振り返り、改めてPWA開発のスタンダードとこれからのPWAについてまとめます。 日本国内でのPWAの動向 2015年にPWAという名称が生まれ、Google Chromeを始めとした各ブラウザが順次PWAに対応していきます。2018年にiOSのSafariがService Workerに対応したことををきっかけに国内でもPWAが注目され始めました。筆者もその頃からPWAに興味を持ち、2019年2月に立ち上がったTechコ
フロントエンドもバックエンドも網羅的に経験できる Webアプリ開発のプラットフォーム「LIFF」の開発と魅力
フロントエンドエンジニアの仕事内容や業務事例、働く環境などについて紹介する「LINEフロントエンドエンジニア採用説明会」。そこでフロントエンド開発センターUIT1室の佐藤氏が、「LIFF」の開発について共有しました。 自己紹介 佐藤信吾氏：それでは「LIFFのJavaScript SDK開発チームの紹介」ということでお話しします。どうぞよろしくお願いします。 まずは自己紹介させてください。佐藤信吾と言います。ソフトウェア開発者です。2020年にLINEに入社し、フロントエンド開発センターのDev7というチームに所属しており、現在は「LIFF」というデベロッパープロダクトのJavaScript SDK（Software Development Kit）の開発周りを担当しています。 LIFFについて では、さっそくLIFFについて簡単に紹介します。LIFFは、LINEが提供するLINEのクライ
【完全無料】Flutterを使って簡易ライブ配信アプリを構築する
はじめに 皆さんはFlutterというフレームワークを知っていますか？ flutterはgoogleが開発したios,android,webアプリが作れてしまうフレームワークになります。(Dartという言語を使って３つ一気にアプリが作れる！！！) こちらの記事はそんなflutterのフレームワークを使って開発のアプリの紹介記事になります。 作ろうとおもった経緯 flutterの勉強がてら、なにか簡単アプリを作りたいなと思っていたのですが、自分自身が動画関連の会社に勤めているもあり、せっかくなら、 「ライブ配信が行えるflutterアプリを作ってみよう！」 と思い、今回のアプリを開発しました。 アプリの概要 スマホのカメラで撮影した映像をweb上で視聴できるというアプリケーションになります。 具体的な構成は以下の通りです。 今回作成したflutterアプリケーションでスマホのカメラ映像をrt
文化祭入退場・混雑管理システム "CAPPUCCINO" 開発・運用記
この記事は、文化祭実行委員会に所属する[1]現高校 3 年生 3 人で文化祭の入退場混雑管理システム「CAPPUCCINO」を 2 年間に渡り開発し、実際に運用した記録を残したものです。 ＊この記事は以下の 3 名による共同執筆です 著者・開発者: すばる (@su8ru / Twitter:@su8ru_) 高校３年生。普段は TypeScript に使われながらウェブフロントエンド技術で遊んでいます。 たけ (@takeno_hito / Twitter:@Takeno_hito) こうこうさんねんせい。コーディングよりはゲームのほうが好きです。上下二人に揉まれながらも一応リーダーをやってました。 ふわわあ (@fuwa2003 / Twitter:@ibuki2003) 高3。Vimmer。半言い出しっぺなのに後半コード書いてないとかで最近は肩身が狭い思いをしています。 1. CAP
DroidKaigi 2021 において、「2020年代の WebView 実装」というタイトルで発表しました - クックパッド開発者ブログ
こんにちは。モバイル基盤部のこやまカニ大好きです。 先日行われた DroidKaigi 2021 で「2020年代の WebView 実装」というタイトルで発表させていただいたので、今日はその発表を簡単にまとめようと思います。 当日聴いて頂いた参加者の方、本当にありがとうございました。 流れていくコメントを眺めていると他社でも WebView 増殖はやっぱり発生するんだなあという気持ちが沸き起こり、胸が熱くなりました。 現時点で話せる内容は大体話せたと思うので、この記事では DroidKaigi公式の動画と発表資料の共有、当日うまく答えられなかった質問への回答だけ記載しようと思います。 最高の WebView を作る作業はまだ継続中ですので、完全版 WebView に関しては完成し次第別記事でお知らせいたします。 動画 https://www.youtube.com/watch?v=IOn
Androidエンジニアからモバイルエンジニアへ。Flutter開発を拓いたエンジニアが抱くユーザー課題解決への想い。 | ANDPAD_Engineers
建設業界にデジタルシフトを起こすクラウド型施工管理サービス「ANDPAD」。利用企業数10万社、ユーザー数26万人を突破し、株式会社アンドパッドは日本の建設業界のDXを牽引する企業として、世界の投資家からも注目を浴びています。 Androidエンジニアの工藤さんは2020年1月に入社。それから半年で社内のFlutter開発の第一人者に。そんな彼にアンドパッドで働くことの魅力を語ってもらいました。工藤さんの言葉の節々から滲み出るアンドパッドのエンジニア組織の熱気を感じてください。 工藤 厚太郎（くどう こうたろう） 金融系SIerでSEを経て、toCの事業会社にてAndroidエンジニアとしてモバイルアプリ開発を中心にバックエンド、Webなども担当し、2020年1月にアンドパッドへジョイン。 現在は「ANDPAD検査」アプリのリーダーと「ANDPAD」施工管理アプリのAndroid開発担当を
グローバルでビジネスを支える「LINE公式アカウント」 そこに関われるのがフロントエンド開発の醍醐味
LINEのフロントエンド開発センターの役割やミッションについての説明や、フロントエンドエンジニアの仕事内容や業務事例、働く環境などについて紹介する「LINEフロントエンドエンジニア採用説明会」。そこでフロントエンド開発センターUIT1室副室長の金昌熙氏が、LINE公式アカウントのフロントエンド開発について共有しました。 LINE公式アカウントのフロントエンド開発 金昌熙氏（以下、金）：それでは続きまして、私から「LINE公式アカウントのフロントエンド開発」について紹介します。 まず自己紹介すると、金昌熙（Kim Changhee）と申します。フロントエンド開発センターUIT1室 副室長と、開発チームのマネージャーもやっています。前職の大手ポータル会社を経て、2018年にLINEに入社しました。今はLINE公式アカウントをはじめ、さまざまなサービスの開発を担当しています。 みなさん、LINE
Android版CODEアプリのアーキテクチャと使用ライブラリ - リサーチ・アンド・イノベーション 開発者ブログ
リサーチ・アンド・イノベーションの高田(tfandkusu)です。Androidエンジニアをやっています。弊社には3人目のAndroidエンジニアを採用する予定があり現在準備中です。この記事では応募者が弊社で働くイメージを持ちやすくするために、Android版CODEアプリのアーキテクチャと使用ライブラリを広く簡潔に紹介します。 アーキテクチャ アーキテクチャは5層構造のレイヤードアーキテクチャになっています。Android公式のアプリの推奨アーキテクチャのViewModelとRepositoryの間にUseCaseを加えた構造を採用しています。UseCaseを加えた理由はViewModelの単体テストの肥大化を防ぐためです。 アーキテクチャ 非同期処理 Kotlin CoroutinesをFlowを含めて使用してます。 RemoteDataStore サーバサイドはRuby on Rai
崩れるApple「手数料」牙城。ストア外の決済容認へ - すまほん!!
Appleは、同社が提供するiOS・iPad OS・macOS搭載デバイス向けのアプリストア「AppStore」に関して、いくつかの変更を行うことを発表しました。この変更は、2019年から米国の一部の開発者によって起こされた集団訴訟での合意に基づき、主に開発者向けに発表されたもの。 今回行われるAppStoreのルール変更の中でも最も重大な変更は、AppStoreを経由しない支払いが容認されたことです。 Appleは、開発者が「AppStoreを経由しないアプリ外部の決済について、ユーザーにメールで通知する」ことを容認。アプリ内でサードパーティー製決済システムに誘導することはできないもの、メールを通じての外部決済誘導は許可され、開発者はこの方法を利用すれば、Appleに手数料を支払うことなく利益を得ることができます。 これまで、AppStoreで提供されるアプリにサブスクリプションやアプリ
Infrastructure as Codeのつらみの原因を探れ 恐怖症による負のサイクルを断ち切る“予測可能性”
ソフトウェア開発、ITインフラ運用、そしてその境界線上にあるトピックをカバーし、特にDevOpsを実現するための自動化、テスト、セキュリティ、組織文化にフォーカスした「DevOpsDays」。ここでソフトウェアエンジニアのチェシャ猫氏が「Infrastructure as Code の静的テスト戦略」をテーマに登壇。まずはInfrastructure as Codeについてと、そのつらみから発生する“オートメーション恐怖症”を防止する方法を紹介します。 「コード化の“つらみ”をいかにうまく防ぐか」が今日のテーマ チェシャ猫氏：チェシャ猫と言います。Twitterは@y_taka_23の名前でやっているので、よろしくお願いいたします。今日は「Infrastructure as Code の静的テスト戦略」をテーマに選びました。Infrastructure as Codeはここ数年で、非常にメ
ノーコードのアプリ開発とは？メリット・デメリットやツールなどを紹介！｜SHOP DX ｜ 店舗経営のDX（デジタルトランスフォーメーション）を科学するウェブマガジン
プログラミングを習得する時間がなく、アプリの開発に踏み出せない方もいることでしょう。エンジニア不足を補う方法として期待されているのがノーコードによるアプリ開発です。今回はノーコードでアプリを開発するメリットやデメリット、具体的な開発ツールなどを紹介していきます。 アプリ開発で知っておきたいノーコードとは？ 一般的にプログラミング言語はさまざまな種類があり、それぞれコードの記述ルールが異なります。初心者から見ると、アプリ開発でどの言語を学べばよいのかわかりづらいだけでなく、独学での学習に不安を覚える方もいるでしょう。その点、ノーコード開発はプログラミングをしなくてもアプリを開発できる手段です。具体的にはノーコード開発をするためのプラットフォームをさします。もともとアメリカのIT起業家や個人プログラマーなどによって開拓された分野でしたが、日本でもITエンジニアの人材不足を補う手段として期待され
iOS 14以降をターゲットにiOSアプリ開発するならどんな構造設計をするか 2021初夏
はじめに この記事はiOS 13以降にもSwift Concurrency（つまりasync/awaitやActorなど）が使えるようになると思っていなかったときに書いたものです。 はなしの準備 雑談として「最近はどんなアーキテクチャでiOSアプリ作るの？」という話題があったので整理の文章を書いてみます。 Appleの性質上、2021年7月でもまだ決め手のようなものはないし、私だったらTCAやVIPERを候補にモジュール分割してなるべくDB使わずに作って必要になったらCore Dataを採用すると思います。 それはそれとして、Android BlueprintのREADMEかなにかでGoogleのソフトウェアエンジニアが「チームが生産性を最大化させるアーキテクチャを選べばいい」なんてことを書いてあったのを読んだ記憶があるんですが、それは最もですねと思いつつも、しかしそもそも選択肢がわからな
移行のメリットはコストを上回るか？ JavaScriptのTypeScript化で気をつけるべき5つのポイント
技術とノウハウを武器に、膨大かつ複雑なデータの「検索」「分析」「可視化」といった課題を解決するフォルシア株式会社が「FORCIA Meetup #2」を開催しました。2回目の今回のテーマは「2020年度にエンジニアが取り組んだこと」。東川翔氏は、マイクロサービスをJavaScriptからTypeScriptに移行したときの気づきについて発表をしました。 JavaScriptからTypeScriptへの移行プロジェクトが始動 東川翔氏（以下、東川）：「JavaScriptからTypeScriptの移行のプロジェクトに関して気を付けた点」について話していきます。 まず自己紹介です。東川と申します。新卒の2年目で新規旅行アプリの開発をしています。興味のある言語はTypeScriptやPostgreSQLです。最近はクライアントアプリケーションの構築にも興味があって、Next.jsに関してアドベン
iOS15で返金のプロセスが容易に〜新たなAPIが追加 - iPhone Mania
iOS15のアプリ内ツールと新たなAPIを使って、返金のプロセスが管理しやすくなることがわかりました。Appleの開発者会議「WWDC21」で詳しく説明される見通しです。 開発者側からの返金プロセスを説明 iOS14以前の環境では、アプリ取引について、Appleがすべての返金プロセスを一手に担ってきましたが、今年の秋正式にリリースされるiOS15では、アプリ開発者が返金プロセスを自ら管理できるようになる見通しです。 これには、ユーザーがアプリ内で直接、自動更新されるサブスクリプションの管理やキャンセル、返金の要求を簡単に行えるAPIが含まれ、返金処理のベストプラクティスや、ユーザーサポートを向上させるための追加のAPIについても説明される見込みです。 Source:Apple via AppleInsider (lexi)
Electronで組み込み端末向けアプリケーションを開発し3年間運用してみて
組み込み端末のアプリケーションに Electron を採用し開発・運用を行っています。 継続的な機能追加やトラブルサポートを行いながら 3 年が経過したので、Electron を採用した経緯や結果を経験を交えながら共有したいと思います。 組み込み案件自体が初めてでしたのでその話も入っています。 約 700 台ほど導入されており、なかなか大きな案件での採用と思いますので参考になれば幸いです。 ※Electron の基本的な説明は割愛します。 システムについて 一般的に「受付精算機」などと呼ばれ、店頭に何台か並べて設置して自動で受付・精算を行うシステムです。 ホテルの受付端末のイメージです。ハード的にはセルフレジにも近いです。 筐体自体は他社が用意し、弊社はその上に載せる GUI アプリケーションのみを担当しました。 機能 主な機能として 来店受付・整理券発行 予約チェックイン チェックアウト
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
flutterでスマホアプリ開発するときに必ずやってること
Swift Language Updates - Learn Languages 2021
