今日は、Webコンテンツ編集の話題を。「カッコの付け方」と言っても、格好良いコンテンツの作り方ではありません。かぎ括弧、二重かぎ括弧、隅付き括弧などの「括弧」の使い方や三点リーダー、ダーシなどの約物の使い方の基本を解説します。 リリースでもWeb記事（ブログ記事）でも、編集者から見ると「括弧」の使い方がよろしくない文章が、結構あります。そこで、基本的な括弧の使い方を解説します。 （タイトルに「正しい」とありますが、実際には「正しい」「正しくない」を論じているわけではありません、詳しくは記事末を参照） 二重かぎ括弧は使い方が決まっている。基本はかぎ括弧で最も多い（と感じる）括弧のよろしくない使い方は、使うべきでないところに二重かぎ括弧『』を使うことです。 リリースや記事のタイトルなどで二重かぎ括弧を使っているのは、おそらく目立たさせようとしているのでしょう。 でも、何もなければ通常のかぎ括弧

Takuya Kitagawa/北川拓也 @takuyakitagawa 近年のAIの進化は実は理解されていない。 ChatGPTを筆頭に、信じられないレベルでAIが進化している。 そう、本当に信じられないレベルなのは、なぜAIがこんなにも「急激に」質が良くなったかを、誰も説明できないからだ。 おそらく発明した研究者本人たちですら。 どういうことか。 1/n Takuya Kitagawa/北川拓也 @takuyakitagawa AIの精度を定量化したとき、数年前までは研究の進化と共に、少しずつ精度があがっていった。 研究の進化とは 1. モデルやアルゴリズムの進化 2. 計算量の増加 3. データ量の増加 などだ。１０年ほど前にAIがもてはやされた時は、Deep Learningといったモデルの進化が重要だった。 2/n Takuya Kitagawa/北川拓也 @takuyakita

18年目ブロガー、「副業クエスト100」管理人 高校卒業後、定職につかず、30以上の副業を実践するもすべて失敗。 コンビニのアルバイトで生活費を稼ぎつつ、「副業」をテーマにブログを始める。 記事数が100を超えるも、最初の3年間は収益ゼロ。一念発起し、ブログ運用の勉強を始める。 裏ワザや近道を探すことをやめ、徹底的なSEO対策とブログの改善により、5年目にして月収10万円を達成する。 そこからは順調に収益を伸ばし続け、2010年には年収1000万円突破。そして2014年には累計収益1億円、2020年には累計収益5億円を突破する。 しかし、常に順風満帆だったわけではなく、Googleのアルゴリズムアップデートにより、何度も収益が激減しており、そのたびにブログの刷新（ブログデザインの変更、時代に合わなくなった記事の書き直し・削除etc）を行い、高収益を維持し続けている。 基本を超徹底する王道の

米国の動画視聴・販売サイト「FC2コンテンツマーケット」（FC2）で違法なわいせつ動画の売買が横行しているとして、警視庁がクレジットカード大手3社に対し、FC2でカード決済できなくするよう要請していたことがわかった。要請した6月以降、FC2が国内向けに販売した動画の本数が激減しているといい、同庁は要請による効果の表れとみている。 FC2をめぐっては、無修整のアダルト動画をアップロードしたなどとして摘発されるケースが後を絶たない。同庁が5月にわいせつ電磁的記録記録媒体陳列容疑で逮捕した無職の男は自身が撮影、制作した無修整アダルト動画などをFC2に出品し、1年7カ月間に3億円近くを売り上げていたとされる。 こうしたことを問題視した同庁は、「ジェーシービー」「ビザ」「マスターカード」の3社に全国の警察が検挙した事例や違法動画の売買実態を提示した上で、FC2の主な決済手段の一つであるカード決済を使

ぇあああああAmazonのアカウント凍結したんですけど！？ なぜぇ！？！？？ 残高10万以上あるのに！！！！ 返してー！！！！？！？ — やみこ◆充電期間 (@yamicorpion) November 9, 2022 Twitterで似たような状況の人をたくさん見ました。どうも最近、大規模な凍結祭りがあったみたいです。 （アマギフ没収と検索してみてください） なんとかならないか全力で戦っていたら色々わかったことがあるので、紹介します。 【要約】知人からアマギフを貰って使ったらAmazonが凍結したので、意味が分からなくて抗議していたが、実は原因はそれじゃない違反アマギフだったっぽい。（確証は得られないのであくまで推測） 違反アマギフで凍結するのは前からなので、一応納得はいった。 とはいえ、Amazon側の問題は残っているのではないか。 ■凍結までの流れアカウント凍結までの経緯を時系列でま

