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

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

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

あなたのサイトも最高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の動画。うーむ。 実... 続きを読む

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

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

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

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

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

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

「出会えたことに感謝したい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 続きを読む

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

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

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

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

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

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

色の組み合わせでもう迷わないためのカラーセオリー : ライフハッカー［日本版］, 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア

2010/02/22 344 users カラーセオリー ライフハッカー 組み合わせ After 仕事

Webツール , デザイン 色の組み合わせでもう迷わないためのカラーセオリー 掲載日時：2010.02.22 22:00   コメント [0] , トラックバック [0] Webデザインでも企画書でも、色使いや色選びというのはなかなか悩ましいものです。デザインブログ「Before & After」に、デザインのプロでなくても上手な色選びができる、PDFのカラーセオリーのパンフレットがありました。 ... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

ダイエット（筋トレ）の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(木) ... 続きを読む

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

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

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

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

2018/06/30 246 users おいちゃん リブセンス ディスプレイ 結論 半年

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

絶妙な二重枠線をCSSだけで実現する方法… - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/06/22 240 users After IDEA 盲点 CSS ボックス

これは目から鱗。今度使わねば。 なんらかのボックスを表示するとき、二重枠線になっていると綺麗ですよね。立体感も出ますし。 ↑ こういうやつ。 これって以前はボックスを二重に配置して実現していたりしましたが、:beforeと:afterを使えばうまいことできるらしいですよ。盲点でしたね、確かに。 ↑ 動画でもご紹介。 :before、:afterが使えるブラウザに限られるのがあれですが（最近は対応し... 続きを読む

PNG画像をいい感じに最適化してくれる『punypng』 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2009/08/18 218 users PunyPNG IDEA After おー PNG画像

PNG画像の最適化手法についてはたまに話題に上りますが（ここらへん）、そうした処理を自動でやってくれるっぽいツールのご紹介。 punypngを使えば画像をアップするだけでささっと変換してくれますよ。 ↑ 変換中。 ↑ おー、確かに。 実際やってみたのでBefore＆Afterをば。上にもあるように約8%圧縮されています。 ↑ 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!!! ターゲット 仕事も大事だけど家庭も大事に... 続きを読む

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

2023/09/07 176 users プレゼンテーション レイアウト 登壇資料 スライド資料 資料

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

404 Blog Not Found:勝手に添削 - Ajaxでデバッグしよう - ＠IT

2007/03/07 127 users Ajax 添削 servlet JSP perl

記事そのものはまあいいのだけど、CGIの部分があまりにひどいので。 Ajaxでデバッグしよう - ＠IT 私の仕事の現場ではJavaを開発言語として使用することが多いので、JSPやServletとして実装していますが、今回はレンタルサーバでも利用しやすいようにPerlで作成しました。以下のソースを参考にしてください。 Before まあご覧下さい。前世紀末においてすら[これはひどい]レベルです。著... 続きを読む

中学生の時にパンチラ日記つけてたらスターダムにのし上がれた : ニコニコ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... 続きを読む

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

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

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

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

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

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

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

Before & After magazine

2006/10/03 98 users ready or not

Who we are Before & After magazine has been sharing its practical approach to graphic design since 1990. Because our modern world has made designers of us all (ready or not), Before & After is dedicat... 続きを読む