Rails: モジュール化強制ツール"Packwerk"の導入を振り返る（翻訳）｜TechRacho by BPS株式会社

2024/04/11 11 users Rails 翻訳 許諾 原著者 Rails at Scale

概要 原著者Chris Salzbergさんの許諾を得て翻訳・公開いたします。 英語記事: A Packwerk Retrospective | Rails at Scale 原文公開日: 2024/01/26 原著者: Gannon McGibbon、Chris Salzberg 日本語タイトルは内容に即したものにしました。また、一部のパラグラフを分割しています。 Rails: モジュール化強制ツールPack... 続きを読む

「福島の甲状腺検査は即刻中止すべき」といえるのか？　朝日新聞『論座』に掲載された記事のおかしさ | ハーバービジネスオンライン

2019/07/11 68 users 即刻中止 朝日新聞 甲状腺検査 ハーバービジネスオンライン

6月29日に、朝日新聞のサイト「論座」に『福島の甲状腺検査は即刻中止すべきだ（上）無症状の甲状腺がんを掘り起こす「検査の害」』なる記事が掲載されました。「（下）」も合わせて掲載されています。 これは、大阪大学サイバーメディアセンター教授の菊池誠さんが執筆されたものです。 最初のパラグラフには以下のよう... 続きを読む

セキュリティ: 3月26日のbootstrap-sass gem 3.2.0.3に危険なコードが含まれていた（影響を受けるサイトは少ない可能性）

2019/04/05 14 users セキュリティ 訂正 コード 修正 影響

訂正（2019/04/05）: タイトル後半を「影響は小さい可能性」->「影響を受けるサイトは少ない可能性」に修正しました。また、「はじめに」のパラグラフを修正・追記いたしました。 はじめに 3月26日に公開されていたbootstrap-sass gem 3.2.0.3に危険なコードが含まれていたという情報を記事にしました。 公開されていた... 続きを読む

青空文庫の『走れメロス』をTEIで - digitalnagasakiのブログ

2017/07/31 7 users TEI digitalnagasaki メロス 走れメロス

2017 - 08 - 01 青空文庫の『走れメロス』をTEIで TEI 前回・前々回に引き続き、TEIの話です。前回、ごく基本的な マークアップ でもOKだということを少し書きましたが、それでは試しに、ということで、 青空文庫 の『 走れメロス 』をTEIにて書いてみました。それが こちら になります。 特に説明するようなことはあまりないのですが、TEIのタグ付けルールに従って、本文にパラグラフ... 続きを読む

主従関係が逆転したアフィリエイト稼ぎの記事には「PR」表記を入れてほしい - Hagex-day info

2015/08/28 55 users Hagex-day info 主従関係 アフィリエイト 表記

2015-08-28 主従関係が逆転したアフィリエイト稼ぎの記事には「PR」表記を入れてほしい Web トマトブロガーで名高い、イケダハヤトさんが、以下のエントリーを書いている。・大企業を辞めてわかった！大企業が理不尽なところ9選（リンク先は魚拓）7以外は、どれも間違っているのだが、そんなことはいつもの事なので、どうでも良い。むしろ通常運転だ。問題は後半のアフィリエイトのリンクが入ったパラグラフだ... 続きを読む

YOいっション: 吉見裁判第4回口頭弁論&報告集会 参加記

2014/09/01 27 users YOいっション 参加記 満席 吉見裁判 傍聴席

2014-08-31 吉見裁判第4回口頭弁論&報告集会 参加記 去る5月19日午後3時より、吉見裁判の第4回口頭弁論が、東京地裁103号大法廷にて行われました。この日も約100席ほどの傍聴席がほぼ満席となりました。 今回の裁判では、被告側が第2準備書面を読み上げ、それに対して原告側が第4準備書面を読み上げました。今回の被告側の主張をまとめると、1.原告は被告発言を2つのパラグラフに分けて恣意的に解... 続きを読む

au WALLETが届いたけどKDDIの親切が仇となり利用開始に手間取ったという話 - まだへいき！

2014/06/17 34 users KDDI au WALLET 雑記 利用開始 auショップ

雑記, KDDI前置きが長いので、せっかちさんは最後のパラグラフだけ読めばええんちゃうかな。au IDがなくてもカードは発行できるau WALLETカードは届いてもそのままでは使えず、KDDIの契約情報と紐付けないと利用を開始できません。そのためにau IDという仕組みを利用します。au WALLETカードをインターネットから申し込む場合はその時点でau IDが必要になりますが、auショップなどの... 続きを読む

