Rustの開発環境を2秒で用意、ローカル環境は汚さず。オンライン開発環境のCodeSandboxがRust言語に対応
ここから「React」や「Vanilla」「Vue 3」などを選択すると、すぐにVisual Studio Code互換環境がWebブラウザ上に立ち上がります。 ここではReactを選択しました。エディタにはReactのテンプレートのコードが表示され、右側のプレビュー画面には結果が表示されています。エディタでコードを書き換えて保存すると、変更内容は瞬時にプレビューに反映されます。 このようにCodeSandboxはローカル環境に依存せず、しかも面倒なフレームワークや実行環境、ビルド環境などのインストールもすることなく、オンライン上ですぐにWebアプリケーション開発に取りかかれます。 また、Webブラウザから利用するだけでなく、Visual Studio Codeから利用するための拡張機能と、iOS用のアプリケーションも提供されています。GitHubとの連係も可能です。 CodeSandbo
ピクシブ、自社で使っている「iOSアプリエンジニア育成教材」を無償公開
ピクシブは、初学者向けiOSアプリ開発の教材資料を無償公開した。お絵かきSNSの開発を通して、実例に近いiOSアプリ開発を学ぶことができるという。 ピクシブは1月19日、初学者向けiOSアプリ開発の教材資料を無償公開した。内容はお絵かきSNSを開発するというもので、実例に近いiOSアプリ開発を学ぶことができるという。また、同社でモバイルアプリ開発の初学者向けに実施した研修の内容についても紹介している。 同社では2022年2月からiOS・Androidアプリエンジニアの育成プロジェクトを始めている。モバイルアプリの開発手段の多様化に伴い、エンジニア採用のミスマッチが増加。モバイルアプリエンジニア不足を解消するために、自社で育成していく取り組みを始めたという。 研修ではまず、プログラミング言語「Swift」と開発ツール「Xcode」に慣れるように、米Appleが提供しているアプリ開発のための課
CSSの新しい単位「lvh」「svh」これでiOSのSafariで100vhがビューポートの高さではない仕様に対応できる
Safari 15.4（最新は15.5）で新しいビューポート単位「lvh」「svh」がサポートされました。ビューポートを基準にした単位で、この単位を使用することで、iOSのSafariで100vhがビューポートの高さではないという仕様に対応できます。 今まではCSSの-webkit-fill-availableがその対応方法でしたが、ネストされた要素やcalc()内では使用できません。新しいビューポート単位を使用すると、そういった問題もなくなります。 The Large, Small, and Dynamic Viewports by Bramus 2021年の記事ですが、Safari 15.4でこれらの新しいビューポート単位がサポートされたので、このタイミングで紹介します。 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじ
TypeScript におけるモジュール関連オプションの整理
TypeScript 4.7 で “module” という名前で始まる Compiler Option がさらに追加されて、さすがに何が何やら感あるので、役割を軽く整理。 この記事では雑な紹介に留めるので、それぞれの詳細は TSConfig Reference を読みに行ってください。 対応関係ソースコードとそれぞれのオプションが何に作用しているのかを雑に図示するとこんな感じ。 重要なことどのオプションをいじっても、import 指定子 (上図の “./hoge” の部分) がコンパイル時に書き換えられることはない。 これが頭に入っていれば、.mts, .cts といった TypeScript のファイルで import "./foo.cjs" と書くことや、 --moduleSuffixes がソースコードの探索にしか影響しないことに得心できるはず。 --moduleTypeScript
body-scroll-lock.js「すべてのブラウザでスクロールのロックしたるで」←こいつ超有能 - Qiita
この記事に書いてあること JavaScriptプラグインのbody-scroll-lock.jsの使い方について サイトリンク GitHubリポジトリ npmサイト body-scroll-lock.jsとは？ ターゲット要素（モーダル/ライトボックス/フライアウト/ナビメニューなど）のスクロールを中断せずに、ボディスクロールを禁止にするプラグインです 対象ブラウザ iOS Mobileおよびタブレット、Android、デスクトップSafari/Chrome/Firefox どんな時に使うか？ 例えばモーダルを表示した時に、背景を固定したいといった場合に使うことができます。 モーダルの中だけスクロールを有効にして、背景固定を実現するなんてことも簡単に実装可能です。 なぜ使うの？ スクロールのロックは簡単そうに思えて、実は結構面倒くさい処理内容です。 例えば、 overflow:hidden
2023年末の「Cookieの終焉」までに、広告主が知っておくべき問題とその対応 | AdverTimes.（アドタイ） by 宣伝会議
ニールセンは2022年4月1日より、日本市場においてニールセンデジタル広告視聴率（DAR）のオープンインターネット測定において、「ニールセン・アイデンティティ（ID）・システム」の導入を開始した。 「ニールセンIDシステム」は、サードパーティークッキーなどデジタル識別子の利用制限が進む中で、デジタル識別子のみに依存しない個識別ソリューション。アメリカのほか、イタリア、フランス、英国に続いて今回、日本での導入が始まった。 ニールセンデジタル 代表取締役社長の宮本淳氏にサードパーティクッキー（以下、Cookie９の利用が制限されることで、現時点で発生している問題について、話を聞く。 ――グローバルにおいてここ数年で、データの利活用に際してユーザーのプライバシーが重視される流れにあり、広告に関わる部分ではCookie利用の規制が進んできました。 2017年にAppleがITPのバージョン１.0を
「SwiftUIでMVVMを採用するのは止めよう」と思い至った理由 - Qiita
※2022/04/23 追記 本記事の続編として、以下の記事を書きましたので、合わせて御覧ください。 仕事でSwiftUIでTCAを使ってみて、かなり知見がたまったので、その解説です。 MVVMからTCAへの移行を考えているのであれば、参考になると思います。 宣言的UIに、MVVMって不要なのでは？ iOS開発の現場で、宣言的UIが当たり前に使われるような時代になりました。 SwiftUIの開発体験、素晴らしい です。最高です。 しかし最近、SwiftUIで当たり前のように 「MVVMで開発しよう」 となったときに、 「ほんとにそれでいいんだっけ？」 と疑問に思いました。 自分の考えを深掘ってみると 問い: iOS開発で、宣言的UIにMVVMを採用することは本当にいいんでしたっけ？ 結論: 「SwiftUIを使うのであれば、MVVMを採用するのは止めよう」 理由： ViewModelの存在
iPadのSwift Playgrounds 4だけで制作された初のアプリが公開 - iPhone Mania
2021年末にリリースされたiPad用のSwift Playgrounds 4で制作された、最初のアプリ「ToDon’t」が、App Storeで公開されました。開発者は、Swift Playgrounds 4の不十分な点と優れた点について評価し、発見した不具合を共有しています。 Swift Playgrounds 4で開発・公開された初のアプリ Appleは2021年の世界開発者会議（WWDC21）で、従来はMacでのXcodeが必要だったアプリの制作・公開プロセスをiPad用のSwift Playgroundsだけで可能にすると発表し、11月にはSwift Playgrounds 4のベータ版を公開し、12月に正式版を公開しました。 現地時間1月4日、「しないこと」を整理できるシンプルなタスク管理アプリ「ToDon’t」が、Swift Playgrounds 4で開発されたアプリとして
.NET 6統合の現状および概要と方向性
.NET 6の現状を把握し、具体的な移行方法を学ぶ連載。初回は、.NET 6の注目すべき新機能を中心に.NET 6の統合の現状および概要、方向性について。 2021年11月9～11日、「.NET Conf 2021」が開催され、「.NET 6」もとうとうローンチされました。偶数リリースの.NET 6はLTS（long-term support）となっており、そろそろ、.NET 6での新規アプリ開発や、既存アプリにおける.NET Frameworkから.NET 6への移行を検討する方も多いことでしょう。本稿では.NET 6の注目すべき新機能を中心に.NET 6の統合の現状および概要、方向性をお伝えします。 .NETプラットフォームの統合 .NETプラットフォームの統合は、さかのぼること2年半、2019年5月6日にMicrosoftの公式ブログ「Introducing .NET 5」の中で、「
アンチパターンから考えるアプリケーションデザインの理想形｜Goodpatch Blog グッドパッチブログ
デザインパターン (design pattern) とは、過去のデザイナーたちが見つけた経験則的な型に対して名前をつけ、型の再利用性を高めやすくしたものです。ソフトウェアデザインの世界（特に、プログラミングの領域）においてはプログラム構造の設計パターンのことをまさに “デザインパターン” を呼び、これを共通の知識として積極的に取り入れています。 これに対しアンチパターン (anti-pattern) とは、必然的に否定的な結果に至る型を指します。アンチパターンもデザインパターンの一種と捉えこれを知識に蓄えておけば、設計の過程でどのような結果に至るのかを事前に予測することができるし、失敗を未然に防ぐことも可能となります。 今回は、アプリケーションデザインにおける典型的なアンチパターンをいくつか紹介します。 アプリケーションデザインの定義 ここでの「アプリケーションデザイン」の言葉は、以下の意
Capacitor: Webアプリをクロスプラットフォームに展開
import { LocalNotifications } from '@capacitor/local-notifications'; LocalNotifications.schedule({ notifications: [ { title: "On sale", body: "Widgets are 10% off. Act fast!", id: 1, schedule: { at: new Date(Date.now() + 1000 * 5) }, sound: null, attachments: null, actionTypeId: "", extra: null } ] });import { Geolocation } from '@capacitor/geolocation'; // get the users current position const pos
iPhone HEICって何よWindowsで見られへんやん！
iPhone HEICって何よWindowsで見られへんやん！ 2021.11.09 2021.11.14 iPhone スマートフォン .heic, Facebook, HEIFファイル, HEIF画像拡張機能, HEVC ビデオ拡張機能, iPhone, Photo Viewer, Windows, エクスプローラー, 拡張子 iPhoneユーザーの皆さんでPCはWindowsという方に見られないという写真ファイルないですか？ iPhoneで撮影した写真のファイル名には、「.heic（ヘイク）」と記載されるものがあります。この拡張子に対応していないアプリケーションでは、このファイルを開くことはできません。この場合、写真をパソコンでも見られる形式に変換する必要があります。 今回は、利用者の環境を考慮してWindows7を使ってキャプチャを撮らせていただいてます。 HEICファイルとは さ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOS・Androidも対応「パスキー」とはなにか? パスワード時代の終焉