あれはどうだったかな? という時にすぐ分かる、Web制作の実装や勉強に役立つチートシートを紹介します。 iPhone 8やXsのスクリーンサイズはいくつだったかな? CSS FlexboxやGridの挙動がまとめて知りたい、CSSのプロパティの値や対応ブラウザは? Vue.js, React.jsのよく使用するイベントや構文、ブラウザごとのバグやハックはあるのか、がまとめられています。
![Web制作者が備えておきたい最新版チートシートのまとめ | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/47626634ccc1432c41d69ed195292660d0e4cea5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201804%2F2018110701.png)
ドメインオブジェクトを中心としたClean Architectureは、どういうレイヤー構成にするとよいか、簡単にまとめてみた。 イメージ たぶん、こんな感じになるはず。通常は円状に表現するが、わかりにくいので層状に書いてみた。 赤い部分の層は、直接依存の方向が上から下です。グレー部分の層は、契約だけが定義された独立した層で、ユースケース層やインターフェイス層から依存できるものとします。 インターフェイス(アダプタ)層 内外とのデータ形式の変換が主な役割 コントローラ、プレゼンター(内部から外部へデータ形式を変換する責務),ゲートウェイ(外部と通信する責務。DBやRPC) ユースケース層 アプリーケーション層ともいう アプリケーション固有のビジネスルールをカプセル化する ドメイン層 Clean Architecture本では、中心にはエンティティとだけ書かれているが、DDDでは中心はドメイ
どうも、まさとらん(@0310lan)です! 今回は、Slackにさまざまなボットを追加することで大幅に機能を拡張できるサービスを厳選してご紹介しようと思います! 単なるチャットサービスの枠を超えて、「こんな機能があったらいいな」という欲望を本当に叶えてくれるシンプルで使い心地の良いものだけを集めてみました。 Slackを使っている人はもちろんのこと、ボットに興味がある人もぜひ参考にしてみてください! ■SlackにWikiの機能を搭載できるボットサービス! 【 Slicki 】 複数人でさまざまな情報を編集しながらWebページを作成して共有できるWikiの機能を、Slackに搭載できるボットサービスがこの「Slicki」です! Google Docsのように複数人同時編集も可能で、任意のチャンネルにWikiを簡単に作成できるので、情報をまとめたり簡単な資料を作ってストックしておけるのが大
本稿は(序)(破)(Q)のシリーズの3番目の記事になります。 本稿では前回(破)で説明したAtomic Designを導入する際に工夫した点をふまえた実装例をJSフレームワークを使用する場合と使用しない場合の2つの場合について紹介します。 シリーズ(序)ではAtomic Designの概要 シリーズ(破)ではAtomic Designの導入に際して工夫した点 について説明していますので、そちらをご覧ください。 実装例題材 下のサイトテンプレートを題材に実装していきます。 https://html5up.net/prologue シチュエーションとしては、デザイナーからもらったデザインカンプをエンジニアが実装する想定で説明します。 コンポーネントの分割 エンジニアはデザインカンプをAtomic Designのコンポーネント単位に分割していきます。 コンポーネントの分割フロー図は(破)で以下の
こんにちは。Backlogグロースハックチームの砂川です。 今回はBacklogがサービス改善のために行なっている「アンケートを表示する機能」と、その機能によって回答率がどれほど改善されたかについてご紹介します。ユーザーの方々の声をサービスの改善に役立てたい方の参考になれば嬉しいです。 Backlogが行なった取り組み Backlogでは、これまでユーザーの方々にアンケートをとりたい場合、Backlogの上部にお知らせとしてGoogleフォームへのリンクを張っていました。 こんなやつです。 しかし、Backlogユーザーの方々のような、アンケート目的に集められていない人々を対象にしたwebアンケートでは、一般的に回答率がかなり低くなってしまいます。実際Backlogでも、上記のような形式では回答率が1%を大きく切っていました。直近のアンケートではなんと約0.3%……。アンケートは答えていた
アイコンは、デザインの中でも重要な要素のひとつですが、同時によく見落とされがちな要素でもあります。ここでは、2018年のアイコンデザインの押さえておきたいトレンド8個を詳しく見ていきましょう。 これらのトレンド、ポイントを押さえることで、サイトやアプリの使いやすさ、ユーザビリティを改善するだけでなく、独自のデザイン性を表現し、プロジェクトをより魅力的に仕上げることができます。 後半では、実際にデザイン制作で利用できる新作フリーアイコン素材も一緒にまとめているので、こちらも参考にしてみてはいかがでしょう。 1. ラインスタイル・アイコンデザイン このアイコンスタイルは、流行り廃りがないデザイントレンドと言えます。その理由のひとつは、どんな背景デザインにも対応できる点で、人気のアイコンパックには通常、線画スタイルが一緒に収録されています。上記サンプル例のように、どんなサイズでも見やすく、分かり
ご挨拶💁🏻 はじめまして。 9月中途入社 88 と10月中途入社の みーた です。 CW初の専属フロントエンドチームとして活動を始めました! 名付けて「Team Rebuild Frontend 」TRF 爆誕 🎉🎉 (勿論はてブの勝手なリンクに紐付けられてる組織とは関係ございません。) タスク管理ツールのお話 さてさて。皆様、タスク管理ツールは何を使ってますか? 近年種類が多くなってきて、選定に結構悩んでる方も多いのではないでしょうか。 そこで今回ご提案したいのがこちら! \\ ClickUp // clickup.com TRFは フロントエンドエンジニア 2人(+サポートしてくれる強い味方 1人) デザイナー2人 で構成されており、発足したてで、まだ施策が模索しながら動くことが多いため、それぞれのタスクがかなり細かく、 今まで使っていたツールだと痒いところに手が届かない😣と
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く