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クライアントさんに向けてのプレゼンテーションや、社内共有向けの資料、セミナーでの登壇資料などで用いられる「スライド資料」。いざ作ってみると、「なんだか読みにくいな」「色やレイアウトがまとまらない」と感じ、苦手意識を持っている方は多いかもしれ... 続きを読む

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

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

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

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】 多くの場面では、 クイックソート がよい 要素数が小さいときや、ほとんど整列済みに近いときは、 挿入ソート も有力 要素数が小さくて、省メモリ性や安定性を重視したいときは、 挿入ソート がよい 各要素が整数値であまり大きな絶対値をとらないときは、 計数ソート や 基... 続きを読む

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

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... 続きを読む

CSSの content プロパティーを使いこなそう！ | Webクリエイターボックス

2015/04/08 405 users CSS After Webクリエイターボックス 擬似要素 前後

CSSの小技やスニペット集なんかを見ていると、ちょくちょく見かける content プロパティー。「そういえば、こいつ一体何者…！？」と思った方もいるかもしれないので、今更ながら改めて content プロパティーの紹介をしようと思います。 content プロパティーって何？ content プロパティーは、要素の前後に、:before または :after という擬似要素を使ってテキストや画像... 続きを読む

ฅ(・ω・ฅ){ 妻子持ちの凡人プログラマが限られた時間で行う趣味の開発 } - Tbpgr Blog

2015/03/20 182 users done SRP 妻子持ち Tbpgr Blog year

2015-03-20 ฅ(・ω・ฅ){ 妻子持ちの凡人プログラマが限られた時間で行う趣味の開発 } SRP 概要 妻子持ちの凡人プログラマが限られた時間で行う趣味の開発について イメージ Before よしやるぞ！ 先が見えない 終わらん ： ： めんどくなってきた After Done !! Done !! Done !! Done !! Year!!! ターゲット 仕事も大事だけど家庭も大事に... 続きを読む

CSS で「吹き出し」をつくってみる | バシャログ。

2014/12/25 76 users バシャログ CSS macky マッキ div

こんにちは。mackyです！ 最近、何かと吹き出しを目にすることが多かったので自分でもサンプルを作成してみることにしました。 よかったら読んでみてください。 では、早速。 HTML HTMLはこの一行。 <div class="baloon">お久しぶりです。まっきーです。ここに好きなテキストをいれてね。</div> CSS：スタンダードな角丸長方形 使える環境であれば使いたい :before 。... 続きを読む

ペパボエンジニア研修 ~前半戦~ - ポンコツWebエンジニアがぱるると一緒にセンターを目指す diary

2014/12/06 101 users diary After ペパボ 前半戦 動機

2014-12-06 ペパボエンジニア研修 ~前半戦~ 目的や動機 Webアプリケーション制作未経験者が研修を通して何を感じたのかを伝えたい (Before, After) ペパボの研修内容はどんなことをやっているのか 本格的にエンジニアの研修が始まったのは７月からでしたが、自分が４ヶ月間でどんな成長をしたのかを一度整理する時間を設けたかった 入社前に自分もペパボの研修ブログを書いていた人のブログ... 続きを読む

1枚の女性の写真を「美しくしてください」と世界各国の人に修整してもらったらどんな差が出るのか？ - GIGAZINE

2014/06/30 75 users ウェブデザイナー GIGAZINE After 修整 好み

Photoshopによる画像の修整・補整は今や一般的ですが、世界25カ国以上・40人近くのウェブデザイナーが「私を美しくしてください」というリクエストと共に1枚の写真を渡されたら、どのうように修整するのだろう？ということを調べたESTHER HONIGさんの試みが「Before ＆ After」です。個人の好みもはちろん反映されるのですが、個人を超えた、文化的な「美しさ」の違いも分かるようになって... 続きを読む

jQueryで分かりやすいテキストのDIFF表示ができる「jQuery.PrettyTextDiff」:phpspot開発日誌

2013/02/26 59 users jQuery diff phpspot開発日誌 テキスト

jQueryで分かりやすいテキストのDIFF表示ができる「jQuery.PrettyTextDiff」 2013年02月26日- Hello jQuery.PrettyTextDiff - Arnab's Universe jQueryで分かりやすいテキストのDIFF表示ができる「jQuery.PrettyTextDiff」 次のようにdiffをjQueryでやってくれます。テキストのbefore... 続きを読む

CSSの擬似要素を使った見出しデザイン｜Webpark

2013/01/27 633 users After Webpark ボーダー 見出し 都度

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「... 続きを読む

CSS3のみで書かれたアイコンセットがすごいな | IDEA*IDEA

2012/11/11 279 users CSSDeck アイコンセット After IDEA 執念

これ、全部CSS3のみですって。 ↑ なんか執念を感じる。 ↑ :before, :afterを駆使して作られているようです。 画像を使いたくない場合や、CSS3のお勉強をしてみたい方はいかがですかね・・・。 » CSS3 Monochrome Icon Set | CSSDeck 続きを読む

