スマホサイトが優勢な昨今、要素をよこ並びにする機会は減ってきているのかもしれないけれど、大きい画面で見るサイトでは、ナビゲーションやタブや、商品一覧など、よこ並びにレイアウトする機会はまだまだあるんじゃないでしょうか。そんな「よこ並びにするためのCSS」も、やり方はさまざま。お馴染みのやつから、新参者まで、順番に見ていくことにします:)。 よこ並び？ そう、よこ並び。 例えばボタンを横一列に並べたり。商品の情報なんかだと、横に3つずつ並べて改行して、多段に並べる場合もありますね。偏（ひとえ）に「よこ並び」と言えど、CSSにはそのやり方がたくさんあるんです:o。 導入 この記事で紹介するよこ並びの方法は以下の通り。 CSSの歴史的な背景から、最初はfloatプロパティを使った方法を紹介します。 float（フロート） 要素を左右へ寄せるためのプロパティ。 後続する文章（テキスト）などのインラ

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ

こんにちは、てつです。 先日、私の友人が仕事を辞めまして・・・ これからどうするの？と聞くと、ランサーズやクラウドワークスでライティングの仕事を受注して生活費を稼ぐと言っていました。 「いや、それはどうなの・・・」と思っていましたが、一週間後予想通りの結果に。 あまりに単価が安過ぎるということでかなり凹んでいました。 うん、まあそうなるよね。 ランサーズさんやクラウドワークスさんが悪いわけではないですが、業者が足元を見過ぎなのは以前と変わらないですね。(ライティング案件の話しです) ちょうど私が新しくライターを探していたこともあり、友人が毎月必要になる生活費を計算して、その金額固定でライティング業務を委託するということでライター契約をしました。 ただ、ここで１つの不安が。 それは彼がライティング未経験であること。 Webメディアでの執筆経験もないし、個人でブログを運営したこともないわけです

高速で軽量な仮想環境を構築できるDockerは、その利便性から、ソフトウェアの開発者にとってもシステムの管理者にとっても使い方を知っておくべきソフトウェアとしての地位を確立しつつあります。今回はより新しいDockerをUbuntu上で使う上で、気をつけるべきことをおさらいします。 UbuntuにおけるDocker 2017年7月追記：Dockerのリリースポリシーの変更にあわせて、リポジトリのURLやパッケージ名が変更になりました。本記事は新しい手順に更新済みです。記事中の「docker-engineパッケージ」は「docker-ceパッケージ」と読み替えてください。 Dockerはカーネルのコンテナ技術などを利用して、アプリケーションをサンドボックス環境の中で動かす仕組みです。Dockerでは最小限のルートファイルシステムである「Dockerのベースイメージ」の上に、各種ソフトウェアのイ

メモリリーク、デッドロック、リダイレクトループ、JVMクラッシュ...バグだらけのWebアプリケーションを使ってバグを理解するJavaバグ脆弱性トラブルシューティングjconsole 概要 Webアプリケーションの開発や保守をしていると、いろいろなバグに遭遇します。メモリリーク、デッドロック、リダイレクトループ、JVMクラッシュ等々、バグは様々です。こういったバグは、実際にコードを書いて、実行・再現させてツールで解析してみると理解が深まります。 ということで、いろいろなバグを実装したWebアプリケーションをつくってみました。現時点では、以下を簡単に再現できます。 メモリリーク (Javaヒープ領域) メモリリーク (Permanent領域) メモリリーク (Cヒープ領域) デッドロック (Java) デッドロック (SQL) 完了しないプロセスの待機 無限ループ リダイレクトループ JVM

レスポンシブWebデザインで使うメディアクエリーを進歩させ、要素ごとに条件を設定できる「エレメントクエリー」。どこがどう便利なのか？ 専用ライブラリー「EQCSS」による使い方を紹介します。 CSSのメディアクエリー（Media Query）を使い、画面幅に基づいて要素の表示方法を変える方法はもうおなじみでしょう。エレメントクエリー（Element Query）はメディアクエリーと似ているものの、なんとビューポートではなくWebページ上の個々の要素にレスポンシブな条件を適用します。条件とは、たとえば、要素の幅、含まれる文字数、ユーザーのスクロール状況などで、要素に異なるスタイルルールを適用できるのです。 エレメントクエリーが必要とされる理由 最初に述べたように、エレメントクエリーはビューポートの幅と高さだけでなく、たくさんのプロパティに基づいて要素をスタイリングするのに役立ちます。ほかにも

