【セール】Steamで800本遊んだゲーマーが、絶対ハマるとオススメする50本の名作ゲーム - ゲーマー日日新聞
最近、プライベートの友人にも「ゲーム好きなんでしょ？Steamでオススメある？」と聞かれる事が増えた。 格安でゲームが購入できて、かつゲームを遊ぶ上で優れた機能を大量に備えた、PC専用プラットフォーム「Steam」が、これだけ日本で認知されてきた事を、私は心から嬉しく思う。 私はSteamで10年ゲームを遊び、800本以上収集し、そしてブログで4年ゲームを語り続けてきた廃人だ。ことSteamのキュレーターとして、絶対の自信がある。 そして本稿では、いつ誰に「オススメは？」と聞かれても答えられるように、自分が最高だと思うSteamの名作50本を厳選し、詳細な魅力と共にご紹介しようと思う。 Steamは名作ゲームの宝庫。古今東西の何千本もの名作ゲームが眠っている中、あらゆる角度、あらゆる魅力、あらゆる可能性から選んだ50本なので、どんな読者の方でも絶対に1本は気に入ってくれる作品があると私は信
ストレッチのコツ、あるいは「実録！ 体育教師に『なにその硬さ。お婆さん？』と嘲笑されたわたくしが開脚前屈で胸をぺったり床につけられるようになるまで」 - みやきち日記
わかったー！ どんなに頑張っても体が柔らかい人ほどには柔らかくならなかったストレッチのコツが、ようやくわかったー！！ そんで昨夜は、生まれて初めて開脚前屈で胸がぺったり床につけられたよ！ 立位体前屈でも、指先だけじゃなく指の付け根までぺったり床につけられたよ！ 嬉しいよおおおおう！ コツは股関節の使い方と、下腹に腹圧をかけて「押す」動作にありました。それを教えてくれたのが、『スポーツ選手なら知っておきたい「からだ」のこと』という本です。昨日この本を買ってきてそのとおりやってみたら、いきなり「胸ぺったり」ができて驚愕したんですよ。以下、この本に載っている開脚前屈と立位体前屈のやり方を簡単に要約して書いてみます。 開脚前屈のやりかた これにはふたつのステップがあります。 股関節をストレッチしてみよう(1) (pp40-41) 座った状態で、膝をやや曲げて両脚を大きく開く。 股関節を外旋させ、ひ
「作文が書けない子」に本当に必要な訓練の話
先日、東洋経済さんでこんな記事を拝読しました。 ｢作文｣が書けない子に教えたい3つの言葉 文章を書くことは、観察し、驚きを見つけ、考えることです。これがステップ1からステップ3への手順に当てはまるのです。 （東洋経済オンライン） 正直なところ、この記事を書いた方は「作文が書けない子」のレベルをかなり高く見積もっているなあ、と感じました。 いや、文中のテクニック、文中の手法が悪い、というわけではないのです。ここに書かれていることは、それはそれで非常に有用、非常に有効なことだと思います。 「観察→深堀りと整理→考察」という思考法は、あらゆる表現、あらゆる論考で重要な手順です。 小さい頃からこの手順になじんでおくことはとても有益ですし、その際の教え方、かみ砕き方として、文中提示されているような言い方をするのも有効でしょう。そこについては何の文句もないんです。 ただ、ここでいう「作文が書けない子」
ジャズのコード進行の原理 -
前置き はじめまして, コンポーザー, DJなどをやっているArakurです. 昔は打ち込みジャズを専門で作っていたのですが, ここ最近は殆ど作る機会がなく, 知識やTipsを持て余すくらいなら同志や後進に託そうと思ったので少しずつ記事にしてみることにしました. 第1回は, 古典和声またはポピュラー和声についてある程度知っている方向けにジャズのコード進行の理論の原理的な部分について解説します(第2回が今後書かれるかはまだ分かりません). とりあえずこれを読み切ればそこいらのスタンダードの進行は最低限アナライズできるようになる, という感じの内容を目指しています. 本記事は他ジャンルの制作にあたってジャズの知識を取り入れたいというような層を主に想定しています. 僕自身体系的なジャズ・音楽理論の教育を受けたわけではなく, 知識の大半はネットや古い教則本, およびセッションなどによる実践的経験を
OpenAIは、大規模言語モデル（GPT-4）でよりよい結果を出すためのプロンプトエンジニアリング（プロンプトのノウハウ）入門テキストを同社のウェブサイトで公開している。 同テキストでは、現在同社で最高の性能を持つ大規模言語モデルGPT-4を対象に、よりよい結果を導くための6つの戦略と、それぞれを実行する際の具体的な戦術（コツ）が掲載されている。 また、「Prompt examples」のページでは、上記で紹介したものを含む多数のプロンプト例が紹介されており、すぐに利用できるようになっている。 では紹介された6つの戦略を見ていこう。 明確な指示を書く LLMは利用者の心を読むことができないので、回答が長すぎる場合は「簡潔に」、単純すぎる場合は「専門家レベルで」と明示的に依頼する必要がある。 具体的な戦術としては下記が提案されている。 ・より関連性の高い回答を得られるよう、質問は詳細に ・モ
ネットや本などで文章を読んでいても、なかなかスラスラとテンポよく読み進められなかった経験をしたことがある人も多いはず。一般的に、日常で言葉を話すスピードに比べて文章を目で追って読むスピードは遅くなってしまうというのがその原因なのですが、逆転の発想で文字を次々に表示させ、まるで話すようなテンポで文章を読み進めていけるようにする技術が「Spritz」です。 Spritz http://www.spritzinc.com/ Spritzを使い、1分あたり250ワード(250wpm)というスピードで文章を表示させてみたイメージがこちら。もとの文章に沿って文字が次々に表示されていくために、読む側は視線をまったく動かすことなく読み進めることができます。 サイト内の各ページには以下のようなアイコンが設置されており、クリックするとページ内の文章をSpritz画面で表示させることが可能になっているので、いろ
で、図説ドローツールとしては、CacooやGliffyを紹介しました。 けれども、「draw.io」というのを使ってみたら、完全に無料で利用できるうえに、日本語にも対応、さらには機能も豊富という何拍子も揃った素晴らしいドローツールだったので紹介です。 photo by David Goehring draw.ioとは draw.ioは、WEB上で無料で使えるフローチャート作成ツールです。 インストールなどは必要なく、ブラウザからログインも不要で手軽に利用することができます。 通常、こういったドローツールは、「作業シート何枚まで無料であとは有料」などというサービスも多いのですが、draw.ioは完全無料で利用することができます。 やれることが豊富このツールを利用するだけで、以下のような図を手軽に作成することができます。 チャートなんかも。 こんな回路図なんかも。 もちろんこんなフローも。 関
この一年の話（前編）｜小野マトペ
はじめまして、あるいはご無沙汰しております。小野マトペです。私は36歳のソフトウェアエンジニア男性で、昔は「ふぁぼったー」というWebサービスを趣味で開発・運営したり、その後は仕事で分散ストレージを開発したりしていました。 報道等でご存知の方も多いと思いますが、私はTwitter上の投稿が偽計業務妨害にあたるとして、2020年7月29日に警視庁に逮捕されました。 早いもので、それから一年が経過しました。報道された事件の経緯は、事実関係には間違いありません。私の軽率な投稿で多大なるご迷惑をおかけしてしまった当該店舗様、そして関係者の皆様には、お詫びの言葉もございません。 一方で、私は取調べの当初からほぼ一貫して故意を否認しています。本件において故意が存在することは刑事罰の大前提ですので、つまり無罪を主張しているということになります。 検察官から虚偽の自白を強要され、一度は略式起訴処分（公開裁
インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。
インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。 女子大生の方に「スマホで買い物する過程」を詳しく聞いてみました。インスタで妄想してからメルカリでモノを買う…？？ まず「インスタ検索」で妄想を膨らませる。 スマホをつかって「最近買ったモノ」って何かありますか？ どういう経緯で買ったのかも知りたいです。 女子大生： このまえ、海外旅行のために「ブラジリアンビキニ」っていう、露出度の低いビキニを買いました。 まず、最初にやったことは「インスタでの検索」ですね。ハッシュタグ「#ブラジリアンビキニ」で検索して、実際に着ている人の写真を見てみました。 その写真を見ながら「わたしが着ても似合うかな？」って妄想するんですよ。日本人の体型でも似合うかな、自分が着てもカワイイかなって。笑 たしかに、通販サイトにも写
Firefox使いづらいって奴は取り敢えず俺の設定パクッてみろ Tweet カテゴリ☆☆☆ 1：以下、名無しにかわりましてVIPがお送りします：2011/07/25(月) 20:22:36.36ID:Lx2L/mMp0 Firefoxについて文句言ってる奴は、だいたい的外れな批判ばっかり ググれば解決するような問題ばっかり そういう奴は一生IE使ってろって言いたいところだが、俺の超使いやすいFirefoxの設定を全部言ってくから、取り敢えず真似してみてくれ 一応書きためてる。質問には適当に答えられるときだけ答えてく 今回扱うのはFirefox5について 始める前に、取り敢えず、「Add-on Compatibility Reporter」というアドオンで、アドオン互換性チェックを切ってくれ じゃないと話が進まないから 目的：機能性・有用性・省スペース化を心がける その上で、遊び心を忘れない
外国人が「日本に長く居すぎてしまった」と実感するのはこんなとき 日本にはたくさんの外国人たちが住んでいます。彼らは自分の国と比べることができるため、日本の長所も短所もよく知り尽くしており、褒める言葉や批判を的確に表現したりします。 日本人だからこそ知らない日本の変なところや、外国人だからこそわかる日本の特徴を上手く捉えたジョークがよく彼らの間を行き来しますが、15年くらい前に日本在住のアメリカ人が作ったジョークで 日本に長くいすぎた…と実感するとき というのが出回っていました。 外国人（欧米人）の間でウケて亜流などが色々出回ったこのジョーク、日本人には不思議に思えたり、笑い所が難しいものもあるかもしれません。違う角度から日本を知ることのできる、いいジョークだと思いますので、説明を付け加えながら紹介したいと思います。 外国人が日本に長く居すぎた…と実感するとき 1. 山手線のホームで人波を左
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
なにかデザインをはじめるとき、無数にある色から配色を決定するのに頭を悩ませることもあるでしょう。この記事では、適切な配色カラーパレットを決めるのに役立つ８つの基本ルールを詳しく紹介します。 コンテンツ目次 1. 色数を制限しよう。 2. 自然からインスピレーションをもらおう。 3. 60−30−10ルールを試してみよう。 4. まずはグレースケールでデザインしよう。 5. 黒色を利用するのは避けよう。 6. 重要性を色のコントラストで表現しよう 7. 色を使ってユーザーの感情を引き出そう。 8. デザインを理解しやすくしよう。 9. ボーナス: デザイナー向け配色ツールまとめ 配色基本ルール１ 色数を制限しよう。 デザインプロジェクトに配色を適用するには、バランスが重要になります。色数が増えるほどバランスを取るのは難しくなります。配色は最高でも3色までに制限することで、よりよい結果となるで
このページの最終更新日：2019年7月4日 JavaScript。主にWebページを作るのに使われるほか、現在ではさまざまなところで活躍しているプログラミング言語です。 このページはJavaScriptの中級講座です。最新鋭ではないかもしれませんが、読み進めれば大抵のものを自分で作れるようになることでしょう。 言い訳とJavaScriptの歴史 / 問い合わせ 最近の更新2017/10/05 全ページを手直ししました。十六章第六回を追加。2017/11/9 十六章第二十一回・十六章第二十二回を追加。2017/12/2 十七章第三回・十七章第四回を追加。2017/12/3 十七章第五回・十七章第六回・十七章第七回を追加。概要コンテンツは第一篇と第二篇に分かれています。 JavaScriptは昔からWebページに動きを与えるものとして用いられてきましたが、第一篇ではそのような、昔からあるJav
Web制作に使えるWebサービスやツールなどが様々なサイトでかなり 紹介されています。便利なものですが、多すぎて混乱するので、 備忘録的にローカルサーバーに入れたWPでリンク集を作っていました。 そろそろ数が落ち着いて来たので多くの方とシェアしたいと思い、公開してみます。 現在330ありますが、追加していく可能性があります。 リンク集は全て無料で使える事を条件に集めていました。英語が苦手な方もいらっしゃいますのでTwitterサービスのまとめ同様、日本語で使い方などを説明してくれているサイトにリンクしています。無い場合は海外サイトにリンクしていますが、その場合はアメリカの国旗をつけてあります。サイトがアメリカのものかは知りませぬ。分かりゃいいんだ、分かりゃ。 無料といえどもライセンスの縛りもありますので自己責任でご利用下さい。 使えるかどうかは個人差が生じますので何とも言えませんが、お役に
ウェブページのアーカイブを記録するサービスとして長く愛されている「ウェブ魚拓」。なんと2015年でオープンから10周年を迎えたそうだ。ネットの（炎上の）歴史とともにじわじわとユーザー数を伸ばしてきた。 そもそも誰がなんのために作ったサービスなんだろう？と思っている人も多そうだが、じつは広告収益よりも課金サービスのほうが好調な、手堅くはっきりとしたニーズに支えられたネットサービスだ。 そんなウェブ魚拓のアイデアを生み出し、運営会社の創業者でもある新沼大樹さんにサービスを作ろうとした経緯や、思い出に残るネット炎上、そして知られざる新沼さんご本人のワークスタイルについて聞いた。（取材場所は宮城県内にある新沼さん宅） ※ウェブ業界きっての肉体派・新沼さんの知られざる素顔に迫った後編はこちら。 消えていく不都合な情報、「もやもやする」気持ちがきっかけ ーーウェブ魚拓ってもう10周年になるんですね。そ
デザインを語る上で重要な要素のひとつ、「フォント」。デザインを実際に手がける人だけでなく、それを見る多くの人にとってなじみ深いフォントとして、Windowsのプリインストールフォント「MS Pゴシック」は代表的なもののひとつかもしれません。 「MS Pゴシック」 「MS Pゴシック」は過去にマイナビニュースで実施した美大生の「お気に入りフォント」アンケートにも名前が挙がった実力派(?)ですが、実際に日々グラフィック/エディトリアルデザインを手がけているデザイナーの目には、この定番フォントはどう映るのでしょうか。 今回は、デザイン会社にてエディトリアルデザイン/Webのレイアウトデザインを手がけているSさんに、「MS Pゴシック」についての率直な思いを伺いました。 ――「MS Pゴシック」、デザイン業務で使うことはありますか? 私は主にエディトリアル(雑誌や書籍など)、グラフィック、Web領
やさしさゴシックはどんなフリーフォント？ フリーフォントのやさしさゴシックは、自由にダウンロードし、商用・非商用問わず使用できます。 このフリーフォントをご使用になるには、ダウンロードファイルに含まれる 「M+FONT-TESTFLIGHT」「IPAフォントライセンス」の内容を読みください。 It is requested to read and accept “IPA Font License and M+FONT” before downloading Font. ページ最下段のフォントのダウンロードボタンを押してダウンロードして下さい。 ライセンス フォントは以下のライセンスに準じます。フォント同梱のテキストをお読み下さい。 * IPAフォント (IPA_Font_License_Agreement_v1.0.txt) * M+ (LICENSE_J,LICENSE_E) Copy
こんにちは、らくかちゃです。 何のタイミングなのかはわかりませんが、最近『お金のこと』に関する記事が流行っていますね。 そういえば、わたしのフレンズもこんな記事を書いていたような気がします。うん・・・、まあね。間違ったことは書いてないし、知ってて損はないと思う。でもなんだかなー、なーんかここ最近の記事を読んでると ちーがーうーだーろー！！ って感じがするんだよね。なんだろう、ふわっとして地に足がつかない感じ。善いこと言ってるのは分かるけど、大多数の人が知りたいものと大きくズレてる感じ。数字の話を聞いていたはずなのに、あれれ、哲学かな？それとも宗教なのかな？って内容ばっかなんだよね。 『若い内からもっとお金のことについて勉強することが必要だ。学校の授業でも取り組むべきだ！』といった意見はよく耳にします。本屋さんに行って、お金に関する本のコーナーに覗くと、これでもかってほど『どうやってお金を殖
独りで学ぶ 論文検索｜学ぶ素人｜note
皆さんは「学術論文」を読んだことがあるでしょうか。 大学生や大学院生なら、自分の分野の論文は読んでいることでしょう。 情報が広く共有される現代でも、 「学術論文は専門家や研究者が読むもの」 「普通の市民は論文など読めない」 というイメージは今でもかなり強いように感じます。 私はこれを非常に「もったいない」と思っています。 実際には、「素人が専門の論文にアクセスする」ためのハードルは年々下がっているからです。 今や、素人でも「専門家が読んでいるのと同じ文献」をその気になれば読める時代になりました。 にもかかわらず「科学論文を読む素人」や「分野外の論文を読む学徒」が増えないのは、「論文の読み方」を大学以外でなかなか習えない、というのが一つの障壁になっているのかもしれません。 「論文の調べ方」「論文の読み方」に王道などありませんが、今回はあくまで私の例として、論文を探して読むためのハウツーを簡単
はじめに 今回は帰国子女でも、海外在住経験もないいわゆる「純粋ジャパニーズ」である私が、1年でTOEICスコアを540点から900点までスコアをアップできた方法の一端（今日は英語リスニング力の底上げ法）について記してみたいと思っています。 TOEIC900点は独学で達成可能である 英語は外資系企業のみで求められるわけではありません。 企業のグローバル化は加速しており、社内に外国人が増えている企業は多数あります。新卒採用を国内大学生ではなく、海外中心で行っている企業も多いですし、楽天のように社内公用語を英語と設定する企業もあります。 「使える英語」は今後ますます必要とされるでしょう。日系企業の幹部候補生はTOEIC750が必須というのが一般的です。 全般的に日本人の英語力は芳しくないと言われており、私も大学入試後は英語をサボってきたこともあってか昨年受けたTOEICは540点！これはなんとか
ウェブサイトを作成する際に個人的に使っているWebサービスを紹介します。幅広く35個紹介しますので、新しい発見があれば幸いです。 フォント関係 wordmark.it パソコンに入っているフォントを一覧で見ることができます。フォントサイズも調整できます。 日本語フォント252種類を表示確認できます！フォントを探すならfonthack.jp。 日本語フォントの表示が確認できます。現在252種類あります。 PXtoEM.com: PX to EM conversion made simple. ベースのサイズ（px）を決めると、em, pt, %の値が表示されます。 カラー関連 ウェブ配色ツール Ver2.0 配色ツールは色々ありますが、日本語ですし、あまり考えなくても感覚的に使えるので楽しいです。 Color Scheme Designer 3 カラーパレットジェネレーターです。海外サイトで
研修資料まとめ.md
研修資料まとめ.md エンジニア向け研修 CARTA HOLDINGS（旧VOYAGE GROUP） 技術広報が新卒研修<Open AIハッカソン>をスパイしてみた - (2023/04/11) @t_wadaに学ぶテスト駆動開発【CARTA 23新卒研修】 - (2023/04/19) 【新卒研修】監修者@t_wadaと読む！プログラマが知るべき97のこと読書会 - (2024/04/09) Classi 当たり前にリリースしていく ~ 新卒研修編 - (2021/05/20) リモートワークのための質問力向上研修を実施しました - (2021/12/07) CyberZ 良いコードとは何か - エンジニア新卒研修 スライド公開 - (2021/04/27) DMM.com(旧DMM.comラボ含む) ＤＭＭ.comラボ16新卒エンジニア研修 - (2016/08/24) DMM.com
はじめてのGTD - ITmedia Biz.ID
ストレスフリーの仕事術、GTD。海外のナレッジワーカーには常識になりつつあるこの仕事術、あなたはもう試してみましたか？ 今回の特集では、「GTDって何？」という人から、GTDを始めたいのだけど……という人まで、その理論と実践の方法を分かりやすく解説していきます。 →Getting Things Done（GTD）まとめページはこちら GTDとは何か？ GTDとは米国のコンサルタント、David Allenさんの著書、「Getting Things Done」のことを指します。この本で紹介されている理論が今、注目を集めているのです。さてこのGTDとはどういったものでしょうか？ 一言でいうと「ナレッジワーカーのための仕事術」です。 知識社会の仕事はますます複雑になってきています。「どこまでやったら終わりなのか」がはっきりしない上に、スピードが要求され、しかも降ってくる仕事の量は増えるばかりです
皆さんの普段使いのWebブラウザはなんですか？ ここ最近のボクはといえば、GoogleさんのChromeをメインブラウザとして使っています。Chromeも公開されているアプリや拡張機能を追加して、自分なりのブラウジング環境を作れます。そのまま使うか、拡張機能でカスタマイズするかはあなた次第です。 そんなわけで、今日は数多ある拡張機能の中からボクが選んだ入れておくと便利かもしれない拡張機能を33＋1コ集めてみました。前半は多くの人を対象に日常のブラウジング体験を快適にするもの、後半はWebサイトの開発系でちょっと役立つものといった感じでジャンル分けしてお届けします。ま、あくまでもボクが普段使ってるものベースですが…、キャプチャ中の★やユーザー数も参考に。 いくら拡張機能が便利だって言っても、入れすぎたらそれは重くなるだけですからね。適当に取捨選択して入れるなり、使う時だけオンにするなりしまし
事実に誠意を
これから書くことはほとんど、これまでも繰り返し申し上げてきたことと変わりない。が、同じ質問は繰り返し受けているので、再度申し上げる次第である。なお、海外からも同様の問い合わせが多いので本来であれば英語でも同じ内容の文章を用意すべきだが、時間の関係で割愛させてください。Chromeかなにかでそれぞれ母国語に訳してお読みいただけると幸いです。なお、本稿は特に感染症学の基礎知識やジャーゴンを知らなくても読めるように工夫はしているが、それなりに難解な内容だ。その点はご容赦いただきたい。 日本のCOVID-19報告数が諸外国に比べて非常に少ないことに内外から注目が集まっている。あれは本当なのか。検査数が少なすぎて、実際の感染者数を見誤っているのではないか、という指摘がある。 しかし、この指摘はいろいろなレイヤーにおいて間違っている。そもそも、日本はCOVID-19の全数把握を目指していない。行政検査
何でも楽しいという友人
受験勉強が楽しいという友人がいた。 「数学と現代文はパズルだし、物理や化学や生物や地学なんてさ、物体や宇宙や、物体の動きとか、そんな宇宙の根本的なところの話で普通に知ることが楽しいし、倫理なんかも人間の根本的なことだから楽しいし役立つし、しかも過去の超天才、超有名人たちのエッセンスだけピックアップして体系化して知れるんだから倫理なんてマジで超お得じゃん！現代社会とか政経なんて普通に新聞読む時とか実生活に即役立つし、歴史なんて、俺らと同じ人間の今までのビッグニュースを集めたもんだし、しかもなんせ歴史はマジで起こった事なんだぜ、楽しいよ。理科も、架空の事じゃなくてマジで今のここにある物体の仕組みの事で、リアルありまくり。全部即役に立つじゃん。楽しいじゃん。古文も、日本に文字とか文章とかの文化が生まれてから今までの超有名作がピックアップされててマジ便利。楽しい。漢文もそうだよ。だから勉強って超楽
日本生まれのクラウドノート「KYBER」がすごい理由 (1/3)
オーリッドという日本のIT企業が注目を集めている。売上高は40億円規模。法人向けWebサービスを提供していたが、昨年から個人向けサービス「KYBER」を開始した。16日に発売した「KYBER Smartnote」（写真、3冊1500円）は、そのサービスの目玉だ。 見た目はごく普通のノート。メモをしたり、議事録をとったり、普通のノートとして使える。ノートをiPhone付属のカメラで撮影し、KYBERのWebサイトにアップロードすると、画像のデータがクラウドサーバー上で管理される（Androidには10月対応予定）。そこまではこれまでのクラウドサービスにもあったもの。「Evernote」を思い浮かべる人もいるだろう。 だが、話はここからだ。 しばらくすると、手書きのメモが文字データになって送られてくる。いわゆるOCR（画像からの文字起こし）だが、その精度は異様に高い。ほぼ完璧だ。納品までも最速
プリントアウトした方が間違いに気づきやすいワケ - A Successful Failure
2012年09月24日 プリントアウトした方が間違いに気づきやすいワケ Tweet もう随分前の話になるが、モニタ上で見るよりも、紙で確認したほうが間違いに気づきやすいのはなぜかという議論が盛り上がった。 どうして紙にプリントアウトした方が圧倒的に間違いに気付きやすいのか なぜ｢画面｣より｢紙｣のほうが間違いに気づきやすいのか? 考えうる理由についてはおおよそ挙げられているようだ。既出の論点の中では、身体性に関する指摘が重要であるように思われる。身体性とは、認知科学において近年注目されている概念で、身体という物理的存在が周囲の環境とインタラクションすることによって、学習や知識構築を行うことを指す。物理的な紙にプリントアウトされた情報を読むときには、本を持つ、ページをめくる、文字をなぞるなどの物理的なインタラクションを行なっており、ページの厚みや重さといった電子情報には無い要素が間違い発見の
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン 読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考える ウェブデザインでこれは気をつけたいの35のポイント デザインQRコードの作り方 非デザイナーのための
JavaScript初級者から中級者になろう
JavaScript。「ジャヴァスクリプト」と読みます。主にWebページに動きを与えるものです。 現在では結構多くのページに使われていますが、その多くはとてもレベルが低く不適切なものです。もっと質の高いJavaScriptを使える人が増えるといいなという思いから、このページを作りました。 初級者の基礎知識 本文を理解するにはJavaScriptの知識がそれなりに要るので、JavaScriptがそもそもあまり分からない人は、この辺を読んでみましょう。 基礎第一回 基礎第二回 基礎第三回 基礎第四回 基礎第五回 基礎第六回 第一章 オブジェクト オブジェクトとは オブジェクトの実体 配列のコピー オブジェクトと関数 第二章 DOMの基礎 HTMLと木構造 DOMとは 基本的な操作とテキストノード 木構造の操作：ノードの除去 木構造の操作：ノードの追加 木構造の操作：さまざまな機能 木構造の操作
【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
もう時効だと思うし、この話をこれ以上胸に秘めておきたくないので書いておく。 おっぱいが大きくて悩んでる皆様、そして会社員を辞めて好きなことをしたい皆様に贈ります。 追記 2018年11月21日、書籍化しました。 2011年の7月、私は渋谷のITベンチャー企業をやめてポールダンサーになった。 辞めたいことを伝えた6月上旬、上司との面接で「どうして辞めたいの？」と聞かれて、「ポールダンスに専念したいので辞めます！」と言った。上司は困り顔と笑い顔の中間みたいな顔をしてた。そりゃそうだ、入社からまだ半年しか経ってない。 確かに、私はそれまで趣味で1年半ほどやっていたポールダンスをもっと頑張りたい！と思っていた。折しも311、東日本大震災の直後。自分が受け持っていたウェブマガジンやSNSの運用と言った仕事は、地震の直後にあっという間に中止や延期になり、会社の中での自分の存在意義を危うく思った。命の儚
泣けるほど簡単！おしゃれなサイトができるWEBサービス１０選
作成：2012/12/25 更新：2014/11/01 Webサービス > ちょこちょこっと触っただけで、プロっぽいサイトが無料で作れる 今回はブログじゃないサイトをドラッグ＆ドロップで簡単に作成出来る2012年までに話題となったサービスを用途ごとにまとめました。 使い方をどこよりも詳しく解説してあるサイトのURLもつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ １．まとめサイトを作る ２．ネットショップを作る ３．ホームページを作る ４．ポートフォリオサイトを作る ５．おしゃれなECサイトを作る ６．全部入り企業サイトを作る ７．コーポレートサイトを作る ８．レスポンシブ対応サイトを作る ９．HTML5サイトを作る １０．ビジネス用無料WordPressテーマ - レスポンシブ対応 １１．デザイナー向けポートフォリオページ １２．ブートストラッ
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1．テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V（Macだとcommand + shift + V）」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2．最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T（Macだとcommand+shift+T）」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景
この1週間はGPT-3のユースケースの広さに驚かされる毎日でした． シリコンバレーでは話題騒然ですが日本ではほとんど話題になっていないので，勢いで書くことにしました． GPT-3はOpenAIが開発した言語生成モデルです．名前の由来であるGenerative Pretrained Transformerの通り，自然言語処理で広く使われるTransformerモデルを言語生成タスクで事前学習しています． 先月申請すれば誰でもGPT-3を利用できるOpenAI APIが発表され，様々な業種の開発者によって驚くべきデモンストレーションがいくつも公開されています． 特に話し言葉からJSXやReactのコードを生成するデモは著名なベンチャーキャピタルから注目を集め，誇大広告気味だと警鐘を鳴らす事態に発展しています． This is mind blowing. With GPT-3, I built
JavaScript チュートリアル 初級編 JavaScript の基礎 JavaScript の第一歩 JavaScript の構成要素 JavaScript オブジェクト入門 JavaScript ガイド 入門編 文法とデータ型 制御フローとエラー処理 ループとイテレーター 関数 式と演算子 数と日付 テキスト処理 正規表現 インデックス付きコレクション キー付きコレクション オブジェクトを利用する Using classes プロミスの使用 JavaScript 型付き配列 イテレーターとジェネレーター メタプログラミング JavaScript モジュール 中級編 クライアントサイド JavaScript フレームワーク クライアントサイド Web API Language overview JavaScript のデータ構造 等値比較と同一性 プロパティの列挙可能性と所有権 クロ
最近スマートフォンサイトの案件が増えてきました。そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。…最近スマートフォンサイトの案件が増えてきました。 そこで、個人的によく使いそうなコードをEvernoteにまとめたりしていたのですが、 まだまだスマフォサイト構築のノウハウ記事も少ないですし、共有しておこうと思います。 すべてのデモ（chromeなどのwebkit系ブラウザまたはスマートフォン実機でご覧ください） download ヘッダーの右にメニュー <h3>ヘッダーの右にメニュー</h3> <!--ヘッダーの右にメニュー--> <header class="header1"> <h1><a href="#"><img src="title.png" alt="SIT
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これは嬉しい ChatGPTプロンプト書き方のコツ、OpenAIが公開
単語が目に飛び込んできてすごい速度で文章を読めるようになる「Spritz」
無料で説明図を作るならドローツール「draw.io」に敵うものはないかも
Firefox使いづらいって奴は取り敢えず俺の設定パクッてみろ:ハムスター速報
らばQ : 外国人が「日本に長く居すぎてしまった」と実感するのはこんなとき
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
プロに学ぶ、一生役立つ配色の基本ルール8個まとめ【保存版】
JavaScript初級者から中級者になろう — uhyohyo.net
【全部無料】 Web制作に役立つオンラインサービスやツール300+ - かちびと.net
炎上の歴史とともに10周年、あの「ウェブ魚拓」創業者に会ってきた | HRナビ by リクルート
デザイナーはなぜMS Pゴシックを使わないのか? - エディトリアルデザイナーに聞いてみた
やさしさゴシックのフォントダウンロード | フォントな、情報。オープンソースの安心フリーフォントのダウンロード
普通の人がお金のことについて勉強しておくべきこと - ゆとりずむ
【留学なしの完全独学】TOEICスコア900点を獲得するリスニング強化法
ウェブサイト作成に役立つ35のwebサービス｜Webpark
便利な人には便利なChromeの拡張機能 33＋1コ | gaspanik weblog
2010年度版・とても参考になった国内のWeb制作関連エントリーまとめ - かちびと.net
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
おっぱいが大きかったので会社員を辞めてポールダンサーになった話 - 今夜、どこで寝る
米Google社員が語った、作業が捗るGoogle Chromeテクニック20個！ – 和洋風KAI
PCサイトのUIデザインにおける12のトレンド | ベイジの社長ブログ
GPT-3の衝撃 - ディープラーニングブログ
JavaScript 言語概要 - JavaScript | MDN
スマフォサイトでよく見るパーツのコードサンプル集 | 07design.blog