JavaScriptでClean Architectureを導入してみた - Vue.js・Reactのサンプルつき - Qiita
事の発端 始まりはこちらのツイートから。 Usecasesレイヤーを充実させていったらVuex Actionsほとんど使わなくなるな笑 — Andy (@andoshin11) 2018年6月15日 それはどういうことだよ・・・ フロントでどう使うんだ・・・？ と疑問に思い、自分なりに検証・実装してみたいと思ったのが事の発端です。 Clean Architectureとは？ まず根本の理解がほぼなかったので調べることにしました。 こことか https://qiita.com/koutalou/items/07a4f9cf51a2d13e4cdc こことか https://blog.tai2.net/the_clean_architecture.html こことか https://qiita.com/Tueno@github/items/705360b357c2a00c9532 こことか h
ネットフリックス株上昇－アップル経由しない加入を促進との報道で
ネットフリックス株上昇－アップル経由しない加入を促進との報道で Jeran Wittenstein、Mark Gurman 21日の米株式市場でネットフリックスの株価は上昇。同社がアプリ経由ではなく自社のウェブサイトでの加入を促進しているとの報道が好感された。アップルなどのアプリストア運営企業から売り上げを取り戻すことになる。ネットフリックス株は先週末まで６営業日続落していた。 ネットフリックス株は3.1％高で終了。７－12月（下期）の海外加入者増加幅が予想を少なくとも10％上回ると予測するアナリストの強気なリポートからも恩恵を受けた。 現在、「ｉＰａｄ（アイパッド）」や「ｉＰｈｏｎｅ（アイフォーン）」でネットフリックスを利用する人は、「アップストア」のアプリ内購入システムを通じて加入する選択肢を持つ。これにより、アップルユーザーにとってはネットフリックス加入が簡略化されるが、アップルに加
HTML5とCSS3の機能や役割や対応ブラウザなど、実装に必要な情報がすぐ分かるコーダー必読のリファレンス本
今持ってるリファレンス本は、最新のHTMLとCSSに対応していますか？ HTML5の要素とCSS3のプロパティについて、機能や役割や対応ブラウザなど実装に必要な情報がコンパクトにまとめられたリファレンス本を紹介します。 本書は2018年6月時点の最新情報が掲載されており、IE11, Edge42をはじめとする各ブラウザの対応状況も掲載されています。 リファレンス本の大切なポイントの一つが、使いやすいこと。 HTML5とCSS3の完全版だとそれなりに分厚いのが想像できると思います。本書は512ページとけっこうな分厚さなのですが、どのページでも見開きが簡単にできます。手で押さえておく必要はありません。 四六判なので、キーボードの横に置いても邪魔にならないでしょう。
ブラウザの拡張機能を自作してみた - Qiita
はじめに 最近はコーディングする機会がなかなかないので、気分転換兼ねてブラウザの拡張機能を開発してみました。 理解に重きを置くのではなく、まずは作ってみたという感じです。 対象 ブラウザの拡張が作りたい人 とりあえず動かしたい人 参考サイト ゼロからはじめる Microsoft Edge 用の拡張の作り方 拡張機能の開発 開発 今回はブラウザーのコンテキストメニュー(右クリックメニュー) に項目を追加しました。 Qiitaなどでリンクを貼るときにURLとタイトルをコピーするのが面倒だったので、 文字を選択範囲してメニューを選ぶとMarkDownのリンク形式でクリップボードにコピーするという機能です。 必要なもの 最低限必要なファイルは以下の2つのみ。 manifest.json background.js manifest.jsonを作成 拡張機能に関する情報を記載したファイル { "na
今さら気づいたcssショートハンドの使い方 - Qiita
cssショートハンドは適切に使えてるか cssのショートハンドってあるじゃないですか。 コードの量を 少しでも 少なくするために、 とか background-colorを使えばいいのに、このように書いてしまいます。 何にも思わずこれ使ってました。 でもね。。これだと、背景の指定全部にかかってしまい 記載していない値は初期値にリセットされる そうなんです（勤勉な方はもう既知の事だと思いますが不勉強な私は今さらきづいた ）。 backgroundの代表的な初期値 background-color:transparent; background-image:none; background-position:0 0; background-repeat:repeat; background-size:auto auto; 例 で、具体例ですが、ついついこういう書き方をしてしまいますよね。
React Redux の難しかった点をできるだけシンプルに図解 - Qiita
はじめに この記事はだいぶ古くなっており、現在はReact Hooksを使ったReduxとComponentの繋ぎこみ方法があるようです。この記事ではそのあたり触れられてないので注意です。（Reduxの基本的な記事としてはまだ使えると思います、、、思いたい。） React-Reduxを人に教える機会があるのですが、中々キャッチアップが難しいFWです。 自分自身もReact自体未経験のところから、それなりに規模のある開発に参画したので、 その時に「ここが難しかったなあ」というところを自分なりに図解してみたいと思います。 前提 ReactとReduxの接続にはreact-reduxのconnectを使うこととします。 この記事で伝えたいところ 自分が難しく感じたのはこのあたりでした。 （ソースが色々あって）全体の流れがよくわからない actionを起こすとreducerが反応する仕組みがよくわ
さようなら ImageMagick - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、アプリケーション基盤チームの青木(@a_o_k_i_n_g)です。 一般的な Web アプリケーションがそうであるように、サイボウズのグループウェアにも画像をサムネイルで表示する機能があります。サイボウズでは日々数万件やそれ以上のサムネイルを生成しており、それらは全て ImageMagick によって生成されていました。 そこで得た知見はこちらの記事で公開されています。 blog.cybozu.io しかし現在、サイボウズから ImageMagick は消え去りました。その理由と、我々が取った代替手段について紹介します。 ImageMagick を外した理由 言うまでもなく ImageMagick は優秀なツールで、画像変換に関する何らかのサービスやツールを作る場合には採用の第一候補になることでしょう。あらゆる画像フォーマットに対応し、出力画像をきめ細かに制御できる膨大なオプシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
Yusuke Utsunomiya on Twitter: "#yjbonfire "Chrome Devtoolで遊んでみる" 楽しんでいただけたでしょうか？どうもありがとうございました！残念ながら資料は共有できないのですが、本日話したTipsを要点だけツイートさせて頂ければと思います。"