Help us understand the problem. What is going on with this article? この記事は Angular #2 Advent Calendar 2019 3日目の記事です。 こんにちは、奥野賢太郎( @okunokentaro )です。今回は同日に公開された記事『フロントエンドフレームワーク選定前に知っておくべき Angular の 6 つの問題点と、それでも Angular を選ぶ理由』のアンサー記事として、筆者の考える問題点の克服方法、または誤解の解消、および自分がAngularを選ぶ理由を述べようかと思います。 特定のAPIの便利な使い方…とかよりは、もうちょっと視座の高い話になっています。また本稿内にてReactの言及が多いことについては、アンサー元の記事がReactを推しておられることに由来しており、それらの節で言及してい
Web フロントエンドフレームワーク選定前に知っておくべき Angular の 6 つの問題点と、それでも Angular を選ぶ理由JavaScriptAngularフロントエンド 2019/12/04 追記 @okunokentaro さんが熱いアンサー記事を書いてくれました。 Angularでの開発を快適に進めるために知っておきたいこと https://qiita.com/okunokentaro/items/503ab7a4c7601b564de0 https://gist.github.com/okunokentaro/dc4cd470999fd90aba73423d09a37485 本当に本当にありがたいです。この短時間でこんな良質の記事が書けるのは本当にスゴイ。 Angular コミュニティの暖かさと熱さを感じる 1 日でした。この記事もぜひ参考にしてください。 (ただ、「A
こんにちは、ピースオブケイクのコンです。先週、noteのドメインがnote.muからnote.comに移転されました 移転の詳しい背景はこちらの記事を参照いただくとして、本稿では技術的側面からこのドメイン移行について振り返ってみます 2000万MAUのサイトを移転する技術webサービスがドメインを移転する事はたまにある...といえばあるでしょうが、noteのようにそれなりに複雑で、2000万MAUもあるサイトをドメイン移転するというのは聞いたことがありません。 2019年2月にcomを取得後、具体的に移行の作戦を考え始めたのですが、ググって成功事例を探しても「理屈は分かるけど、ウチの規模だと、どこにどう影響出るか完璧に把握するのは難しいな...」と思いました。それでもやるしかない状況だったわけです。 なので、今後、ドメイン移転を実施するサービスのスタッフ(特にエンジニア)さんの参考になれば
サーバーサイドで動作するJavaScriptNode.jsはSassのコンパイル、webpackの使用等、今やフロントエンド開発に欠かせないものです。Node.jsを使う場合、バージョンを自動で切り替えられる nodenvというツールがお薦めです。本エントリーではnodenvのメリットと、基本的な使い方について解説します。 Node.jsのバージョン管理 プロジェクトによっては古いNode.jsのバージョンで動作が安定し、違うNode.jsにしてしまうと動作しなくなる、といったケースは現場でよくあります。しかし、プロジェクトを切り替える度、現在のNode.jsをアンイストールして目的のバージョンのNode.jsをインストールする、というのは時間がかかります。 このようなNode.jsのバージョン問題を解決するため、Node.jsのバージョン管理をするツールとしてmacOSの「Nodebre
Conventional Commits A specification for adding human and machine readable meaning to commit messages Conventional Commits 1.0.0 Summary The Conventional Commits specification is a lightweight convention on top of commit messages. It provides an easy set of rules for creating an explicit commit history; which makes it easier to write automated tools on top of. This convention dovetails with SemVer
ザザっ! 動画の編集中にCamtasiaが発するこの意味不明な雑音。 Boseのノイズキャンセリングを耳に当てながら仕事をしていると、突如耳に飛び込んでくる大きな音。心臓にダメージがあるような音です。耳も痛くなります。それゆえ、これまで5年ほど愛用してきたCamtasiaを手放し英語圏のMacユーザーに好評なScreenFlowに改修しました。いや、ほんと、改修してよかったわ。すごい操作が軽い。 #01. ScreenFlowを開きDockに追加する 超基本。アプリケーションの起動から。いくつか方法があります。 Spotlight検索から開く方法 control + space でSpotlightを開いて、ScreenFlowと打ち込み開く方法。 Launchpadから開く方法 Launchpadから開く方法。MacBook Proであれば、F4キーに割り当てられているはず。 Dockか
Viewport units have always been controversial and some of that is because of how mobile browsers have made things more complicated by having their own opinions about how to implement them. Case in point: should the scrollbar be taken into account for the vw unit? What about a site’s navigation or page controls — should those count in the calculation? Then there are physical attributes of the devic
PayPalアカウント登録・API認証情報取得 PayPalアカウント登録・API認証情報取得 PayPal決済実装方法 REST API URL PayPal REST APIと通信するには、サンドボックス環境または本番環境のいずれかで、JSON形式のHTTPリクエストをAPIエンドポイントに渡します。 環境 エンドポイント APIべき等性 API idempotency サーバーがリソースに対するアクションを複数回作成したり完了したりすることを気にすることなく、何度でもコールを行うことができます。ネットワークタイムアウトや HTTP 5xx ステータスコードで失敗した呼び出しを、サーバが ID を保存している限り再試行することができます。べき等性を使用すると、リクエストのペイロードをレスポンスのペイロードと相関させ、重複したリクエストを排除し、失敗したリクエストやレスポンスが不明瞭なリ
みなさん、カスタマージャーニーマップは何のツールでつくっていますか?15VISIONではメンバー 2 人がてんでにイラストレーターやら Adobe XD やらでつくっていたのですが、最近は、Keynote でつくるのが一番効率よいことに気づいて、フォーマットを共有して使っています。 2018.3.1追記 - 簡易ペルソナも記入できるようにした新バージョンを公開しました。 ダウンロードはこちらから ※ 再配布不可、自己責任でご利用下さい。 各項目に書き込む箇条書きのテキスト枠を設けてあるので、さくさくっと書き込めます。数週間使用して、Keynote でフォーマットをつくってよかったなと感じた点を以下に挙げます。 感情曲線を描きやすいコネクタで結んだ円の図形を移動させるだけで感情曲線を描くことができます。イラストレーターとかだとこれがめんどい。 2018年1月5日追記 Twitterで@DTP
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
前回東京で開催されたJP_Stripesでは「Stripeで実現する銀行振込」として話をさせていただきました。 その具体的な実装例について説明します。なおここで紹介している銀行振込ですが、現状日本での銀行振込対応の機能があるわけではなく実際には「インボイスで送付」の機能を流用してStripe外での支払い処理として取り扱っています。 Customerの作成Customerを作成する際には、shippingのパラメータもあわせて送ることで、請求書や領収書の送付先住所として使用することができます。なおこれはあくまで請求書・領収書のPDFによる書類に表記されるだけで、この住所に書類が郵送されるとかではありません。 具体的な実装例はこんな感じになります。 Map<String, Object> customerParams = new HashMap<String, Object>(); Map<
カスタマージャーニーマップを使う3つのメリット顧客体験の分析にカスタマージャーニーマップを使うメリットとして、次の3つが挙げられます。 視野が広がるWeb担当者が考える施策は、PCやモバイルなどの媒体に視線が向きがちです。しかし、顧客の行動文脈から施策を考えるようにすると、もっと広い視野で施策を検討できるようになります。PCやモバイルだけにとどまらないリアルとの連携や、普段はあまり思いつかないような施策の立案が可能になります。 複雑なデータが直感的に把握できる顧客の体験は、「目的」「行動」「タッチポイント」「思考・感情」など、さまざまな要素の集合として構成されています。これらのすべてを把握することは非常に困難ですが、カスタマージャーニーマップを活用することで全体を見渡せるシンプルな形に整理できます。 施策立案が考えやすくなるカスタマージャーニーマップは、顧客の体験の中でも特に「行動と媒体」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く