ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your Browser Doesn't Want You to Know | Alan Norbauer https://alan.norbauer.com/articles/browser-debugging-tricks ◆高度な条件付きブレークポイント 開発者ツールの「ソース」タブにはデバッガーが用意されており、JavaScriptの任意の行にブレークポイントを設定することで実行を一時停止して変数やコールスタックの中身を確認できます。ブレークポイントを

2022年11月にChatGPTが公開され、たった1週間で100万ユーザーを超えたのをきっかけに、GoogleのBardやMicrosoftのBing AI Chatなど、大規模言語モデルを利用したチャットAIが続々とリリースされています。チャットAIを研究しているセバスティアン・ラシュカさんが、チャットAIが実用化されるまでの研究の軌跡を重要な論文24個に絞って要約しています。 Understanding Large Language Models - by Sebastian Raschka https://magazine.sebastianraschka.com/p/understanding-large-language-models ◆目次 ・主要なアーキテクチャとタスク ・スケーリングと効率性の向上 ・言語モデルを意図した方向へ誘導する ・人間のフィードバックによる強化学習(

無料＆オープンソースで使える自動化サービス「n8n」を利用して、「GIGAZINEのRSSフィードから1日1回タイトルとURLを取得し、既存のGoogle スプレッドシートに出力する」という基本的なワークフローを構築してみました。 n8n.io - a powerful workflow automation tool https://n8n.io/ GIGAZINEは以前にn8nを自サーバー上に構築しており、そのときの手順を記事化しています。n8nの導入方法を知りたい人はまず以下の記事をチェックしてください。 無料でIFTTTやZapierっぽく全自動連携できる「n8n」を自サーバー上に構築してみた - GIGAZINE まずはn8nにアクセスして「Add Workflow」をクリックします。 次に中央の＋アイコンをクリック。 「On a schedule」をクリックします。 トリガーの

総合家電メーカーのLGから、一般的なディスプレイを縦に2つ並べて表示できるアスペクト比16：18の液晶モニター「28MQ780-B」が登場しました。通常の横長モニターよりも縦方向に広く表示できるほか、ピクチャー・バイ・ピクチャー(PBP)で2つの異なるソースから得た映像を同一の画面に表示することも可能とのことで、どんなモニターなのか実際に使ってみました。 28MQ780-B | モニター | LGエレクトロニクス・ジャパン https://www.lg.com/jp/monitor/lg-28mq780-b まずは内容物の確認です。これがモニター本体とスタンド、スタンドカバー。 ACアダプターと電源コード、HDMIケーブル、電源延長ケーブル、USB Type-A to USB Type-Bケーブル、USB Type-C to USB Type-Cケーブル、六角レンチ、クイックセットアップガ

調べ物や目的のサイトにたどり着くためにGoogle検索を使用する人は多いはず。独占禁止法違反で提訴されるほど高いシェアを誇っているGoogle検索ですが、「もはやGoogle検索は不真面目で信用できないものになっている」ということを、情報や検索などに関する記事を掲載しているIT系ブログDKBが指摘しています。 Google Search Is Dying | DKB https://dkb.io/post/google-search-is-dying DKBによると、2022年2月時点で最も人気のある検索エンジンはソーシャル掲示板サイトのRedditだとのこと。ただし、Redditの検索インターフェイス自体は満足のいくものではないので、ユーザーはGoogleで「検索ワード＋reddit」というフレーズを使って検索しているそうです。 プログラマー兼エッセイストのポール・グレアム氏は、ソーシャ

