2018年3月23日から24日にかけて、レバレジーズ株式会社が主催する国内最大級のエンジニア向け技術イベント「MANABIYA -teratail Developer Days-」が開催されました。同社が運営するITエンジニア向けのQ＆Aフォーラム「teratail」の中で解決できない問題を解くため、一流エンジニアたちが一同に会して、プレゼンテーションやパネルディスカッションを行いました。トークセッション「React Nativeコミュニティの現在と未来」では、React Native JapanのOrganizerである中田一成氏が登壇。Expoなどの基礎知識や事例を紹介しながら、React Nativeコミュニティの今日までの軌跡と今後の方向性を解説します。 React Nativeはどういうもの？ 中田一成氏（以下、中田）：React Nativeコミュニティと現在と未来というタイト
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? @rana_kualuさんの2018年の最先端バックエンドエンジニアになろうという翻訳記事がとても興味深かったのですが、記事内で提示されているロードマップに関して微妙に違和感を感じる部分もありましたので、 記事に記載されているスキルは現場でどの程度必要なのか 記事に記載されていないが現場において重要なスキルは何か といった辺りを、自分なりの意見を交えてちょっと書き出してみました。 自分をエンジニアとして最先端だとは全く思っていないのですが、最近のバックエンドのトレンドに一応多少なりともきちんとキャッチアップしてるかなとは思うので、若い方
自社のプロダクトのユーザーが増えるに伴い、お問い合わせも増えてきたのでZendeskというカスタマーサービスソフトウェアをアプリに導入しました。 お問い合わせに対しチケットを発行して管理できるカスタマーサポート、 FAQを構築できるガイドなど、お問い合わせ周りをまるっと一括でよろしくやってくれる良サービス。 これをReact Native制のアプリに導入する際にreact-native-zendesk-supportというライブラリを使用したのですが、開発が止まっており、導入するのにいくつか問題があったので導入手順とともに紹介します。 インストール RNPMを使う方法とCocoapodsを使う方法がありますがどちらもREADME.md通りに行ってもiOSのビルドが失敗します。 原因:Podfileにreact-native-zendesk-supporがあると、react-native-z
カタツムリのように働くEnglish version is here こんにちは、TAKUYAです。 数日前にInkdropの新しいモバイル版をリリースしました。今のところとても好評で嬉しい限りです。幸いなことに、Inkdropはここ一年ずっと成長し続けていて、以下のように決済回数が安定して増えています： そして先月の売上は26万円でした。やっと前職の給料を上回りました(笑) 東京で生活するには充分の利益です。このまま伸ばすことができれば、フリーランスも安心して辞められますね。 現在のロードマップも残すところあと一つとなりました。最後の項目は、タスクのプログレス表示機能です。モバイルアプリの再開発に比べたら簡単そうですね。新モバイル版に取り組んでいる間にデスクトップ版の機能要望が大量に溜まっています。次のロードマップにむけてそれらを整理して議論する必要があります。また、デスクトップ版も同じ
更新内容 2022年8月10日:GitHubに公開しているアプリをXcode13.4.1以降に対応（詳しくはこちらを参照。） はじめに 今回、アプリのソースコードを公開しようと考えたのには以下の理由があります。 自分が作ったアプリを多くの人に見て欲しい。 いろんな人の意見を聞きたい。 コードを共有することでアプリを作る人の手助けがしたい。 この記事が皆さまのお役に立つことができれば幸いです😃 アプリの紹介 Innovy（イノービィ）。 最新のサービスや技術の情報収集にアンテナを立てている20代〜30代（主に男性）向けのニュースアプリです。 ※革新者（イノベーター）をイメージした名前にしました。 ジャンル別の最新ニュースやユーザの反応を見ることができます。 また、ニュース読み上げ機能があるため、歩きながらニュースを確認することもできます。 アプリURL：https://itunes.app
残業ゼロを実現するためのビジネスハック術を紹介する、作家・佐々木正悟氏の連載企画。今回は、「居残りタスク」が生じてしまう原因と、その対策方法をご紹介します。 誰にでもある「居残りタスク」 ToDoリストなどで仕事を管理していると「どうしてもいつまでも居残ってしまうタスク」が出てきてしまう。そんな経験はありませんか？ □資料整理 □業務報告まとめ などといった項目は「居残り組」になりやすいタスクです。もっともこういったものは、誰にでもあるのですから、過度に思い悩む必要はありません。ただ、片付けられるものなら片付けたい、と思われる方がほとんどかと思います。 なぜ、「やるべきこと」だけを記したはずのToDoリストに、やらずに残ってしまう「居残りタスク」が生じてしまうのか？ この現象には、ある心理が関係しています。 「ToDoリストで消せないタスク」と「学習性無力感」 「ポジティブ心理学の父」と呼
最近、苦行のアップグレード対応をした RN v0.46からv0.52にアップグレードした時に色々エラーで引っかかったので なにを修正したかのメモをする $ react-native-git-upgrade はうまく動かなかったので使ってない 自力で差分をみてマージした 前提として、iOSのプロジェクトにはCocoapodsを導入してる テンプレートを更新 最初からあったファイル群を更新する 以下のURLでバージョンを指定すると差分が見れる Comparing rn-0.46.4...rn-0.52.2 · ncuillery/rn-diff · GitHub package.json 差分を見ながら、最初から入ってたモジュールのバージョンを上げた 書き換えた後 ↓ "react": "16.2.0", "react-native": "0.52.2", "babel-jest": "22.
Flow 0.74 Typescript 2.9 TypeScriptの設定は以下な感じ 先にまとめ やってみることによって学びがあった。良かった。 FlowのObjectTypeは必要なプロパティがあれば同じ型として使えるがTypeScriptの場合はそうではない。 基本型はだいたい同じだが、mixedがないのとvoidの挙動が違う。 Maybe型がない。 TypeScriptは型を書かないとanyになるがFlowは推論は推論してくれる 多分、お互いに似たようなことはできるが、実際にやるにはそれなりの経験が必要そうだ。逆をやってみるのも面白そう。 これをやってみた感じからするとFlowのほうが好み。 Stringへの暗黙型変換 // @flow "foo" + "foo"; // Works! "foo" + 42; // Works! "foo" + {}; // Error! "fo
It’s been two years time that I’ve met React and immediately fell in love with it. The way that React works, as a declarative, not-so-large library created exclusively to build rich User Interfaces provides everything as necessary (plus a rich ecosystem with tons of add-ons). As it’s read in the documentation, React is very unopinionated about how you might structure your project and choose your l
こんにちは！ いまがわです。 我が家は私、エンジニアの夫、現在1歳の息子の3人家族です。直感で動くタイプの私に対して夫は合理的思考の持ち主で、育児や日々の生活において、よく時給換算で分析したり効率アップにつながる方法を考えたりしています。 たまに意見が食い違うこともありますが……夫の冷静な視点によって新しい気付きを得たり、助けられたこともよくあります。そんな夫婦間のやりとりや子供のことを『デザイナー脂肪』というブログで紹介しています。 ＊ 小さいお子さんがいらっしゃる（もしくはこれから生まれる）皆さま、育児関係で困ったことがあるとき、どうやって解決していますか？ 初めての妊娠・育児って本当に分からないことだらけです……。引き継ぎがあるわけでなく、エラーメッセージが出るわけでもない。昨日は大丈夫だったことが今日はダメ。このように日々変化する中、1カ月先の未来でさえもどうなるか読めません。 そ
Discussion 1. CommonJS は tree shaking されない ※追記、修正あり すべてのモジュールバンドラーが、 import { isEqual } from 'lodash'; を tree shaking できませんでした。これは、 CommonJS は静的に解析することができない困難または不可能（2018/06/15 修正）なためです。 例えば、 ES Modules の import, export に対応する CommonJS の require、 exports は、それぞれ以下のように動的に書くことが許容されています。 require const fooOrBar = require(Math.random() < 0.5 ? 'foo' : 'bar'); exports for(const name of ['foo', 'bar']) { ex
Kaizen Platformでフロントエンド開発をやっているlacoです。 新規アプリケーション開発において、API仕様中心の開発スタイルを検討し、実験的に取り入れました。 本記事ではその概要と効果を紹介します。 API仕様中心開発 API仕様中心開発を取り入れようと思ったきっかけは、2017年のNode学園祭でpika_shiさんが発表した「JSON Schema Centralized Design」です。 JSON Schema Centralized Design - Speaker Deck Kaizen Platformではリモートワークで開発しているメンバーが多く、非同期にコミュニケーションをすることが多いので、生産性を高めるためには互いの作業を待たずに独立して分業できるワークフローが必要でした。 バックエンドAPIの実装を待たないとフロントエンドが実装できないような依存関
VSCodeの便利さを使いたいがTypeScript化するほど手間かけれない、みたいなときにtsconfig.jsonだけ作っておくとちょっと便利になりそうだったのでメモる。 追記： TypeScriptへ移植する予定が無い場合であれば、jsconfig.jsonを配置するでも十分そうです（違いはallowJSがdefaultでtrueなこととぐらい。あとはtsconfig.jsonは後述のコマンドでボイラープレートを生成できるという点ぐらいと思われます） 具体的にはこのへんとか使える 未使用のimport検出 ライブラリの型情報を利用した検出 JSDocがあればそれを利用した型検証 やり方 まずtsconfig.jsonを生成する。npx使う
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
子育てを支える技術 ─ フルスタックお父さんとエンジニアとしての成長を両立させるには お父さんは出産を除くすべての子育てタスクを担当できるとして、エンジニア的なアプローチで育児に取り組む白山文彦（@fushiroyama）氏が、キャリア構築や技術的成長との両立について語ります。 こんにちは、白山（@fushiroyama）と申します。主にモバイルアプリ開発を生業としています。 4年前に第一子をリリースして地道な改善施策を重ねつつ、半年前にめでたく第二子もカットオーバーしました。以来、外ではソフトウェアエンジニアとして外貨を稼ぎつつ、家庭ではフルスタックお父さんとして、食事に風呂に寝かしつけに夜泣き対応にと奮闘しております。 その過程で「エンジニアでよかったなぁ！」と感じた点や「こういう考え方やアプローチはエンジニアならではかもしれない」と感じたことが少なからずあったので、ぜひ紹介したいと思
(治安の悪くない Emoji も作れます) 作ったもの ここで遊べます おもしろいところ GIF アニメのエンコードまですべて js で完結しているので、ありがちな「謎のサーバーに画像アップロードするといい感じに変換してくれる」的なサービスと違って、素性の知れたコードがクライアント側でサクサク動きます。 なにができるの？ 画像を 128px x 128px に変形 画像を、 Slack にアップロードできる（現状）最大サイズの 128px x 128px に変形します。 ローカルのファイルから選ぶか、画像の URL を入力できます。アップロードするわけではないので、デカい画像でもサクサクなのがお気に入りです。 変形は 正方形に引き伸ばし（アス比無視） 正方形いっぱいに拡大して、余ったところはトリミング（アス比維持） 正方形に収まるように縮める（アス比維持） から選べます。 テキストから画像
Powered by GatsbyStarting from v2, Docz is entirely built using GatsbyJS. It's optimised for a lightning fast development experience and speedy build times. This also allows you to leverage GatsbyJS's huge ecosystem of plugins and tools. Zero configNo need to worry about complex configuration settings to build and run your documentation. With Docz you can create customizable sites with a single co
引っ越すことになった。 仲介業者のお店に行って、いい感じの物件を見つけたので、速攻見積もりをしたのだが、めちゃ高い。 敷金、礼金、仲介手数料、鍵の交換...。賃貸借りるのに色々かかりすぎでは？と思ってた。 ただ、交渉の知識もないしなあ〜〜〜と思っていたら、以下のツイートをたまたま発見。 ワイ「国交省ガイドラインには鍵交換は貸主が負担するのが妥当ってあるよなぁ？」 不動産「見積もりから削除しました！」 ワイ「仲介手数料1か月分になっとるけどはワイの承諾がなければ半月分のはずよな？」 不「半月分に訂正しました！」 ワイ「書類作成代2万とか舐めてんの？」 不「いりません！」— ぴっぴ先生 (@hihihi_sensei) 2018年6月16日 おっ？エビデンスベースで詰めるなら、自分もイケるのでは？と思って調べたことのまとめ メール等でやりとりできると最高にラク まずはじめに、交渉するなら担当者
VP of Engineeiringのbashです。 最近ふと思いついて実施した、「一斉Slack channel整理タイム」を紹介します。 これは、皆でタイミング合わせて、channelから抜けたり、アーカイブしたりしようと全メンバーに呼びかけたものです。 きっかけ ふと自分が入ってるSlackのchannel一覧をみると、長大なリストになっていることに気が付きました。 普段から、自分自身としてSlackとうまく付き合っていこうと工夫してきたつもりでした。 アクティブに動く必要のあるchannelはスターを付ける 普段あまり発言しないchannelはミュート状態にする 読むだけのchannelには入らない これらによって読まなければならないもの峻別することで、Inbox Zeroの状態を維持しているため、健全なSlackの使い方が出来てるのではと思っていました。しかし、いつしか長大になっ
先日，現ライフイズテックCTO，元スクウェア・エニックスCTOの橋本善久さんのタスク管理講座を受けさせていただきました． 本人にもFacebookメッセージで直接お礼を言いましたが，とても参考になったので，少しまとめておこうと思います． 橋本さん本人がスクエニ時代に作成された資料がネット上に上がっているので紹介しておきます． プロジェクトとは まず，ここで使用する「プロジェクト」の意味しているところの説明からです． 「何かしらのアウトプットを期間内にまとめ上げること」としています． 大きいプロジェクトから小さいプロジェクト，一人のプロジェクトまで様々ですが，個人アプリ作成，チーム開発など，上記の条件をみたすものを今回はプロジェクトと呼ぶこととします． 基本的なタスク処理の考え方は同じなはずです． プロジェクトを目標通りに終わらせるためには？ プロジェクトを目標通りに完全に終わらせるためには
僕の中で仕事人生に影響を与え続けてくれている三大COO（と勝手に呼んでる人たち）がいる。 一人目がアカツキ共同創業者COOの香田哲朗くん、二人目がフリークアウト(元)COOで現hey代表の佐藤裕介さん、そしてメルカリ社長兼COOの小泉文明さんだ。 それぞれ社長もできる人だが、COOとして事業及び組織の構築も構造的分析もハイレベルにできる。恐ろしく広域のアビリティを持ち、バイタリティとバランス感覚に優れ、超人的な仕事量をこなす人たちである。 そのうちのお一人であるメルカリ小泉さんと1on1させてもらう機会があり、その話が組織の課題に悩む他の人にもとても有用だと思ったのでメモを公開させていただくことにした。（ほんとにメモなんで乱文ご容赦ください） ツクルバでは組織・文化づくりに社をあげて徹底的に投資していく方針なので、非常に参考になった。 ＊＊＊以下メモ＊＊＊ [お題] メルカリで急激に組織を
https://gyazo.com/5509d03c5aa36ad36372e64017a4a238/thumb/350.png
Motionで作ったロゴアニメーションEnglish version is here 最近、Inkdropの新しいプロモビデオを作ろうと検討している。アプリが色々改良されたので、今のやつはだいぶ古くなった： このビデオはiMovieとAfter Effects CS4で作った。でも今回は別の方法で作ろうと思っている。After Effectsは普段ほとんど使わないのに、月額で何千円も払うのは高すぎるから。Macで動画制作といえばFinal Cut Pro Xだけど、もっと安くて良い方法があるんじゃないかと思って調べてみた。 要件はシンプルで、複数の動画を変形させて組み合わせられるツールが欲しい。そこで見つけたのがMotion。これはアップル製のアプリで、モーショングラフィックの制作に特化したツール。Final Cut Pro Xの苦手とする領域を補完する位置づけで提供されているらしい。例え
WEB+DB PRESS Vol.107掲載のオブジェクトベース設計によるUIデザイン改善を読んだ。デジタルなサービスのUIを設計していく上で、とても参考になる知見なのでまとめてみる。 オブジェクトベースUI設計とはユーザーがやること（タスク）の手順をそのまま画面に反映させるのではなく、ユーザーの関心対象（オブジェクト）を画面とデータに対応させながら考えていく手法。 オブジェクトベースUI設計の良いところこのオブジェクトベースUI設計は、特に複雑なタスク＆要求が混在する業務利用アプリケーション（SaaS / B向けサービス）のUIデザイン改善、運用で活かしやすいという印象を受けた。 大規模なシステム、膨大なデータと連携しながら、多様なユーザーニーズに応えやすいUIを実現するにはどうすれば良いか。 要件に散在する情報をオブジェクトとして捉えることで、その場しのぎではないUIデザインが作りやす
4. What Design System is A design system unites product teams around a common visual language. It reduces design debt, accelerates the design process, and builds bridges between teams working in concert to bring products to life. Learn how you can create your design system and help your team improve product quality while reducing design debt.
どうも、sakitoです。 今回は現在React界隈で起こっていることについて、プロダクトチームに共有したまとめをせっかくならパブリックにしようと思い投稿。 最近のReact界隈でなにが起こっているのか v16.6.0でReact.memo, Suspenseの一部機能としてReact.lazyの登場 Suspenseについてはまだ機能が追加されていく予定 React - React.lazy: Code-Splitting with Suspense React Conf 2018でformikの開発者であるJared Palmerが登壇した動画 React hooksの登場(v16.7でもまだbeta) recomposeの開発ストップ、これからはバグfixのみ react-reduxがhooksを使っていく姿勢 reduxではなくreact-reduxによる議論 useReduxのよ
SFC, Redux, HOCなどコンポーネント指向とReact開発のキーワード CTOの Shoken です。キッチハイクでは2年前にRailsへのReact導入、1年半前に0ベースからReact Nativeでアプリ開発を始めました。この記事では、React, React Nativeで開発しているチームが共通認識したいReactの重要な概念について紹介します。 2018/11/07 追記（はてブコメントより） Reactリポジトリで名称の変更が行われ、変数名やクラス名が変更されました。いままでの Functional Component が Function Component となり、 Stateless は使わなくなって Function に統一されるようです。 Terminology: Functional -> Function Component #13775 Before
こんにちは、メディアプロダクト開発部のデザイナ若月 ( id:puzzeljp ) です。 現在関わっている、一緒につくれるクックパッド | cookpadTV のアプリ開発上のチーム間のやりとりについて今回は書きたいと思います。 cookpadTV は料理上手な有名人や料理家がクッキング LIVE を生配信しているサービスです。クッキング LIVE を見られるのは、iOS アプリ・Android アプリ・FireTV アプリとなっています。 cookpadTV のデザインデータを Figma に乗り換えました cookpadTV に私がジョインしたのは、今年の8月です。 cookpadTV アプリがリリースされたのは3月なので、デザインを引き継ぐ形でジョインをしました。 私がジョインしたタイミングで、社内で Figma が使われる事例が増えてきたので、 Figma に移行を行ってみました
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter. VSCode Glean The extension provides refactoring tools for your React codebase The extension provides refactoring tools for your React codebase: extract JSX into a new component, convert Class Components to Functional Components, wrapping with Hooks and more! Highlights Allows extracting JSX into new component Allows
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