Webページやスマホアプリで見かけるレイアウト、ナビゲーション、ボタン、スライダー、フォーム、タイムライン、ボタンなど、CSSを使って実装されたテクニックがまとめられたコンテンツを紹介します。 デザインのアイデアとして、またそれが実装可能かどうか、実装はどうやっているのか、何かあった時にチェックすると便利です。

恐らくインターネット史上最強の、無料で使える画像の検索に特化した検索エンジンが登場した。運営にあたるのは著作物の適正な再利用の促進を目的として、2001年に創立されたクリエイティブコモンズ。 クリエイティブコモンズは以前から、クレジットの付記等の条件付きで、著作物を広範囲のネットユーザーに再利用させる試みを行ってきた。今回のサイトの登場で、その画像の検索が一気に簡単になった。 従来はクリエイティブコモンズ画像の検索はグーグルのアドバンスサーチやFlickrに頼るしかなかったが、新規にオープンしたサイトはまだベータ版ながら、非常に使いやすいサービスに仕上がっている。 今回の「クリエイティブコモンズサーチ」は、900万点以上の画像を一気に検索可能。ライブラリにはFlickrや500px、ニューヨークのメトロポリタン美術館やニューヨーク公共図書館、アムステルダム国立美術館のサイトの画像が含まれて

去年はかなり楽しませていただきました。 バレンタインデーということもあり、一通り満喫したのでネタを放流します。 ただ、ある程度ターゲットが絞られるので、好みに合えばどうぞといった感じで。 ◯ターゲット ２０台後半から３０代中頃 女子力高め・意識高め 男性経験少なめ 軽く遊ぶというよりやや重い感じになりやすい もしくは人妻と不倫（ややリスキー） ◯前提条件 恋愛の必勝法をまず述べておく。 それは、ライバルがいない環境を選ぶこと。 自分がどれだけイケメンで好条件が揃っていても、戦う場所を間違えれば勝利はない。 逆に、不細工で条件が揃っていなくても、自分より劣った人間ばかりか、もしくはそもそもライバルの少ない環境に行けば勝率はかなり高くなる。 つまり今回は、後者、ライバルの少ない狩場情報の解禁である。 片思いのあの子を落とす方法ではないので、それを期待していた人は帰っていただいて構わない。 ◯狩

■貧乏になる人の特徴 私には、わりと幅広い所得階層の友人がいる。有名大学出身の経営者や金融マンから、ワーキングプアのフリーターまで、様々な階層の人と付き合っている。そして、貧乏な人ほど「自分には運がない」とぼやく。 ところが、詳しく話を聞いてみると、貧乏な友人たちは「悪運を引き寄せるような生活習慣」を持っている場合が多い。スーパーナチュラルでスピリチュアルな話をしたいわけではない。彼らは、偶然を合理的に操作できないのだ。 彼らの語る「不幸」の例は、いずれも回避可能なものばかりだ。 たとえば「5万円するクロスバイクを盗まれた」「肝心なときにパソコンが壊れた」「病院に行ったら重たい病気が発覚して治療費がかさんだ」等々。一見すると、たしかに運が悪そうに思える。が、話をよく聞くと、不幸を回避する努力をしていない場合が珍しくない。 「自転車を盗まれたら嫌だな〜って、前から思っていたんだよねw」なんて

僕は個人でアプリを出してるんですが、以前から試してみたいなと思いながらもビビっていた電話サポートを最近始めてみた。 以前から、アプリ内にHelpshiftでヘルプチャットいれて、そこからのフィードバックは多いに参考にしながらアプリをアップデートしてるんだけど、さすがに電話サポートまでは面倒だなというか、開発中に突然電話かかってきたら集中力が途切れないかなとか、そういう懸念からやってませんでした。 しかし、チャットに比べて電話で対応できたらユーザがどこで詰まるかの情報量も圧倒的に多くて改善に役立つだろうし、その場でこちらから質問もできるから解決も速いはず。 さらに、問題がわかった順にアプリを改善していったり、ヘルプの書き方を変えていけば、同じ質問は何度もこなくなるというのは以前からの経験でわかっている。Airbnbの創業者も創業当時はずっとヘッドセットつけながら、ユーザーサポートを自分でやっ