「Amazon.co.jp」で5月10日から、PayPay払いが可能になった。アカウントを連携しておけば、銀行口座やATMなどからチャージされた「PayPayマネー」と、特典などで残高に付与された「PayPayポイント」で決済でき、AmazonポイントとPayPayポイントの両方を獲得できる。 オンライン本人確認（eKYC）が完了したPayPayアカウントとAmazonアカウントを連携すると、モバイルアプリかデスクトップから決済時にPayPayを選べるようになる。 初回の連携は、PayPayアプリをダウンロードしたモバイル端末でのみで可能。AmazonアプリかWebブラウザから、「お支払方法を追加」画面でPayPayを選べば、アカウントが連携される。初回のみPayPayアプリでの認証が必要。 決済にPayPayマネーライトは利用できない。また、Amazonギフト券やデジタルコンテンツの購入

大いなる自分語りとはなりますが、私は「出来る人間である」→「それは大きな勘違い」を繰り返し繰り返し、もともと挫折癖のようなものがありました。 タイトルにもありますように「自分がなんてことない普通の人間である」ということを認めたら、ようやく人生がちょっとだけ上手くいくようになった。という話しです。 独立系のコンサルタントとして、一応今までの12年間は何とかご飯が食べられているので、今回はそのことについて書いてみたいと思います。 勘違いが生んだ悲しき男私の世代は、いわゆるロスト・ジェネレーションです。まさに就職氷河期でした。 同世代のみんなも就職には苦労して、私の学歴クラスに限った話ではありますが、希望業界・希望職種に就ける人間はほんの一握りでした。 就職が決まらずに、フリーターや派遣社員になる同世代も多かったです。 ただ、派遣の給料もこの時期は高かったこともあり、新卒以上の給与を貰っている人

最近、「楽天経済圏」という言葉をよく聞きます。楽天経済圏とは、代表格の「楽天市場」をはじめ、「楽天カード」「楽天銀行」「楽天モバイル」など、生活のあらゆる場面にかかわる楽天のサービス群が生む「ビジネス上のエコシステム」のこと。各サービスの利用額に応じて「楽天ポイント」をユーザーに還元することで、ユーザー側に「次も楽天のサービスを選ぼう」という動機を与え、楽天のサービス内でお金が回っていく様を「経済圏」と表現しているわけです。今や、こうしたネット上の経済圏構築は、楽天に限らず、ドコモ、au、ヤフーなどもそれぞれのサービス領域を拡大し、経済圏として楽天に伍していく姿勢を強めつつあります。 ネット経済圏に「住む」とどれほどトクか？ 楽天経済圏の住人に聞いてみた ここまではサービス提供側の目線ですが、私たち消費者にとって肝心なのは、「これらネット経済圏を積極的に利用することで、どれほどのメリットが

なぜCSSでボタンを作るのか？その前に、なぜCSSでボタンを作るのか？について少しだけ考えたいと思います。 簡単に言ってしまえば、 軽い！拡張性がある！解像度の心配がない！簡単！と言った理由ではないでしょうか？ 画像でボタンを作ることも多いと思いますが、「画像じゃないほうがいいなあ」と思うことも多いと思います。 もちろん、デザイナーから上がってきたデザインデータからボタンを切り取って、HTMLに設置して、CSSでホバーはopacity:0.8、とかやれば簡単ではありますが、デザインツールの進化やレスポンシブの一般化に伴い、そういったイケてなくて古臭いやり方はあまり望ましくないです。 特にWebの場合、テストの繰り返しが必要ですが、画像でボタンを作るとなるとテスト用にいくつもの画像を作らなくてはいけません。色やテキストを変えるとなると画像すべてを修正する必要があります。しかし、CSSボタンで

もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。 PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを落とさず横長になりがちなテーブルを表示させることができるか、いくつかtableコーディングのパターンを用意してみました。 demo Contents 縦に積むテーブルレスポンシブ横並びを縦並びにするテーブルレスポンシブ疑似要素で見出しを用意するテーブルレスポンシブcontent:attr() で見出しを表現するテーブルレスポンシブspanで見出しを表現するテーブルレスポンシブスクロールで表示させるテーブルレスポンシブ 縦に積むテーブルレスポンシブPC SP ごくごく一般的なテーブルパターンですね。 ソース上は上から順番に要素が並んでいるので、それらをb