[JS]着眼点が面白い！スクロールできない状態でキーボードやクリックでスクロールさせるスクリプト -Scrollocue | コリス

2013/10/10 23 users コリス jQuery スクリプト 台詞 着眼点

オートキューやテレプロンプターのように、文章や歌詞、台詞、記事、原稿などのテキストを順番にスクロールして表示させるjQueryのプラグインを紹介します。 このままでの使用用途は限定されていますが、面白いことができそうな予感がします。 Scrollocue -GitHub Scrollocueのデモ Scrollocueの使い方 Scrollocueのデモ デモではパラグラフが垂直に配置されており、... 続きを読む

[CSS]パラグラフやリストなどのテキストの下にできてしまう意図しない余白を解決する方法 | コリス

2013/08/05 73 users コリス div CSS-Tricks 余白 ラッパー

p, ul, ol, dl などのテキストの下にできてしまう意図しない余白を解決するうまい方法をCSS-Tricksから紹介します。 下記は各ポイントを意訳したものです。 Spacing The Bottom of Modules 上記のコードはシンプルで、divをラッパーとして、見出しとパラグラフを配置しているだけです。 HTML [html] Module Pellentesque habit... 続きを読む

麻生発言の朝日の全文書き起こし（私家版） - さぼり記

2013/07/31 262 users 全文 麻生発言 朝日 politics 私家版

文章のニュアンスの錯誤が若干気になるので、自主トレも兼ねてパラグラフを整理してみた。 朝日新聞による全文書きだし（オリジナル版）http://www.asahi.com/politics/update/0801/TKY201307310772.html 　僕は今、（憲法改正案の発議要件の衆参）３分の２（議席）という話がよく出ていますが、ドイツはヒトラーは、民主主義によって、きちんとした議会で多数を... 続きを読む

見出しやパラグラフのフォントサイズや行間をemベースで簡単に設計できるオンラインツール -Em Baseline Generator | コリス

2013/04/11 92 users コリス font-size フォントサイズ 行間 プレビュー

emベースで見出し、パラグラフ、リストなどのfont-size, line-heightなどを設計できるオンラインツールを紹介します。 Em Baseline Generator 使い方は簡単です。 ベースとなるfont-sizeとline-heightを設定します。 font-sizeとline-heightを設定 設定した値は、すぐに右のプレビューに反映されます。 見出し、パラグラフ、リストな... 続きを読む

2年の実務で使いやすさを追求した、便利でシンプルなワイヤーフレームのPSD素材 -RafalTomal WireframeKit | コリス

2012/12/16 116 users コリス ワイヤーフレーム psd PSD素材 シカゴ

シカゴのデザイナーRafal Tomalが2年の実務の間、バージョンアップを積み重ね、使いやすさを追求したシンプルなワイヤーフレームのPSD素材を紹介します。 Free Photoshop Wireframe Kit ダウンロードできる素材はPSDで、横長の1ファイルにまとめられています。 横長の左半分は、パネル、イメージ、ビデオ、フォーム、見出し、パラグラフ、リストが揃っています。 左半分 右半... 続きを読む

【文章術】『論理が伝わる 世界標準の「書く技術」』倉島保美:マインドマップ的読書感想文

2012/12/04 57 users ブルーバックス 概念 未読本 アマゾン 論理

論理が伝わる 世界標準の「書く技術」 (ブルーバックス) 【本の概要】◆今日ご紹介するのは、先日の「未読本・気になる本」の記事でも大人気だった1冊。 欧米では「学生時代に1年以上に渡って必ず学ぶ」という「パラグラフ・ライティング」の指南本です。 アマゾンの内容紹介から。必要な情報がきちんと伝わる―そんな文章を書くにはパラグラフの概念が重要。欧米では学生時代に徹底的に訓練される「パラグラフ・ライティ... 続きを読む

[JS]木の葉が木枯らしに舞うように軽やかなアニメーションでコンテンツを次々に表示するスクリプト -Windy | コリス

2012/10/09 71 users jQuery WiNDy src jquery.js text

画像や見出し・パラグラフなどを配置したパネルを木枯らしに舞う葉っぱのようなアニメーションで次々に表示するjQueryのプラグインを紹介します。 Demo 3: jQuery UI Sliderを使ったタイプ Windyの使い方 Step 1: 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="... 続きを読む

[CSS]画像にかっこいいアニメーションでオーバーレイのメッセージを表示するスタイルシート | コリス

2012/06/27 79 users コリス slider CSS スライダー 半透明

