はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ before

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 68件)

ドメイン駆動設計 - 実践企業が語るBefore/After - に参加して - Qiita

2025/01/25 このエントリーをはてなブックマークに追加 69 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita 塩川氏 After LINEヤフー 山口氏

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Findy Tools開催のオンラインイベントドメイン駆動設計 - 実践企業が語るBefore/After -に参加してきました。 ドメイン駆動設計(以下DDD)についてLINEヤフーの山口氏、塩川氏とパ... 続きを読む

Next.js vs Drupal - デジタル庁 Web サイトの戦い

2023/12/13 このエントリーをはてなブックマークに追加 105 users Instapaper Pocket Tweet Facebook Share Evernote Clip 戦い デジタル庁 web jQuery Drupal

Hal Seki (@halsk.bsky.social)🛡️ @hal_sk Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきてヘッドレスでは持たなくなってきたという話で。 twitter.com/hal_sk/status/… 2023-... 続きを読む

デザイナーじゃなくても!見やすいスライド資料のための5つのコツ【Before/Afterあり】|spicagraph

2023/09/07 このエントリーをはてなブックマークに追加 176 users Instapaper Pocket Tweet Facebook Share Evernote Clip プレゼンテーション レイアウト 登壇資料 スライド資料 資料

見やすいスライド資料は事前準備と5つのコツさえ押さえればOKクライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれ... 続きを読む

東京ダービーで汚されてしまった飛田給ゼビオの看板を東京ヴェルディのスタッフが清掃 元の綺麗なグリーンに :

2023/07/14 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip 東京ヴェルディ 清掃 ヴェルディ 看板 東京ダービー

ダービー関連、ヴェルディの「試合に負けて勝負に勝ってる」感がすごい。 この流れは色々な意味でこれからにつなげたいですね。 — やも (yamo_verdy) 2023, 7月 14 東京ヴェルディの看板が綺麗になりました before①② after③④ — ジゴロウ (siamsid718) 2023, 7月 14 ヴェルディ、勝負には勝ち続けたな 次は試合で勝てると... 続きを読む

RSpec では context 間の違いを表現するときにのみ let を使う - id:onk のはてなブログ

2023/02/26 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip rspec onk Let params Rails

Test which reminded me why I don't really like RSpec | Arkency Blog (日本語訳:Rails: RSpecが好きでないことを思い出したテスト(翻訳)|TechRacho by BPS株式会社) を見ての感想。 元のコードのイマイチなところは 3 つあって、 params を before で上書きしている *1 it "will succeed" の文言 it { is_expecte... 続きを読む

これでもう絶対迷わない! CSSの疑似クラスと疑似要素、:と::の違い

2022/09/15 このエントリーをはてなブックマークに追加 44 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 疑似要素 疑似クラス not CSS3

CSSで疑似クラス、または疑似要素を使用する時に、:と::のどっちだっけ? と迷ったことはありませんか? :beforeと::beforeのどっちだっけ? :notと::notのどっち? :と::のどっちが疑似クラスだっけ? ※CSS3では::beforeですが、CSS2では:beforeでした。 たまに迷ってしまうことがある人に、CSSの疑似クラスと疑似要素... 続きを読む

クックパッドマートの失敗したデータ設計 Before / After 大放出

2022/07/01 このエントリーをはてなブックマークに追加 418 users Instapaper Pocket Tweet Facebook Share Evernote Clip クックパッドマート Transcript データ設計 IoT

Help! I've created a serverless monolith - Azure Lowlands 続きを読む

Markdown の Table 記法を CSS で実現する | blog.jxck.io

2022/03/06 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip Markdown シンタックス table CSS Style

Intro 本ブログは Markdown で原稿を書き、それを HTML に変換して表示している。このとき、 CSS を用いて Markdown のシンタックスに似せた Style を適用している。例えば以下のように h2::before に content: '##' を指定するといった具合だ。 しかし、これまで <table> だけはうまく Markdown 記法を再現する CSS が... 続きを読む

ボタンやテキストリンク、hoverスタイルをCSSのみで19パターン実装する | Pulp Note

2021/04/01 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip Pulp Note CSS After 疑似要素 ボタン

CSSだけでも表現できるデザインが増えてきまして、疑似要素::beforeや::afterなどを駆使することでボタンやテキストリンクへさまざまな装飾することができるようになりました。今回は全部で19パターンのデザインをCSSのみで実装する方法をご紹介します。あなたの現場でぜひご利用ください。 ボタンのスタイル ボタンは11... 続きを読む

Datadog を Kubernetes 上で運用するときのカーディナリティ設定 - たんぶろぐ

2020/07/07 このエントリーをはてなブックマークに追加 5 users Instapaper Pocket Tweet Facebook Share Evernote Clip Kubernetes Datadog deployment

