Generate your next app with Llama 3.1 405B
Llama Coder – AI Code Generator
Generate your next app with Llama 3.1 405B
髪型別コーデ検索におけるSPAの開発 - ZOZO TECH BLOG
こんにちは、WEAR部の繁谷です。 普段はバックエンドのエンジニアとしてWEARの開発を行っています。 ZOZOテクノロジーズは4月7日に「髪型別コーデ検索」をリリースしました。 プレスリリースは是非こちらを御覧ください。 髪型別コーデ検索のフロントエンドはSPA(Single Page Application)でつくられており、こちらの開発を行った際に意識した設計について紹介します。 はじめに 髪型別コーデ検索は、ZOZO研究所の福岡チームが研究・開発したAIを活用し髪型からコーディネートを検索するAPIを利用して、SPAのWebサービスとして提供しています。 こちらは髪型別コーデ検索のアーキテクチャを簡単に示したものです。 今回私は研究所が提供するAPI以外のエンジニアリングに関する部分である、バックエンドのAPI開発、フロントエンドの開発、それらのインフラ構築を担当しました。 その中
React Native + Expo + Visual Studio Code + Chrome で実機デバッグする - Qiita
この記事は、「【連載】初めてのReact Native + Expo開発環境構築入門」の子記事です。環境などの条件は、親記事をご覧ください。 前回すでにちらっと出ていましたが、ExpoとVisual Studio Codeで開発環境を作ると、自然に開発動作環境がモバイル実機になって、デバッガーはChromeになります。 今回はこの動作のうち基本的な部分を見てみます。 構文エラー発生の動作 まずは単純なエラーがコード上に合った場合どのような動作をするか見ていきます。 App.jsで以下のようにHello World!を囲むTextタグを間違ってみます。 すでにLintingで間違いが指摘されていますが、気にしません。保存して実行します。 ※もしEdgeが開く場合、既定のブラウザをChromeにしておいたほうが幸せになれるかもしれません。 今回は構文エラーなので、以下のようにExpo画面とPo
さよならSketch、こんにちはFramer X｜KANTA YAMAGATA｜note
Jorn van Dijk（@jornvandijk）のリツイートから2ヶ月近く経った先日、ようやくFramer X βの招待が届きました。Trailerが格好良すぎてReactとシームレスになるのかという期待で一杯だったので嬉しかったです。実際、AirbnbやFacebookのデザイナーもこんな感じでした。とりあえず動画を観ていただけたら。 タイトルはUSノリですが、正直Sketchはある1プロジェクトで使ったことがあるだけです。Figmaなどの他のデザインツールは使ったことがないです。なのでここでは比較を行いません。以前からあるFramerとの差分の紹介を中心にしていきます。Framerはなぜか日本では使われていない印象がありますが、これがデザイン環境の向上に少しでも参考になれば幸いです。 Linking複数画面の遷移をつくるには、FramerではFlowComponentを利用したコ
【Electron + React + Flux】マークアップエディタを作ってこと細かく解説してみた - Qiita
この記事はtokyoSWアドベントカレンダーの22日目の記事です。 おはこんばんちわ。 株式会社Gizumoという会社で新人教育しながらフロントエンドエンジニアをやっているゆーひです。 ちょっと前からElectronに対して興味があったんで、業務の合間にこそこそ勉強してました。 実際にできあがったものを見ていただきながら完成に至るまでの流れを書いていきますー。 ※Reactの知見がない人が見ることを前提として書いているので割と細かく書いています。ご了承を。 できあがったもの GitHubのurlも置いておきます。 https://github.com/yuyake0084/code_hack まぁ、あれですね。 某JS○iddleとか某Code◯en的なかんじのサービスをデスクトップアプリとして作ってみたみたいなかんじです。 gifだとちょっと見づらいですが、右側のエディタの値の変更を観測
Dive into React Native performance
React Native allows you to build iOS and Android apps in JavaScript using React and Relay‘s declarative programming model. This leads to more concise, easier-to-understand code; fast iteration without a compile cycle; and easy sharing of code across multiple platforms. You can ship faster and focus on details that really matter, making your app look and feel fantastic. Optimizing performance is a
React.jsチュートリアル【日本語翻訳】
フロントエンドの世界では今React.jsが注目されてきていて、自分もチュートリアルをやる機会があって、その際に日本語訳（和訳）を簡単に作っていました。まだこのチュートリアルに関して翻訳されたものがなさそうだったので、ちょっと手直ししてブログにアップすることにしました。誤訳などもあるかと思いますが、Google翻訳よりはマシだと思ってお使いいただければと思います。 当記事のチュートリアルは「React v0.13」当時の古い内容のものとなっています。最新の「React」の公式チュートリアルの翻訳記事は以下となります。 Reactチュートリアル: Intro To React【日本語翻訳】 – maesblog React.js React.jsReactはFacebookが開発しているJavaScriptのフレームワークです。MVCで言う所のViewの部分に特化したフレームワークとなってい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