テーブル内のthやtdに対して、CSSで横幅を指定してもうまく効かない場合の対処法をご紹介いたします。 複雑なテーブルを実装する時なんかは役立つと思います。 よくある解決法 「table-layout:fixed;」 よく紹介されている対処法は、該当のテーブルに対して「table-layout:fixed;」を指定してあげる方法です。 例えば、thだけを横幅100pxにしたい場合は、以下のように指定します。

この記事では、あまり知られていないCSSの小技20個を実例サンプルと一緒にご紹介します。 わずかなコードで実装可能なテクニックばかりで、ウェブ制作でも気軽に活用することができます。 HTMLの小技テクと一緒に活用してみてはいかがでしょう。 【HTML】知っておくと便利！短いHTMLコードで実装できる小技テク17選 そもそもCSSってなに？ CSS（Cascading Style Sheets、カスケーディング・スタイル・シート）とは、HTMLなどのマークアップ言語で書かれた文書の表示方法を記述するためのスタイルシート言語です。CSSは、HTMLやJavaScriptと並んでWebの主要な技術です。 CSSは、レイアウトや配色、フォントなど、デザインとコンテンツを分別することを目的としています。これによって、コンテンツのアクセシビリティの向上、デザインの柔軟性やコンテンツの制御しやすさ、関連

CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン 蛍光ペンのような線をひいたCSS見出しデザイン ラインを使ったCSS見出し HTML <h2 class="heading01">ラインを使ったCSS見出し</h2> CSS .heading01 { display: inline; font-size: 26px; background-image: linear-gradient(rgba(0,0,0,0) 70%, rgb(252,81,133) 70%); } 蛍光ペンで線を引いたような見出しデザインです。display: inlineで複数行にも対応させています。 2色を重ね

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちはお久しぶりです。Web標準黒帯（ヤフー内のスキル任命制度）の岡部和昌（@kzms2）と申します。 今回の記事はありがちな「たくさんの良さげなCSSのプロパティなどを羅列してひたすらまとめる」だけではなく以下の考えのもと、まとめた記事です。 岡部が「使うケースがある・覚えておくべき」と感じたオススメできる、または有用と判断したCSS 可能な限り2020年からブラウザに実装された、またはこれから実装されるCSS 比較的新しいまたはあまり使われている印象がないCSS 実際のコードや挙動、対応ブラウザを掲載 自分目線でみたコメントや使えそうな場面をできる限り丁寧に説明 つまり2020年に実装されたものを中心に、有益でオススメでき

巻き取りディスプレイスマホ｢OPPO X 2021｣に感じたコイツ生きてるっぽさ2021.03.24 20:0081,631 武者良太 手の中で動いたときの、言葉にならない感情ったらもうすごかった。ほんと、生きてる感じがして。 もっと、もっともっと、画面サイズが大きくなってほしい。でも普段は持ち歩きやすく、片手で持てるサイズであってほしい。そんな夢を見たOPPO（オッポ）が、コンセプトモデルとはいえ作ったしまったのが巻取り式ディスプレイ=ローラブルなスマホ｢OPPO X 2021｣です。 Photo: 武者良太普段はこのように大きめですが、見慣れたスタイルのスマホです。 Photo: 武者良太いざ！ と電源ボタンをダブルプッシュすると。 Photo: 武者良太内部のダブルモーターが本体を伸ばし、それに伴い画面とスマホの世界が広がっていくのです。 Photo: 武者良太6.8mm径の軸を支柱

こんにちは、ライターのギャラクシーです。写真は以前働いていた会社で「使えね～」って言われてた頃の僕です。 新入社員のみなさん、そろそろ仕事には慣れましたか？ 僕は昔から仕事が全然できなくて、バリバリと業務をこなす先輩や同僚（時には後輩）にコンプレックスを抱いて生きてきました。今回はそんな僕が、仕事できないやつだけがわかる『あるある』50選を、「ほかほかおにぎりクラブ」のメンバーと一緒に考えてみましたよ！ 『ほかほかおにぎりクラブ』とは？ オモコロ編集部と読者を直接つないでサポートできる限定コミュニティ。オモコロの活動を直接支援できるほか、会員専用コンテンツを閲覧したり、限定読者コミュニティに参加したりできます。 詳しくは→こちら 01：どんなに簡単なことも一回聞いただけだと絶対に理解できない 「AをBに移動させる」程度の指示も、「え？　え？」ってなってしまう 02：わからないことがあったら