私はRSpecでテストをこんな感じで書いてる - アジャイルSEを目指すブログ

2012/08/20 337 users rspec Subject TDD CONTEXT Ruby

TDD, Ruby, Rspec私がRSpec使ってテスト書く時はこんな感じで書いてるよ〜ってのを書いてみた。*1 テストを書く順番についてTDDでコードを書く場合、先にテストを書く事になります。そして、そのテストを書く順番ですが、私は下記のような順番で書くように意識しています。設計する describe を書くitを書く subjectを明確にする before(context)を明確にするその... 続きを読む

[CSS]なにかと便利な「:before, :after擬似要素」の使い方を基本からマスターするためのチュートリアル | コリス

2012/07/18 574 users コリス hover チュートリアル CSS After

HTMLを汚したくない、もしくは変更することができないときに役立つ擬似要素の基本的な使い方から応用テクニックまでを紹介します。 擬似要素で、div要素の両端にシャドウをつけたり、一枚の画像を重ねたりすることができます。 擬似クラス、擬似要素 擬似要素の記述は一つのコロンを使用し、「:before, :after」となります。 コロンを使用するものは他に、「:hover」などの擬似クラス、CSS3で... 続きを読む

ダイエット（筋トレ）のBefore→After画像貼ってく：キニ速

2012/07/05 260 users キニ速 筋トレ ダイエット

1：以下、名無しにかわりましてVIPがお送りします：2012/07/05(木) 18:33:17.76 ID:3YL7ZNzC0 お前らも来年の今頃こんな風になれるように頑張ろうよ   2：以下、名無しにかわりましてVIPがお送りします：2012/07/05(木) 18:35:05.86 ID:3YL7ZNzC0   4：以下、名無しにかわりましてVIPがお送りします：2012/07/05(木) ... 続きを読む

中学生の時にパンチラ日記つけてたらスターダムにのし上がれた : ニコニコVIP2ch

2011/11/08 124 users 中学生 スターダム ニコニコVIP2ch ＵＣ 忍法帖

■中学生の時にパンチラ日記つけてたらスターダムにのし上がれた 1 忍法帖【Lv=36,xxxPT】 ◆CuLfOB/Uto 　投稿日：2011/11/08(火) 05:41:41.06 ID:LtuYAfZV0 before いじめられっ子 after DQNからも一目置かれる存在に 22 以下、VIPがお送りします　投稿日：2011/11/08(火) 06:06:35.03 ID:Uc/7So1... 続きを読む

ジョギング始めたら何もかも捗りすぎｗｗｗｗｗｗｗｗ:ハムスター速報

2011/10/17 264 users ジョギング ｗｗｗｗｗｗｗｗ ハムスター速報 VIP オシャレ

ジョギング始めたら何もかも捗りすぎｗｗｗｗｗｗｗｗ Tweet カテゴリ☆☆☆ 1：以下、名無しにかわりましてVIPがお送りします：2011/07/10(日) 20:15:44.28ID:1DOYsYc/0 Before 俺 ・ニート ・21歳 何もすることがなかった俺は高校時代のハーフパンツ（これがなかなかおしゃれ）を履き、ジョギングすることにした。 ちょいぽっちゃりでダイエットと思われたら恥ず... 続きを読む

[CSS]「:before」「:after」でタブのディテールを強化するスタイルシート | コリス

2011/05/15 121 users コリス Safari Firefox Chrome After

対応ブラウザは「:before」「:after」はCSS2ですが、スタイルに角丸などのCSS3を使用しているため、CSS3対応ブラウザ（Firefox, Chrome, Safari, IE9）でご覧ください。 HTML リスト要素を使用して、実装します。 Home Abou... 続きを読む

[CSS]さまざまなデザインのドロップシャドウを適用するチュートリアル | コリス

2010/12/28 319 users ドロップシャドウ コリス チュートリアル CSS 疑似要素

CSS2の疑似要素を使用することで、HTMLを汚さずに、さまざまなデザインのドロップシャドウを簡単に適用することができます。 その美しいドロップシャドウのスタイルを適用するチュートリアルを紹介します。 画像の使用は一切ありません。 デモの対応ブラウザは:before, :after, box-shadowなどを使用しているため、Firefox 3.5+, Chrome 5+, Safari 5+,... 続きを読む

あなたのサイトも最高2倍速に？！Google純正のサイト高速化モジュール『mod_pagespeed』だと・・・ - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/11/03 763 users After Apache IDEA モジュール ＨＯＭＥ

Home > Google関連 | 開発ツール・技術 > あなたのサイトも最高2倍速に？！Google純正のサイト高速化モジュール『mod_pagespeed』だと・・・ Older GoogleからApacheのモジュールが出たようですよ。その名もmod_pagespeed。名前のとおり、サイトの表示速度をちょっ速にしてくれるものらしいです。 ↑ before & afterの動画。うーむ。 実... 続きを読む