引っ越しや部屋の模様替えなどで家具を入れ替えたい時など、自分の部屋のサイズを測る必要があるときに便利なアプリが「RoomScan」です。このアプリを使うと、メジャーなどの測定機器を全く使わずに、スマートフォンだけで部屋の見取り図が作れてしまいます。 Locometric http://locometric.com/ 実際にRoomScanを使って部屋をスキャンするにはどうすればいいのか、以下のムービーを見ると把握できるようになっています。 RoomScan Demo - Single Room - YouTube まずは、スキャンする部屋の名前を入力。 次に、壁に端末の背面部分をピッタリと押し当てます。「ピッ」と音がしたら、その壁面は測定が完了。 その壁とは別の壁に移動し、同じように端末を「ピッ」と音が鳴るまで押し当てて壁のスキャンを続けます。 出窓部分など、角度が90度ではない部分でも問

漢字に比べて平仮名・カタカナを幅ごと小さくデザインし、文章全体を表示させた時の統一感を重視したフォントが「刻」シリーズです。明朝体の「刻明朝フォント」とゴシック体の「刻ゴシックフォント」の2種類が用意されている「刻」シリーズは無料でダウンロードでき商用・非商用問わず自由に使用可能になっています。 フリーフォントの樹 http://freefonts.jp/ その字体が持つ雰囲気はもちろんのこと、両フォントが特徴としているのは仮名と漢字の大きさにアクセントを付けたデザイン。何行にもわたる長い文章を表示させたときに、紙面そのものが一つの模様であるような統一感のある美しさを演出するように作られています。 刻明朝体で文章を表示させるとこんな感じ。 漢字とかな文字のサイズの違いがメリハリを与えています。 一方の刻ゴシック体で同じ文章を表示させたらこんな感じ。ページ全体から受ける印象は、刻明朝体と大き

by Graham Smith PNGのtEXtチャンクとしてどのような形式のファイルでも埋め込んでしまい、リニューアルしたFlickrの無料で1TBもあるスペースを大容量ストレージのようにして扱ってしまおうというのが「Filr」です。 ricardobeat/filr · GitHub https://github.com/ricardobeat/filr 実際に使っているデモムービーがYouTubeにアップロードされており、どのように使うのかが大体分かります。 filr - YouTube 使い方は簡単、インストール後にfilrまでパスを通してから、「The App Garden on Flickr」にてAPIキーを申請して認証キーをゲット、あとは、 filr my_file1.txt my_file2.txt というような感じでアップロードしたいファイル名を列挙していくだけ。アップロ

スマートフォンとして「MEDIAS NE-202」、モバイル通信サービスとして「BIGLOBE LTE・3G(NTTドコモのXi/FOMAエリアで利用可能)」を使うことができるのが「MEDIAS for BIGLOBE LTE「ほぼスマホ」」です。本日から受付を開始しており、050で始まる電話番号を持つことができる「BIGLOBEフォン・モバイル」専用アプリを使うことで通話も可能、テザリングも10台までOKとなっています。 MEDIAS for BIGLOBE LTE:月額2,980円の「ほぼスマホ」 http://join.biglobe.ne.jp/medias/ これがスマホ本体。ベースになっているのはN-07Dとなっており、違うのはカラーリング部分。表が茶色、背面が白、というようになっています。また、ディスプレイサイズは約4.3インチのTFT液晶です。 背面はこんな感じ 「主にネッ

移動中やオフィスなどで「一瞬だけ昼寝しよう」と机の上に突っ伏したりイスの背にもたれても、居心地が悪くて中々眠れないでいるうちに時間がなくなってしまう……ということがありますが、いつでもどこでもあらゆる状況でスヤスヤ昼寝できるようにデザインされた被れる枕が「OSTRICH PILLOW」。以前クラウドファンディングサイトのKickstarterで出資を募っていたのですが、見事商品化に成功し、実際に商品が編集部に届いたので使ってみました。 STUDIO BANANA THiNGS | Fun Functional Objects http://www.studiobananathings.com/ 届いた箱には「DREAM WITH ME」の文字。 開封します。 中にはOSTRICH PILLOWと専用の袋が入っていました。 OSTRICH PILLOWはこんな感じ。真ん中には呼吸ができるよう

