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

2023/12/13 105 users 戦い デジタル庁 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 プレゼンテーション レイアウト 登壇資料 スライド資料 資料

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

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

2023/07/14 8 users 東京ヴェルディ 清掃 ヴェルディ 看板 東京ダービー

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

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

2023/02/26 7 users 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 CSS 疑似要素 疑似クラス not CSS3

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

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

2022/07/01 418 users クックパッドマート Transcript データ設計 IoT

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

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

2022/03/06 11 users 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 Pulp Note CSS After 疑似要素 ボタン

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

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

2020/07/07 5 users Kubernetes Datadog deployment

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

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

2019/12/03 28 users コリス After 領域 CSS スマホアプリ

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

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

2019/12/01 12 users GitHub Qiita クレバー JavaScript 実装

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

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

2019/07/31 32 users 原理原則 ウェブ解析士会議 Web担当者Forum デザイン

続きを読む

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

2018/11/30 24 users 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 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 おいちゃん リブセンス ディスプレイ 結論 半年

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

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

2018/05/31 75 users Git コリス ポパー After class

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

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

2018/04/08 540 users Togetter Flex None border-box

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

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

2018/04/05 956 users Qiita ソート クイックソート 整数値 議論

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

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

2017/10/12 17 users 納戸 www.gu-gu-life.com After 断捨

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

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

2017/07/07 15 users 生活 お嬢様 After NEWS キット

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

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

2016/12/31 53 users バナーデザイン Twitter After クオリティ バナー

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

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

2016/04/13 254 users 内戦 ＩＳＩＳ シリア 街並み After

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

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

2016/02/10 9 users SIRUHA After 手帳 http バック

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

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

2016/01/12 6 users 別人 途端 After ゲーム速報 お前ら

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

水を入れてレンジで温めるだけ！　1分でできる温泉卵の作り方 - ねとらぼ

2015/12/15 44 users レンジ とらぼ 温泉卵 トロッ 黄身

牛丼やうどんに載せてお箸を入れると半分固まった黄身がトロッと流れ出す温泉卵。好きな人にはたまらない、あの温泉卵が1分でできる作り方がネットで話題になっています。 投稿したのは、絵描きの蒼透子さん（ ＠Touko_Ao ）。作り方は、コップにラップを張ってその上に水を少し入れ、水の中に卵を落として電子レンジにかけるだけ！　500ワットの電子レンジで40～50秒待てば、温泉卵の完成です。 Before... 続きを読む