CSSで作成したイメージスライダーに、ホバー時にメッセージを半透明のパネルに表示するチュートリアルを紹介します。 実装 実装のポイントだけピックアップ。 HTML メッセージの見出しとパラグラフをdiv要素で内包し、さらにa要素で内包したものを1コンテンツとして、スライダーを実装します。 画像はそれぞれの背景として配置します。 <div class="slider"> <a href="#"> <... 続きを読む

[CSS]スクリプト無しで実装できる、アニメーションで表示・非表示する通知パネル | コリス

2012/06/26 40 users コリス div CSS アニメーション スクリプト無し

デモページ：通知パネル拡大 実装 実装のポイントを紹介します。 HTML パネルはdiv要素で実装し、パラグラフとバーを内包しています。 <div class="tn-box tn-box-color-1"> <p>Your settings have been saved successfully!</p> <div class="tn-progress"></div> </div> CSS 通... 続きを読む

[CSS]HTMLはシンプルで、紙をぺろっと折ったエフェクトをつけるチュートリアル | コリス

2012/05/31 133 users コリス チュートリアル ぺろ エフェクト CSS

下記は各ポイントを意訳したものです。 コンセプト デモ 実装 コンセプト このチュートリアルのコンセプトは、div要素に対してできるだけシンプルに紙を折ったエフェクトを与えることです。画像を使用すれば、当然かなり簡単にできることですが、これをCSSで行います。 基本的に必要なものは長方形のボックスのほかに、二つの三角形です。 実装 HTML HTMLは非常にシンプルです。 見出しとパラグラフを配置... 続きを読む

[JS]要素の一つひとつを異なるタイミングでスライドさせる、パララックス対応のコンテンツスライダー | コリス

2012/03/15 218 users コリス コンテンツスライダー Kendo UI スライド 要素

デモ 実装 デモ 一枚のスライドには、h2要素、パラグラフ、リンク、画像が配置されており、それぞれが異なるタイミングでスライドします。 分かりにくいかもしれませんが、背景もアニメーションで動いています。 Kendo UI こちらも当然パララックス対応のコンテンツスライダーです。 こっちの方が背景がはっきりしてるので、その動作を楽しめると思います。 実装 実装は各ポイントとなる箇所を説明します。 H... 続きを読む

見出しやパラグラフの縦のリズムを大切にしたグリッドシステム -Gridlover | コリス

2011/11/14 32 users グリッドシステム コリス ウェブページ フォント スケール

ウェブページで使用する文字のスケールやリズムを設計するのに役立つGridloverを紹介します。 Gridlover Gridloverでは下記の3点を調整し、見出しやパラグラフなどの縦のリズムを設計します。 フォントの [...] 続きを読む

[JS]自動でページ内の見出し要素を抽出しアンカーを生成するスクリプト -AutoAnchors | コリス

2011/06/08 57 users コリス jQuery エレメント スクリプト div要素

指定した範囲内から特定のエレメント（h2要素など）を自動的に抽出し、ページ内アンカーの一覧を自動で生成するjQueryのプラグインを紹介します。 デモでは、div要素内にh3要素を三つ配置しており、コンテンツの右側に各見出しのページ内アンカーのナビゲーションを自動で生成しています。 AutoAnchorsの実装 HTML HTMLはシンプルで、各見出しとパラグラフをdiv要素で内包するだけです。 ... 続きを読む

実用的なデザインがたくさん揃ってる、HTML5+CSS3ベースのフレームワーク -Perkins | コリス

2011/05/19 413 users ドロップシャドウ コリス エレメント グリッド フレームワーク

レイアウトのグリッドをはじめ、ナビゲーション、パラグラフ、リスト、フォーム、テーブルなどページでよく使用するエレメント、角丸、グラデーション、ドロップシャドウ、回転のエフェクトなど、ウェブページを構成するさまざまエレメントが用意されたHTML5+CSS3ベースのフレームワークを紹介します。 Perkinsはウェブデザイナー・開発者の大切な時間を節約するために開発されたもので、HTML5+CSS3で... 続きを読む

[JS]新聞のカラムのようなレイアウトを生成するスクリプト -ezColumns | コリス

2011/02/07 107 users コリス jQuery カラム スクリプト div要素

div要素だけでなく、p要素やli要素で実装されたパラグラフを新聞のカラムのようなレイアウトにするjQueryのプラグインを紹介します。ezColumnsの実装例HTMLp要素で実装したパラグラフをdiv要素で内包します。A - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ma... 続きを読む