ウェブサイトやイラスト・ポスターなど、何かをデザインする時に重要になってくるのが、情報をいかに効果的に伝えるかということ。ウェブデザインに関する情報を集めたブログCrazy Pixelsが、そんな時に役立ちそうなインパクトのあるフォントを50以上集めています。フォントはそれぞれ無料で商用利用も可能です。 50+ Precious Free Fonts for Commercial Use | Crazy Pixels http://crazypixels.net/50-precious-free-fonts-for-commercial-use/ ◆Museo Slab:がっしりしたゴシックフォント。このフォントには12種類のスタイルがありますが、そのうち「Museo Slab 500」と「Museo Slab 500 Italic」がフリーで利用可能です。 ◆Free Font Qarm

シンプルでわかりやすいロゴマークは一見簡単に作れそうですが、企業やお店の特徴を取り入れながら他のロゴマークとの差別化を図らなければならず、その製作過程は試行錯誤の連続となっています。そんなロゴマークが出来上がっていくプロセスを公開したBreno BitencourtさんのGIFアニメーションは見ていて面白いだけでなく、これからロゴデザインを扱う人にとって非常に役立つはずです。 WIP - Biten.me http://biten.me/5440/289469/gallery/wip-bitenme ◆01．Motion Math Logo 数字と子どもたちを組み合わせたロゴマーク。 ◆02．Rivière Club Logo Rivière Clubのロゴは色味押さえることによってラグジュアリーな雰囲気に。 ◆03．UP - Plane Logo 航空学校のUPのロゴは飛行機っぽくなりま

いろいろなソフトウェアを作って配布しているRizonesoftの管理人がパートタイムでグラフィックデザインの仕事をしたときにネット上にある無料で使えるストックフォトの品質が低いことに非常に悩まされた経験を生かし、個人利用でも商用利用でもOKなロイヤリティフリーで永続的なライセンスに基づいて使用できるストックフォトを1100枚もMediafireを使って配布しています。 1100 Free Royalty-Free Images | Rizonesoft http://www.rizonesoft.com/2012/freestock/ ページの中ほどにリンクがあります。各リンクごとに画像が100枚ずつあるという感じ。 クリックすると以下のようなサイトが開きます。 ページ右上の「Image View」タブをクリックすると各画像を見ることが可能です。 ダウンロードしたい画像がある場合、サムネイ

「FatCow」というウェブホスティング会社が無料で提供しており、中身は16×16と32×32の2種類のサイズのPNG形式画像によるアイコン集となっており、その数は実に2400種類となっています。 2400 Free "Farm-Fresh Web Icons" by FatCow Web Hosting http://www.fatcow.com/free-icons これが全部のアイコン画像、ものすごい数です どのファイル名のアイコンがどのアイコン画像なのかという対応表は以下にあります。 なお、ライセンスは「Creative Commons Attribution 3.0 License」となっており、オンラインサービスや各種テンプレート、テーマ、ソフトウェアなどでの商用利用もOKとなっています。また、利用する際にはhttp://www.fatcow.com/free-iconsへのリ

FTPS・SFTP・TFTP・FTPに対応し、直接リモートのサーバ同士で転送するFXP、タブの利用、非常に柔軟な見た目のカスタマイズ、スケジューラーによる定期的な転送、ドラッグ＆ドロップによる転送、スクリプトエンジン内蔵、UPnP対応、FTPサーバ上のファイルを検索する機能、各種プロキシ対応、UTF-8文字コードOK、高速アップロードとディレクトリ移動を高速化するキャッシュ機能搭載、そして日本語表示可能で最初からローカライズ済み、USBメモリで動くポータブル版もあるという恐ろしく強力なFTPクライアントがこの「FTP Rush」です。 もともとシェアウェアだっただけのことはあり、機能的には充実を通り超えて何に使うのか分からないぐらい超多機能なのが特徴で、Windows 2000/Windows XP(32/64ビット)/Windows Server 2003(32/64ビット)/Windo

