並び順

ブックマーク数

期間指定

  • から
  • まで

81 - 120 件 / 2514件

新着順 人気順

JPEGの検索結果81 - 120 件 / 2514件

  • 本当に求めてるのはピクセルパーフェクトという「要件」ですか?|榊原昌彦

    個人的な観測範囲によると、定期的にTwitterで議論になる三大Web制作話題は ・ マサカリ ・ jQuery ・ ピクセルパーフェクト なのですが、今年もまたこのシーズンがやってきました!2020年9月20日に話題になったピクセルパーフェクトのツイートは以下にまとめられています。 そもそもピクセルパーフェクトとは何かをみてみたいと思います。 ピクセルパーフェクトとは簡単にいってしまうと、デザインカンプを1pxのズレもなく完璧に再現することです。まぁ、簡単か難しいかといえば、1枚の絵をそのまま再現すると開き直ると慣れればそんなに難しくありません。Bodyのbackground-imageにデザインカンプを設定してその上にパーツを配置していけばいいだけなので。ChromeにPerfectPixelというアドオンを入れるだけでも十分です。 では、どうしてピクセルパーフェクトはこれだけ議論にな

      本当に求めてるのはピクセルパーフェクトという「要件」ですか?|榊原昌彦
    • 2020年に作ったソフトウェアや開発技術をふりかえる - laiso

      概要 よくある年末っぽい日記の記事です。 だいだいこれどうりのバランスでソースコードも書いてる 言語はなんでもいい時はNode.jsで書く。移植性が高いので。複数人でメンテしそうな時はTypeScriptを採用し、プライベートの時は型を完全に無視する PHPはほぼLaravel。ビジネスのみの関係 Swiftはそんなに書いた記憶がないけどアプリのメンテをしてたと思う Vueも仕事で使っていたけど最近はReactに傾いてる Objective-Cは書いてない グラフに含まれてない部分だとAndroidアプリでKotlinを使って、データ分析でPythonを書いた このグラフは GitHub Profile Summary Cards っていう便利ツールを使わせてもらって自動生成している。 記録方法 コードを書く時はおもむろに ~/tmp 以下にディレクトリ掘ってIDEを開きはじめるので実質そ

        2020年に作ったソフトウェアや開発技術をふりかえる - laiso
      • オンラインで実施された高校生向けテストの提出にiPhoneを使用した生徒が不合格に、生徒たちは集団訴訟へ

        新型コロナウイルス感染症(COVID-19)対策のために、筆記問題の回答を撮影し画像ファイルで提出する方法で実施された試験で、主催者側がiPhoneの画像ファイルを受け取れず受験生が不合格になる問題が発生しました。この問題は、iPhoneで撮影した画像ファイルの形式が主催者側が求めたファイル形式とは異なったことが原因でしたが、これに納得できない受験者らは総額5億ドル(約537億円)規模の集団訴訟に踏み切りました。 College Board Hit With A Class-Action Lawsuit After Online AP Testing Snafus | Colorado Public Radio https://www.cpr.org/2020/05/21/college-board-hit-with-a-class-action-lawsuit-after-online-

          オンラインで実施された高校生向けテストの提出にiPhoneを使用した生徒が不合格に、生徒たちは集団訴訟へ
        • gihyo.jp編集部におけるMarkdown記法 | gihyo.jp

          本稿では、gihyo.jp編集部で利用しているMarkdownファイルの記述方法を主に解説します。 注意:gihyo.jp編集部内でのみ採用しているMarkdownの書き方をまとめた文書を、記事の体裁を取って公開したものです。なお、記事公開後に記述方法を追加・変更する可能性もあります。 Markdownとは? はじめに、筆者の把握している範囲でMarkdownについて概説しておきます。 近年は一般向けのウェブサービスやテキストエディタでも利用されてきているMarkdown。端的に言えば、テキストファイル上で文書を書くための構文です。文書の読みやすさに焦点を当てており、Markdown形式のテキストファイル(=Markdownファイル)をそのまま見れば文書とその構造が理解できるように、Markdown特有の編集記号や字下げを用いて表現します。また、MarkdownファイルをHTMLファイルに

            gihyo.jp編集部におけるMarkdown記法 | gihyo.jp
          • サイトの表示高速化につながる18のこと | knowledge / baigie

            ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高

              サイトの表示高速化につながる18のこと | knowledge / baigie
            • DJI Osmo Pocket 3を購入したので鎌倉を撮影しながら1周してきました - はらですぎ

              DJI Pocket 2の発売から約3年。 多くのユーザーから待望されていたPocketシリーズの新型機「DJI Osmo Pocket 3」がようやく発売されました。 サイズの大型化と高価格化に発表直後は購入をためらいましたが、YouTubeにアップされた事前に提供された方々の動画を見て「これは買いだ!」と思いAmazonでポチりました。 DJI vlogカメラ Osmo Pocket 3 1インチ CMOS 4K 120fps 動画対応 Vlog用カメラ 3軸スタビライザー ジンバルカメラ アクションカメラ 高速フォーカス 顔 被写体トラッキング 回転式2インチ タッチスクリーン DJI Amazon 開封・設定 専用アプリのDJI MImoはGoogle Play ストアでダウンロードできない アクティベート完了 試し撮りに出かける 鎌倉を1周する 大仏ハイキングコース 歴代Pock

                DJI Osmo Pocket 3を購入したので鎌倉を撮影しながら1周してきました - はらですぎ
              • 「人文知」軽視の政権は失敗する 藤原辰史さん寄稿:朝日新聞デジタル

                ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                  「人文知」軽視の政権は失敗する 藤原辰史さん寄稿:朝日新聞デジタル
                • Web Speed Hackathon 2021 miniでほぼ満点を出しました

                  gzip圧縮だとあまり圧縮できていなく、スライディングウィンドウが小さいせいかなと思ったのですが、実際に大きさがかなり違うみたいなので、それが原因としてありえそうです。 Gzip uses a fixed size, 32KB window, and Brotli can use any window size from 1KB to 16MB, in powers of 2 (minus 16 bytes). This means that the Brotli window can be up to 512 times larger window than the deflate window. Results of experimenting with Brotli for dynamic web content - The Cloudflare Blog AudioContextの

                    Web Speed Hackathon 2021 miniでほぼ満点を出しました
                  • 「スマホでのコンテンツ視聴に占める広告の比率調査」を実施

                    「スマホでのコンテンツ視聴に占める広告の比率調査」を実施主要Webサイトのデータ転送量、平均4割は広告 株式会社角川アスキー総合研究所(本社:東京都文京区 代表取締役社長:加瀬典子)は11月4日、「スマホでのコンテンツ視聴に占める広告の比率調査」および「ブラウザーアプリによるWeb表示速度の調査」を実施し、その結果を取りまとめましたので、お知らせいたします。 新型コロナウイルス感染症流行の影響による外出自粛などによって、国内のインターネットのデータ転送量は、月によっては例年より約5割増加しました(米アカマイ・テクノロジーズ調べ、2020年4月)。インターネットのデータ転送量には、コンテンツのデータだけでなく広告のデータも含まれ、その広告データの通信料金も、ユーザーが負担していることになります。そこで今回、Webをスマートフォンから利用する際のデータ転送量のうち、広告データがどの程度の比率を

                      「スマホでのコンテンツ視聴に占める広告の比率調査」を実施
                    • 【翻訳版】Web3についての私の第一印象

                      こんにちは、石ころです。 メッセージングアプリSignalの創業者であるMoxie Marlinspikesさんが書かれたMy first impressions of web3という記事(2022年1月に書かれたもの)が示唆に富む内容だったので翻訳版を紹介します。 Moxieさんの記事書いたよという元ツイートは3万いいねがつき、イーサリアム創設者のヴィタリック・ブテリンや、イーロン・マスクもリプをし、良い意味で物議をかもしたようです。 個人的にも今年読んだWeb3関連の記事で一番面白いと感じました。 翻訳はDeepLをベースに各種改変しています。 私は自分を暗号学者だと思っているにもかかわらず、"Crypto "には特に惹かれていない自分がいます。実際に「私の芝生から出て行け」と言ったことはないと思いますが、新しいNFTの情報よりも、「crypto」が「暗号学」を意味していたというPep

                        【翻訳版】Web3についての私の第一印象
                      • 安倍政権の継承「しない方がいい」57% 朝日世論調査:朝日新聞デジタル

                        ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                          安倍政権の継承「しない方がいい」57% 朝日世論調査:朝日新聞デジタル
                        • ウェブブラウザ・Braveが非難されまくっているGoogleの「Web Environment Integrity」を無効化してリリースすることを発表

                          Googleが「健全なインターネット」のために策定を進めている「Web Environment Integrity(WEI)」に対して反対を表明している、ウェブブラウザ・Braveが、WEIを無効化する方針であることを明らかにしました。 Disables WebEnvironmentIntegrity feature and origin trials. by mkarolin · Pull Request #19476 · brave/brave-core · GitHub https://github.com/brave/brave-core/pull/19476 Google’s Plan To DRM The Web Goes Against Everything Google Once Stood For | Techdirt https://www.techdirt.com/2

                            ウェブブラウザ・Braveが非難されまくっているGoogleの「Web Environment Integrity」を無効化してリリースすることを発表
                          • アウトドア般若心経が楽しめるWebアプリをリリースしました - Roll With IT

                            はじめに サービス URL GitHub リポジトリ 対象読者 自己紹介 アウトドア般若心経とは ポケモンGO の般若心経バージョン サービス開発のきっかけ サービスの概要 使い方 1. Google アカウントでログイン 2. 般若心経の全文を一覧で管理 3. 写経した写真を取り込む 4. 取り込んだ写真をトリミング 5. 写真の登録 6. 保存した内容の確認 7. メモの登録 8. 全体地図の確認 9. マイページ 技術スタック 技術選定の理由 アーキテクチャ ディレクトリ構成 開発方針とこだわり Getting Real UI / UX レスポンシブデザイン パフォーマンス ロゴ 機能面 コスト面 プロモーション オリジナルグッズ製作 アカウントを開設 ドッグフーディング 旅ログ 開発中に苦労したこと Google ログイン認証 外部ストレージサービスの設定 E2E テスト E2E

                              アウトドア般若心経が楽しめるWebアプリをリリースしました - Roll With IT
                            • TabFS

                              Going through the files inside a tab's folder. For example, the url.txt, text.txt, and title.txt files tell me those live properties of this tab (Read more up-to-date documentation for all of TabFS's files here.) This gives you a ton of power, because now you can apply all the existing tools on your computer that already know how to deal with files -- terminal commands, scripting languages, point-

                                TabFS
                              • 画像生成AIで動作含めアニメの中割り画像を作る方法を発見したので、その方法を実行するWebサービスを作りましたわ(ゆいもっぷ動画付き)(皆様にもお使い頂けますわ) - Qiita

                                画像生成AIで動作含めアニメの中割り画像を作る方法を発見したので、その方法を実行するWebサービスを作りましたわ(ゆいもっぷ動画付き)(皆様にもお使い頂けますわ) (2023/01/01 01:17:NovelAIの使用モデルについて追記しました) (2023/02/10 09:59: 次回作ができました!(9fps化) https://ao-love-yuimop.hatenablog.com/entry/2023/02/10/094800 ) (2023/04/09: さらに次回作ができました。(ゆいもっぷ/ユメヲカケル アニメPV)) 画像生成AIのNovelAIやSmoothGraphic等を使って ゆいもっぷ ちゃん(20)の激カワな歌にアニメPVをつけました(ファンアニメ)🏖 SmoothGraphic Copyright(C)2013-2017 チラ裏エリア Full: h

                                  画像生成AIで動作含めアニメの中割り画像を作る方法を発見したので、その方法を実行するWebサービスを作りましたわ(ゆいもっぷ動画付き)(皆様にもお使い頂けますわ) - Qiita
                                • 「BMP」や「PCX」など忘れ去られた画像ファイル形式10選

                                  画像ファイルには多様な形式が存在し、「JPG」「PNG」「GIF」といった見慣れた形式加えて「WebP」「AVIF」「HEIF」といった2010年代に登場した新しい形式もあります。そんな中、テクノロジー関連ライターのアーニー・スミス氏は「忘れ去られた10種類の画像ファイル形式」について解説しています。 10 Image File Formats That Didn’t Make It https://tedium.co/2021/11/10/10-forgotten-image-formats/ ◆01:North American Presentation Level Protocol Syntax(NAPLPS) NAPLPSはグラフィックイメージを素早く伝送する方法を構築する取り組みの一環として開発された画像ファイル形式で、カナダの放送業界を中心に1980年代から利用され始めました。

                                    「BMP」や「PCX」など忘れ去られた画像ファイル形式10選
                                  • awslim - Goで実装された高速なAWS CLIの代替品を作った - 酒日記 はてな支店

                                    最初に3行でまとめ AWS CLIは便利です。しかし起動が遅いので、Goで実装された高速な(ただし機能は少ない)代替品を作りました。awslim といいます リリースバイナリは無駄に大きいので、必要な機能だけを組み込んだビルドを簡単にできるようにしてあります。ビルドして使うのがお勧めです どうぞご利用下さい github.com 以下はこれに至るまでの経緯とか、実装や使い方の話とかです。長いです。 作成の経緯 AWSの各種サービスにアクセスするための AWS CLI は、スクリプトやコマンドラインから処理を自動化するために大変便利なツールです。AWSでサーバーサイドの開発、運用している人であれば、ほぼ全員がお世話になっているんじゃないかと思います。 しかし、AWS CLI (コマンド名aws) には「起動が重い」という問題があるなとずっと思っていました。具体的には、aws --versio

                                      awslim - Goで実装された高速なAWS CLIの代替品を作った - 酒日記 はてな支店
                                    • ChatGPT「Code Interpreter」とは?何ができる?データ分析能力が飛躍的向上のワケ

                                      Code Interpreterとは? 何ができる? 年平均35%以上で成長し、2030年には1,093億ドルに達すると予想される生成AI市場。ChatGPTを展開するOpenAIが主導権を握っていると思われるが、Bardを擁するグーグルのほか、AlphaGoの技術を活用したチャットボットGeminiを開発するディープマインド、ChatGPTよりも強い記憶力を売りとするClaude2をリリースしたAnthropicなど、競合がひしめきあい、競争が激しい市場となっている。 生成AIトレンドの火付け役となったOpenAIは優位性を維持するために、ChatGPTのプラグインを拡充するなどさまざまな施策を展開中だ。ChatGPTにおける直近のアップデートで特に注目されているのが「Code Interpreter」のリリースだろう。 Code Interpreterの存在が明らかにされたのは3月23

                                        ChatGPT「Code Interpreter」とは?何ができる?データ分析能力が飛躍的向上のワケ
                                      • ヨレヨレの子猫 再追記

                                        年末になって、この記事のことを思い出しまして、はてなーのみんなにすごく勇気づけてもらったなと。 https://anond.hatelabo.jp/20200714085320 その後のことを一応ネットの海に放流して、感謝の印としたくなりました。 といっても特に何か起こるでもなく、ヨレヨレの子猫はその後順調に回復&amp;成長し、めちゃくちゃデカくなり、甘えん坊と化しました。 俺の後をついて回るし、飯食ってると見守ってくれるし、夜は毎晩一緒に寝てくれます。 惚気です。 いままでこいつ無しでどうやって生きてたのか思いだせません。 拾った日と、拾ってから1ヶ月くらいの日と、最近の画像を晒しておきます。 http://get.secret.jp/pt/file/1609034079.png http://get.secret.jp/pt/file/1609034105.png http://ge

                                          ヨレヨレの子猫 再追記
                                        • Intelの新型CPU「Core i9-10900K,Core i7-10700,Core i5-10600K」レビュー。Comet Lake-Sのゲーム性能はRyzen 3000を超えたのか?

                                          Comet Lake-Sのゲーム性能はRyzen 3000を超えたのか? Core i9-10900K Core i7-10700 Core i5-10600K Text by 米田 聡 2020年5月20日,Intelが「世界最強のゲーム用CPU」と謳うデスクトップPC向けの第10世代Coreプロセッサ(開発コードネーム:Comet Lake-S)が発売となった。上位モデルであるCore i9シリーズでは,Intel製のデスクトップPC向けCPUとしては初めて,10コア20スレッドに対応。それに加えて,CPUの発熱状況に応じて最大クロックを引き上げる機能「Thermal Velocity Boost」の実装により,最大クロックも5.3GHzに達するという強烈な仕様が特徴だ(関連記事)。 Core i9-10900K メーカー:Intel 実勢価格:7万2000円前後(税込,※2020年5

                                            Intelの新型CPU「Core i9-10900K,Core i7-10700,Core i5-10600K」レビュー。Comet Lake-Sのゲーム性能はRyzen 3000を超えたのか?
                                          • 「Ryzen 9 3900X」「Ryzen 7 3700X」レビュー。期待のZen 2は競合に迫るゲーム性能を有し,マルチコア性能では圧倒する

                                            「Ryzen 9 3900X」「Ryzen 7 3700X」レビュー。期待のZen 2は競合に迫るゲーム性能を有し,マルチコア性能では圧倒する ライター:米田 聡 2019年7月7日19:00,多くのゲーマーが注目しているであろうAMDの新型CPUである第3世代Ryzenこと,「Ryzen Desktop 3000」(以下,Ryzen 3000)シリーズが発売となった。 2018年に登場した現行の第2世代Ryzenは,第1世代の「Zen」アーキテクチャを最適化したうえで,自動クロックアップ機能「Precision Boost」に大幅な改良を加えた「Precision Boost 2」を導入する「Zen+」アーキテクチャとして,性能の向上を図った製品だった。 それに対して今回登場した第3世代Ryzenは,アーキテクチャに大きな改良を加えた「Zen2」アーキテクチャを採用する製品だ。Ryzen

                                              「Ryzen 9 3900X」「Ryzen 7 3700X」レビュー。期待のZen 2は競合に迫るゲーム性能を有し,マルチコア性能では圧倒する
                                            • TweeterBreakingNews-ツイッ速!

                                              松本の娘がコメント「父親のことを、私は今も昔も父親とは思えません」 1: それでも動く名無し 2024/01/13(土) 09:35:18.86 ID:pG9EHOYzd 父親である麻原について 「父親のことを、私は今も昔も父親とは思えません。私が生まれた時、父は既に教祖であり、『グル』 […] 2024-01-13 82時間の残業で脳幹出血で死亡。労災へ。NECグループ 1: 名無しさん@涙目です。(愛知県) [HK] 2024/01/31(水) 20:03:46.31 ID:rIByfcLA0● BE:896590257-PLT(21003) sssp://img.5ch.net/ic […] 2024-01-31 【悲報】寿司屋で炎上港区女子、諸々バレる 1: それでも動く名無し 2024/01/21(日) 21:20:14.70 ID:JtTkvtvQ0 https://i.img

                                                TweeterBreakingNews-ツイッ速!
                                              • ChatGPTなどの対話型AIは「正解を探す検索エンジン」ではなく「単語の計算機」と考えるべきだという指摘

                                                近年はOpenAIが開発した「ChatGPT」やGoogleの「Bard」など、高性能な対話型AIが登場して注目を集めています。これらの言語モデルを用いたAIについて、「質問したら何でも答えてくれる検索エンジンのようなもの」と考えている人も多いかもしれませんが、ソフトウェア開発者でブロガーのSimon Willison氏が、「言語モデルを用いた対話型AIは検索エンジンではなく『単語の計算機』と考えた方がいい」と述べています。 Think of language models like ChatGPT as a “calculator for words” https://simonwillison.net/2023/Apr/2/calculator-for-words/ 多くの人々はChatGPTなどの対話型AIにさまざまな質問をして、その答えがどれほど正確なのか、あるいはデタラメなものな

                                                  ChatGPTなどの対話型AIは「正解を探す検索エンジン」ではなく「単語の計算機」と考えるべきだという指摘
                                                • ラブライブ!のポスター批判したら… 虚偽申請で凍結:朝日新聞デジタル

                                                  ","naka5":"<!-- BFF501 PC記事下(中⑤企画)パーツ=1541 -->","naka6":"<!-- BFF486 PC記事下(中⑥デジ編)パーツ=8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下(中⑥デジ編)パーツ=8826 -->","adcreative72":"<!-- BFF920 広告枠)ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag PC誘導枠5行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

                                                    ラブライブ!のポスター批判したら… 虚偽申請で凍結:朝日新聞デジタル
                                                  • これがフロントエンドで話題になった記事! ICS MEDIAの2022年 - ICS MEDIA

                                                    ICSはフロントエンドを専門とするウェブ制作会社ですが、オウンドメディアとして技術情報発信サイトを運用しています。このサイトは開設から9年目をむかえましたが、今年は「国内のウェブ水準を前進させる記事を。話題のテーマも、他のサイトでは読めないニッチな技術も」をテーマとしてやってきました。そんなICS MEDIAにとっての2022年を、あらゆる数値を使って多角的にレポートします。 今年はどの記事がもっとも読まれたのでしょうか? 今年執筆した記事で上位10記事をピックアップしました。 1位 : Vue 3 2022年の最新標準!Vue 3の新しい開発体験に触れよう 24,500PV Vue 3(開発コード:ワンピース)がリリースされたのは2020年9月。Vue 3のリリース以降は周辺ツールも進化しました。Vue 2の構成よりVue 3周辺ツールは型安全になったことが特徴です。ICSではVue 3

                                                      これがフロントエンドで話題になった記事! ICS MEDIAの2022年 - ICS MEDIA
                                                    • 【Streamlitよりいいかも?】機械学習系のデモアプリ作成に最適!Gradio解説 - 学習する天然ニューラルネット

                                                      はじめに Streamlit vs Gradio Gradioの設計思想 Interface 入出力に応じたUI Interface String Shortcut 入力データのサンプルのセット ドキュメンテーション テーマの変更 タイムアウトへの対処 中級者への第一歩、デモを作る際に知っておきたい処理 Gradioが担当する前処理について プログレスバー もろもろの出力結果を保存するには? 認証認可(というか認可) その他、解説しないが需要の有りそうなもの まとめ 追記 : 動画になりました。 はじめに 機械学習系のデモアプリを作成することがしばしばありStreamlitを使用していたが、パラメーターなどをいじるたびに処理が最初から走るなどといった挙動に悩まされていた。 同僚がGradioというのを使っていたのでサーベイがてらメモしていたらブログが出来上がってしまった。 本ブログでは、G

                                                        【Streamlitよりいいかも?】機械学習系のデモアプリ作成に最適!Gradio解説 - 学習する天然ニューラルネット
                                                      • 次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA

                                                        WebP(ウェッピー)という画像形式をご存知でしょうか? 長い間、webの静止画は大部分がJPEG/GIF/PNGのいずれかでした。WebPはこのすべてを置き換えることができる次世代のフォーマットです。2020年9月リリースのiOS 14がWebPをサポートしたことで、主要なモダンブラウザーの足並みがようやく揃いました。 この記事では、新しい技術の恩恵を最大限に受けつつ、変わり続ける画像形式に対応していくための最適解を探ります。 ※ この記事の初版は2020年10月の公開ですが、各ブラウザーの対応状況等は2022年11月に最新の内容に更新しています。 SafariがWebPをサポート。フォーマット戦争ついに終結か? 2020年現在、webで主流の画像形式はJPEG/GIF/PNGの3つでしょう。 2006年リリースのIE7で透過PNGがサポートされたことで、静止画に関しては「写真のJPEG

                                                          次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA
                                                        • 無料で利用できるオープンソースの世界地図フォーマット「Protomaps」

                                                          クラウドストレージ上に静的なファイルとして配置できるオープンソースの世界地図フォーマットが「Protomaps」です。Protomapsは特別なサーバー実装なしにタイルデータを配信することが可能で、オープンデータソースのOpenStreetMapをベースマップとしているので、完全無料で導入できます。 Protomaps | A free and open source map of the world https://protomaps.com/ Protomaps Documentation | Protomaps Docs https://docs.protomaps.com/ Protomapsは主に、「PMTiles型式」「ベースマップ」「PMTilesファイルを作成・提供・操作するためのツールとライブラリのエコシステム」の3つで構成されています。 PMTiles型式はZ/X/Y座

                                                            無料で利用できるオープンソースの世界地図フォーマット「Protomaps」
                                                          • とほほのWWW入門

                                                            はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基本編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (

                                                            • YouTubeで動画配信のはじめ方マニュアル【操作方法・スクリーンショット付き】

                                                              YouTubeで動画配信のはじめ方マニュアル【操作方法・スクリーンショット付き】 Publish2021/02/16(火) 今回は、動画を活用したWeb運用を行う場合に必要になるであろうYouTubeでの動画配信をはじめる方法を紹介しようと思います。 ふにすでも2021年の1月から動画配信をはじめて、動画の更新にだいぶなれてきたので、ある程度効率のいい方法が紹介できるかと思います。 アカウントの作成 まずは、YouTubeをはじめるにあたってYouTubeのアカウントを持っておく必要があります。 YouTubeのアカウントはGoogleアカウントに紐付いているので、Googleアカウントを持っていれば作成はできます。 ただ、普段使用しているアカウントでチャンネルを作成すると個人のYouTubeの表示名が出たり、登録チャンネルが見れてしまったりするので、お仕事ではじめる場合はサブチャンネルの

                                                                YouTubeで動画配信のはじめ方マニュアル【操作方法・スクリーンショット付き】
                                                              • フロントエンドエンジニアのわたしが大事にしている価値観について

                                                                マークアップエンジニアとしてウェブ制作会社に入社してから10年になりました。若いね~と言われなくなってからも随分たちました。いろんな意味でひとつの節目に来たのかなと感じます。そこで、わたしがごく個人的に大事にしている、仕事とエンジニアリングについての価値観をまとめました。 意味もなく、これからの若手エンジニアに語りかけるようなまとめ方をしています。 基礎をかためること フレームワークやライブラリを用いれば、やりたいことはすぐに実現できるかもしれません。AI が台頭してくれば、これまでの制作フローがひっくり返るかもしれません。それでも、基礎をないがしろにしてはいけません。知識や経験は基礎の上に積みあがるからです。基礎こそ重要だと思います。 基礎を学ぶためのアプローチはいくつか考えられます。わたしのおすすめは、資格をとることと、普段の業務のどこか一部を低水準のやりかたでやってみることです。 資

                                                                  フロントエンドエンジニアのわたしが大事にしている価値観について
                                                                • iPhone 11 Proのナイトモードをマイクロフォーサーズ20万円超えレンズと比較してみる - toshiboo's camera

                                                                  iPhone 11 とiPhone 11 Proのカメラに搭載されている「ナイトモード」では、かなり暗いシチュエーションでも手持ちで明るく撮ることが可能です。 ナイトモード G9 PRO+LEICA DG VARIO-SUMMILUX 10-25mm/F1.7と比較 比較作例 望遠でのナイトモード ナイトモードになってないとき LightroomのHDRで対抗 まとめ ナイトモード 残念ながら超広角(13mm)レンズ側のカメラではナイトモードが使用できません。 超広角(13mm)、広角(26mm)に加え望遠(52mm)をも搭載したiPhone 11 Proでは一見、望遠カメラ側でもナイトモードを使用できるように見えますが、EXIFを見ると実際に使われているカメラは真ん中の広角側でデジタルズームされた画像です。※焦点距離はいずれも35mm換算 このナイトモードは、暗いシーンにおいて自動でiP

                                                                    iPhone 11 Proのナイトモードをマイクロフォーサーズ20万円超えレンズと比較してみる - toshiboo's camera
                                                                  • 画像圧縮ツール「Optimage for Mac」がv3.0へメジャーアップデート。APNGやHEVC、MP4、WebMの圧縮やリサイズなどのバッチ処理が可能に。

                                                                    画像圧縮ツール「Optimage for Mac」がv3.0へメジャーアップデートしています。詳細は以下から。 ロシアのVlad Danilovさんは現地時間2019年06月26日、2016年から開発を続けている画像圧縮ツール「Optimage for Mac」をv3.0.0へメジャーアップデートし、JPEGやPNG, GIF, WebPの圧縮率を向上させたほか、新たにAPNGやHEVC, MP4, WebMの圧縮に対応したと発表しています。 What’s new in Optimage 3 More compression : Significantly improved JPEG, PNG, GIF and WebP compression, added APNG, HEVC, MP4 and WebM compression. Resize and convert : Added h

                                                                      画像圧縮ツール「Optimage for Mac」がv3.0へメジャーアップデート。APNGやHEVC、MP4、WebMの圧縮やリサイズなどのバッチ処理が可能に。
                                                                    • ラズパイ使って防犯システム構築してみた | ラズパイラボラトリー

                                                                      ラズパイを使って、”安価に”、”容易に”、何か生活に役立てられるようなものができないかと、日々考えながら過ごしていた時に思いついたのが、外出時/就寝時の防犯システム。 不在の時や就寝時に、泥棒などが入ってきたことを自動で検知して、お知らせしてくれるシステムです。本記事では、以降これを「ラズパイ防犯システム」と称して、その構築の流れや実際の動作結果をまとめました。 完成形は下図の通りです! こうがくん ラズパイで防犯システムを構築したよ! ラズパイ防犯システムの概要 経緯と目的 本ブログでは以前、初めてラズパイにカメラを取り付けて、写真を撮影できるようにしてみました。 https://inupy.com/raspi-008/ このカメラを使って、また、ラズパイの特徴である電子工作も取り入れて実用的なものができないかと考え、以下のような目的で防犯システムを作ってみることにしました。 <システム

                                                                        ラズパイ使って防犯システム構築してみた | ラズパイラボラトリー
                                                                      • Vue.js と Nuxt の 2023年まとめ

                                                                        2023年は Vue.js および Nuxt のアップデートがとっても活発な一年でした。 これだけ多くの、そして多様な進展があると、1年を振り返っておかないと何があったか忘れてしまいそうです。 というわけで Nuxt, Vue.js, Vite 関連の情報をピックアップして🏃‍♂駆け足で振り返ってみます。 (数が多かったので、おもに公式周辺のアカウントから告知されたものが中心です。漏れがあったらすみません。教えていただければ追加します) 🗓2023年1月 2022年の春先に正式に Vue.js 3 がデフォルトのバージョンとなり、2022年11月に Nuxt 3.0 がリリースされました。 年が明けて2023年1月の主だった情報です。 🔼Nuxt 関連 2023年1月17日に公開された Daniel Roe @danielcroe氏による公式ブログ記事 Nuxt: A vision

                                                                          Vue.js と Nuxt の 2023年まとめ
                                                                        • 騙されないよ! AI画像か否かを判断するWebサービス

                                                                          騙されないよ! AI画像か否かを判断するWebサービス2023.06.26 07:0023,261 岡本玄介 AI画像の判断はAIに任せよう。 日々進化し続け、今や本物と見分けがつかないほどリアルな画像を生成するAI。その動きをネットで見ていれば、AI生成画像は独特のマットな質感や背景をボカしたがる傾向、手指の描写がヘタクソといった特徴を知っていますが…そうでない人は、一発でダマされたっておかしくないほどのクオリティーです。 時にはネタで作られたフェイク画像が拡散されるうち、いつの間にか尾ひれがついて本物と勘違させられることもあるでしょうし、この先そういう事態が増える可能性は大いにあると思います。 AI画像を瞬時に解析そんなときに一度立ち止まって使ってみたいのが、画像がAIに作られたものなのかどうかを判定するOpticの「AI or Not」というサービス。 JPEGやPNGなどをドラッグ

                                                                            騙されないよ! AI画像か否かを判断するWebサービス
                                                                          • ウェブ制作をスピードアップ!便利すぎる最新オンラインツール、無料素材51個まとめ

                                                                            この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。 通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフローに取り入れ、自分だけの爆速制作スタイルを確立してみませんか。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. デザインコレクション 3. モックアップツール 4. デザインからコードへの変換ツール 5. Web制作お役立ちツール 6. プロトタイプツール 7. アイコン素材パック 8. 面白ツール Webデザイン制作が変わる!便利な最新オンラインツールまとめ イラスト系ライブラリ Illustrations 商用利用もでき

                                                                              ウェブ制作をスピードアップ!便利すぎる最新オンラインツール、無料素材51個まとめ
                                                                            • リングフィットアドベンチャーの記録で友達と競える仕組みを作った

                                                                              🐣 はじめに おうちで気軽にフィットネスができる「リングフィットアドベンチャー」。 一人でがんばるのもいいけどみんなで競い合ったほうがもっと楽しいし継続できるよね!ってことで、そんな仕組みを作りました。 具体的には 運動結果のSlack通知(「今日もちゃんと運動して偉い!」) 運動結果データのログ保存(いつ・だれが・どれくらい運動したか) ログの集計・可視化・通知(「8月のカロリー部門1位は○さんでした!」) を自動化しています。 運動結果のスクショをTwitterに投稿するだけで参加できます。 この仕組みを作ってから、今では10人くらいでわちゃわちゃ楽しくやってます。 また後述しますが、すべて無料枠で運用しています。 主な機能 Twitterの投稿を検知してSlackに通知します。 毎週月曜日に進捗をお知らせします。 月初に前月のサマリーを投稿します。(テキストだけ人力🤫) 🎯 技

                                                                                リングフィットアドベンチャーの記録で友達と競える仕組みを作った
                                                                              • PHPでログファイルへの読み書きを通して任意コード実行をする方法 - knqyf263's blog

                                                                                以前少し話題になったLaravelのデバッグモード有効時の脆弱性であるCVE-2021-3129のPoCを読んでいたのですが、思ったより難しくて何でこんなことをしているんだろうと思ったら発見者による解説ブログがありました。読んでみたらバイパスのために思ったより色々していて普通に勉強になったのでメモを残しておきます。CTFerからすると常識な内容かもしれないので、何か間違いや補足があれば指摘をお願いします。 www.ambionics.io 前提知識1 前提知識2 本題 問題点 = によるエラー 日付のデコード ログファイル内の他エントリ バイパス方法 consumedの利用 iconvの利用 パディングの利用 UTF-16のための調整 NULLバイトの回避 最終形 まとめ 前提知識1 上の脆弱性を理解するためにはいくつかの前提知識を必要とするため最初にまとめておきます。 まず、PHPでは外

                                                                                  PHPでログファイルへの読み書きを通して任意コード実行をする方法 - knqyf263's blog
                                                                                • 無料・著作権フリーで70万点以上の高解像度の絵画や芸術作品をアムステルダム国立美術館が公開中

                                                                                  オランダのRijksmuseum(アムステルダム国立美術館)が70万点を超える膨大なコレクション「「Rijksstudio」」をパブリックドメインでオンライン公開しました。無料で高解像度画像をダウンロードでき、CC0 1.0ユニバーサルライセンスなので著作権なし・営利目的でも複製・改変・配布などが可能になっています。 Rijksstudio - Rijksmuseum https://www.rijksmuseum.nl/en/rijksstudio Over 700,000 paintings from the Rijksmuseum online copyright free https://www.ianvisits.co.uk/blog/2021/01/21/over-700000-paintings-from-the-rijksmuseum-online-copyright-fr

                                                                                    無料・著作権フリーで70万点以上の高解像度の絵画や芸術作品をアムステルダム国立美術館が公開中