先月あたりからこんな事象に悩まされていた。 before この画像は、Kubernetes 上の Deployment に対して一定の負荷 (50 req/s) をかけながら、レプリカ数を変化させたときのグラフである。 Deployment がどのくらいの負荷を受けているのかを見たかったのだが、グラフ化したときに意図した通りにならずモヤモヤしていた。... 続きを読む

知っておくと役立つ!CSSの疑似要素:beforeと:afterを使用したUI要素を実装するテクニックのまとめ | コリス

2019/12/03 このエントリーをはてなブックマークに追加 28 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス After 領域 CSS スマホアプリ

CSSの疑似要素は非常に便利です。疑似要素:beforeと:afterを使用したUI要素を実装する便利なテクニックを紹介します。 Webページやスマホアプリで使えるUI要素をはじめ、クリック・タップ可能領域を広げたり、:afterと:beforeのどちらを使うべきかなど、知っておくと役立つ疑似要素のテクニックです。 Uncommon Use Case... 続きを読む

GitHubのポップアップメニューはdetailsタグと:beforeが使われててクレバーだった - Qiita

2019/12/01 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub Qiita クレバー JavaScript 実装

概要 普段使ってるGitHubのUIパーツの実装を見てみたら真似したいエッセンスがあったので紹介します。 GitHub上でちょいちょい使われてるポップアップメニュー 図 マイページのコンテキスト切り替えメニュー 図 プルリクエストページのプロジェクト選択メニュー なにが優れてる? Javascript使ってない メニュー外をクリ... 続きを読む

デザインの原理原則とは? 4つの「Before、After事例」で差が出るポイントを学ぶ | ウェブ解析士会議 | Web担当者Forum

2019/07/31 このエントリーをはてなブックマークに追加 32 users Instapaper Pocket Tweet Facebook Share Evernote Clip 原理原則 ウェブ解析士会議 Web担当者Forum デザイン

続きを読む

GO + Revelで開発していたものをLaravel + nuxtで置き換える - Qiita

2018/11/30 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip REVEL Dep Qiita Laravel Nuxt

Goでの小さいweb開発について 依頼されて開発をして、3年近く小さめのwebサイトをGo + Revelで運用してきて正直そこまで恩恵を受けれなかったように感じる。ので以下のように構成変更した。 Before 言語: Go v1.9 パッケージ管理: dep フレームワーク: Revel v0.21.0 ORM: GORM ミドルウェア: なし、cacheはrevel cache ... 続きを読む

CSSスニペット:アニメーションエフェクト付きのtoggleボタン | かちびと.net

2018/10/04 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSSスニペット absolute fff net Left

Result CSSのみで実装したアニメーションエフェクト付きのtoggleボタンです 各ボタンのスタイルはPenをご参照ください css /* Button 1 */ #button-1 .knobs:before {/*左右に移動するボタンのスタイル*/ content: 'YES'; position: absolute; top: 4px; left: 4px; width: 20px; height: 10px; color: #fff; font-size:... 続きを読む

49インチ 4K ディスプレイの感想 - 彼女からは、おいちゃんと呼ばれています

2018/06/30 このエントリーをはてなブックマークに追加 246 users Instapaper Pocket Tweet Facebook Share Evernote Clip おいちゃん リブセンス ディスプレイ 結論 半年

リブセンスに転職したのを機に、49インチ 4K ディスプレイを使い始めた。半年ほど経ったので、感想をメモしておく。結論としては、生産性がとても上がった。オススメ。 Before 以前は、下記 3つを並べて使っていた。 MacBook Pro 13インチ 24インチ ディスプレイ 24インチ ディスプレイ(縦回転して表示) After MacBook... 続きを読む

[JS]0.6kBの超軽量!基本的なDOM操作を実行するためだけに開発されたシンプルなライブラリ -nanoJS | コリス

2018/05/31 このエントリーをはてなブックマークに追加 75 users Instapaper Pocket Tweet Facebook Share Evernote Clip Git コリス ポパー After class

要素にclassを加えたり、変更したり、要素を削除したり、::beforeや::afterを加えたり、要素の表示位置を取得したり、変更したり、クリックやホバーのイベントを設定したり、基本的なDOM操作を実行するためだけに開発された超軽量ライブラリを紹介します。 jQueryは使うけど、$関数や上記の挙動しか利用しないという人には、特にぴったりなスクリプトです。 nanoJS nanoJS -Git... 続きを読む

「出会えたことに感謝したいCSSベスト3」まとめ - Togetter

2018/04/08 このエントリーをはてなブックマークに追加 540 users Instapaper Pocket Tweet Facebook Share Evernote Clip Togetter Flex None border-box

box-sizing: border-box; →出会えた時の感動 content: “”; →::before ::afterとの組み合わせ display: none; →blockとのコンビネーションが好き flexは殿堂入りぽいからそれ以外にしてみました #出会えたことに感謝したいCSSベスト3 続きを読む