by Jesse Draper 文章を書く場面というのは意外と多く、レポートや企画書、またメールの文面などがなかなか書けず悩んでしまうこともあるのではないでしょうか。そんな人にぜひ読んでほしい、文章力を鍛えるにあたって有効な9つの方法が紹介されています。 内容は特別なテクニックではなく、これを行えば自然と文章を書く力がアップするという方法ばかり。文章の書き方のワークショップなどで学ぶのもいい方法ではありますが、それが難しい場合でも、1人でできるトレーニング法が紹介されています。 文章力アップのためのポイントは以下から。Effective Tips to Improve Writing Skills | Maypalo ◆写真に説明文をつける まずは「写真をじっくりと観察し、その写真を説明する文章を書く」というもの。写真には何が写っているのか、どこが面白いと感じたのか、その写真は光がどちらか

「記憶に残る広告は？」と聞かれると、テレビCMや紙媒体の広告、電車の車内広告や最近ではインターネットの広告などを挙げる人が多いかもしれません。 屋外広告は、その場を通りかかった人の目にしか触れないという点でテレビCMなどと比べ不利かもしれませんが、設置場所とユニークな発想の組合せ次第では、テレビCM以上に見た人の記憶に焼き付く訴求力がありそうです。クレバーで印象的な、人の記憶に残る屋外広告の数々を紹介します。 詳細は以下から。 Memorable Outdoor Advertising 真夏のロシアに現れたコカ・コーラのバス停広告。 実に涼しげで、キンキンに冷えたコーラが飲みたくなりそうです。 トマトがいっぱい詰まったバス停はハインツのトマトケチャップの広告。 ギシギシの髪（電線）をクシでとかしているように見えるRejoice（P&Gのヘアケア製品）の広告。 ヨーヨーのようなミニクーパーの

32×32ピクセルのPNG形式のアイコンが170種類詰まっており、GPLライセンスで提供されています。 ちなみにこのアイコンセットを提供している「WooThemes」は有料のWordPressテーマを作成して販売しているサイトなのですが、その過程でできあがったアイコンや最初から無料で配布するためのアイコンセットなどを時々出してきており、どれもこれも非常に高品質で実用性のあるものばかりです。 ダウンロードは以下から。 WooCons #1: 170 Free Web Icons | WooThemes Pictos: Free Tumblr Icons | WooThemes Simple & Bold Social Media Icons | WooThemes Twitter Birdie Icon | WooThemes WooFunction: 178 Amazing Web Des

ネット上には時として「こんな高品質なものが無料でよいのか？」というオドロキがありますが、まさに今回のPSDファイルはそれです。実際に使うのも良し、デザインの参考にするのも良し、非常に価値あるものとなっています。 ダウンロードは以下から。 10 Beautiful PSD Web Templates Of July 2010 For Free Download ◆その1：FreePSDTheme >> Free “Black Eve” PSD 以下の6種類で構成されています。 about.psd blog.psd contact.psd index.psd media.psd services.psd ◆その2：FreePSDTheme >> Free “PixelStudio” PSD themeforest_pixelstudio.psdが1つあり、その中に全部入っています。 ◆その3：

カリフォルニア州サンディエゴにあるウェブデザインスタジオ「CONTEMPO」はデザイナーであるChris Robinson氏が運営しており、有料のWordPress用テーマやサイトテンプレートなどを扱っていますが、それらの中にCCライセンスによって無料で使えるベクター形式の人物シルエット集「Vector People Collection」というのが配布されています。 AI形式・EPS形式・PDF形式の各形式が同梱されており、全オブジェクトはきちんとレイヤー別に分けられ、名前も付けてあり、非常に簡単に使用できるように工夫されています。 ダウンロードは以下から。 Web Design, Wordpress Themes, Site Templates & Stock Art - Contempo http://contempographicdesign.com/ 上記サイトの「Vector