「ソート」を極める! 〜 なぜソートを学ぶのか 〜 - Qiita

2018/04/05 このエントリーをはてなブックマークに追加 956 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita ソート クイックソート 整数値 議論

こうした時代の変化により、「どういう場面でどのソートが最強か」という議論の重要性が相対的に下がって来ています。昔は 【Before】 多くの場面では、 クイックソート がよい 要素数が小さいときや、ほとんど整列済みに近いときは、 挿入ソート も有力 要素数が小さくて、省メモリ性や安定性を重視したいときは、 挿入ソート がよい 各要素が整数値であまり大きな絶対値をとらないときは、 計数ソート や 基... 続きを読む

【納戸公開】1時間断捨離チャレンジ!納戸の収納を見なおす - gu-gu-life’s blog

2017/10/12 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip 納戸 www.gu-gu-life.com After 断捨

2017 - 10 - 12 【納戸公開】1時間断捨離チャレンジ!納戸の収納を見なおす 住-収納 暮-断捨離 住 暮 以前、断捨離に関して、こんなことを書きました。 www.gu-gu-life.com 今日は、これと真逆のことをやってみます。 1.断捨離1時間チャレンジの前置き ①自分へのルール ②納戸の収納目標 2.さっそくチャレンジ ①before ②after ③断捨離したもの ④1時間で... 続きを読む

【ファンケル化粧品】…16日後の肌: ♡お嬢様の生活♡

2017/07/07 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip 生活 お嬢様 After NEWS キット

本日2度目のブログ更新 20時更新予定が大幅に遅れてしまいました。 すみません では、 6月22日からお嬢様がお試しで使っている アクネケアたっぷりおためしキット ファンケル化粧品の16日後のお肌の 経過報告したいと思いますッ♬ 6月22日のお肌【before】 7月7日のお肌【after】 ↑ブツブツお肌の跡が綺麗に タイムLINEのNewsにも紹介されてました 今残ってるお試し化粧品 通常価格... 続きを読む

デザイナーが他のデザイナーのバナーをブラッシュアップする「バナーデザインくるくる会」をやりました | デザイナーのイラストノート

2016/12/31 このエントリーをはてなブックマークに追加 53 users Instapaper Pocket Tweet Facebook Share Evernote Clip バナーデザイン Twitter After クオリティ バナー

@ misumi_takuma さんがTwitterで「よくあるデザインのBefore/Afterは、最初からBeforeのクオリティが低く感じる、デザイナーが作ったものをBeforeにするとどうなるのか」という話をしていて、デザイナーが作ったものを交換してデザインをブラッシュアップしていく「バナーデザインくるくる会」というのをやりました。 制作のお題準備 今回作成するバナーは、よくあるサイトのト... 続きを読む

たった数年でシリアの街並みがどれほど激変したのか…内戦の前後を比較したビフォー・アフター写真:らばQ

2016/04/13 このエントリーをはてなブックマークに追加 254 users Instapaper Pocket Tweet Facebook Share Evernote Clip 内戦 ISIS シリア 街並み After

こちらはISISによって破壊された、シリアの古代遺跡(ベル神殿)の前後を比較したもの。 2011年から内戦・紛争が始まったシリアでは、避難生活を強いられる難民の数は1100万人以上(全国民の半数)と言われ、国外に逃れた難民だけでも400万人を超えています。 この数年でシリアの街並みがどのように破壊されたのか、実感できるビフォー・アフター写真をご覧ください。 Before 「2008年」 After... 続きを読む

ネットショップのデザインを変更しました。 - SIRUHA

2016/02/10 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip SIRUHA After 手帳 http バック

2016 - 02 - 10 ネットショップのデザインを変更しました。 シェアする Twitter Google+ Pocket 使いやすさ、身軽さ、デザインにこだわって手作りした手帳やバッグを販売しているSIRUHAです。 この度、オンラインショップのデザインを変更しました。 Before(左)   After(右) http://siruha.thebase.in 以前のデザインもシンプルでよ... 続きを読む

【重要】いつも死にたがってた人が、猫を飼った途端に生きる目的を見つけて別人のように! お前ら、死にたくなったら猫を飼え! : オレ的ゲーム速報@刃

2016/01/12 このエントリーをはてなブックマークに追加 6 users Instapaper Pocket Tweet Facebook Share Evernote Clip 別人 途端 After ゲーム速報 お前ら

■ツイッターより 私のタイムラインの中で一番の死にたがり君だった彼も、今日猫を飼った途端に生きる目的を見つけていたから、死にたい人は猫を飼いましょう。 pic.twitter.com/OAqz9uAYlS — ブタ (@butaille) 2016, 1月 11 ※before ↓↓↓↓ ※after <ネットの反応> 猫に限らず、動物を飼うのはいい方法ですね。 それはその猫が死ぬまで死にたいのを... 続きを読む

 
(1 - 25 / 68件)