騙されないよ！ AI画像か否かを判断するWebサービス
騙されないよ！ AI画像か否かを判断するWebサービス2023.06.26 07:0023,261 岡本玄介 AI画像の判断はAIに任せよう。 日々進化し続け、今や本物と見分けがつかないほどリアルな画像を生成するAI。その動きをネットで見ていれば、AI生成画像は独特のマットな質感や背景をボカしたがる傾向、手指の描写がヘタクソといった特徴を知っていますが…そうでない人は、一発でダマされたっておかしくないほどのクオリティーです。 時にはネタで作られたフェイク画像が拡散されるうち、いつの間にか尾ひれがついて本物と勘違させられることもあるでしょうし、この先そういう事態が増える可能性は大いにあると思います。 AI画像を瞬時に解析そんなときに一度立ち止まって使ってみたいのが、画像がAIに作られたものなのかどうかを判定するOpticの｢AI or Not｣というサービス。 JPEGやPNGなどをドラッグ
この記事では、Webデザインやグラフィックデザインの制作がグンと捗る、便利すぎる最新オンラインツールをまとめてご紹介します。 通常、時間のかかってしまう面倒な作業も、これらのツールやサービスをうまく活用することで、より快適にデザイン制作をすすめることができます。お気に入りのツールを自分のワークフローに取り入れ、自分だけの爆速制作スタイルを確立してみませんか。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. イラスト系ライブラリ 2. デザインコレクション 3. モックアップツール 4. デザインからコードへの変換ツール 5. Web制作お役立ちツール 6. プロトタイプツール 7. アイコン素材パック 8. 面白ツール Webデザイン制作が変わる！便利な最新オンラインツールまとめ イラスト系ライブラリ Illustrations 商用利用もでき
リングフィットアドベンチャーの記録で友達と競える仕組みを作った
🐣 はじめに おうちで気軽にフィットネスができる「リングフィットアドベンチャー」。 一人でがんばるのもいいけどみんなで競い合ったほうがもっと楽しいし継続できるよね！ってことで、そんな仕組みを作りました。 具体的には 運動結果のSlack通知（「今日もちゃんと運動して偉い！」） 運動結果データのログ保存（いつ・だれが・どれくらい運動したか） ログの集計・可視化・通知（「8月のカロリー部門１位は○さんでした！」） を自動化しています。 運動結果のスクショを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では外
オランダの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
アニメやマンガのような絵を描きたい人向けのオンライン講座「パルミー」では100種類以上の講座がそろっているのですが、それぞれ複数のレッスンが用意されているため「どの講座を選べばいいかわからない……」と迷ってしまう人も多いはず。そこで、「絵の勉強って何すればいいの？」、絵を描き始めたけど「どんな練習をしたら上達するの？」という右も左も分からない人のために、キャラクターの描き方を中心に順に受講すればスキルアップすること間違いなしな「初心者でも絵を描く力がつく！」「絵の知識がしっかり学べる！」10講座をピックアップしてみました。 お絵かき講座パルミー | イラストマンガの描き方が学べるオンライン学習サイト https://www.palmie.jp/ ◆01：なぞって鍛える！線の引き方練習講座 ◆02：落描き気分で模写練習講座 ◆03：キャラクター作画基礎講座 ◆04：アニメーターが教える 描い
OpenCVの新しい顔検出をブラウザでも試してみる
この記事はOpenCV Advent Calendar 2021の 23 日目の記事です。 はじめに 3 日目の記事で紹介されているように、OpenCV 4.5.4 では新しく顔検出/顔認識の API が実装されました。この記事ではこの顔検出 API をブラウザから呼んでみることにします。ブラウザから呼び出すにあたって、先にきちんとパフォーマンスを確認して使用する解像度を決めます。更に高速化のために SIMD とマルチスレッドを使った OpenCV の Wasm バイナリを作ります。その後、実用的な環境を想定して React のフロントエンドから呼び出すようにしてみます。ついでに WebRTC で実際に加工した画像が送信できることのデモまで行います。 OpenCV.js での新機能の扱い OpenCV.js で JavaScript から呼び出せる機能はホワイトリスト形式になっており、ビル
何故拡張子が四桁のファイルが存在するんですか
ファイル名が同じでも拡張子がjpegとjpgで違うファイル扱いになるのは納得いかねぇよ Photoshopでjpegファイル開いてjpegって書いてあるフォーマットで保存したらjpgになるの納得いかねーよ何でファイル二つになるんだよ事故ったじゃねーかよ
メディア芸術領域の現状をより深く、広く伝えるため愛称を「MACC」とし、総合的な広報用ウェブサイト「メディア芸術カレントコンテンツ（MACC）」として令和5年2月13日リニューアルオープンしました。 （https://macc.bunka.go.jp/） 当サイトは、これまでの記事をアーカイブとして掲載しています。 「ピクセルアート」あるいは「ドット絵」という視覚表現がある。ピクセルアートは、1970～90年代のビデオゲームのグラフィックの主流であったおかげで、「レトロなゲームのグラフィック」という含みを持っている。そのいっぽうで、近年では「古くて新しい」ひとつのグラフィック・スタイルとしての地位が確立されつつある。このシリーズでは、そうした現代の動向も含めたピクセルアートの特徴と魅力について紹介していく。第1回は、ピクセルアートとはそもそも何なのかを考える。 eBoy『Rio』（2011
Kubernetesクラスタ内に大量のServiceリソースがあるとNginxコンテナが起動しなくなる - Pepabo Tech Portal
こんにちは、技術部プラットフォームグループのそめやポチです。最近はpng形式の画像をjpeg形式に変換する仕事をしています。 この記事では、私が社内のKubernetesクラスタのお世話をしているときに出会ったトラブルとその解決方法、またトラブルが起こった原因について説明します。トラブルの原因についてはKubernetes, Nginx, Linuxの3つのプロダクトについて、コードリーディングをしながら解説します。 直面した事象 急にKubernetesクラスタ内のNginxコンテナが起動しなくなりました。 GMOペパボが提供しているサービスの一つであるminneでは、検証用のKubernetesクラスタを利用しています。本番環境で使用しているKubernetesクラスタを模倣した、開発・検証のための環境です。そのクラスタ内でトラブルが起きていました。 トラブルの説明をするために、まずこ
Raspberry Piで高画質動画撮影を可能にする「Raspberry Pi Cinema Camera」｜fabcross
Raspberry Pi財団は、 Raspberry Piの活用事例として低コストで高画質撮影ができる「Raspberry Pi Cinema Camera」を公式ブログで紹介した。 Raspberry Pi Cinema Cameraは、4GBメモリ搭載のRaspberry Pi 4 Model Bをベースに、1230万画素の裏面照射型CMOSセンサーを搭載した「Raspberry Pi High Quality Camera（以下、HQカメラ）」と6mmレンズを組み合わせた、オープンソースのシネマカメラプロジェクトだ。 クリエイターのCsaba Nagy氏は、Raspberry Pi公式フォーラムに、12bit RAW DNG、解像度2028×1080、フレームレート24fpsの撮影動画を投稿して公開した。映像編集には「DaVinci Resolve」ソフトウェアを利用しているとのこと
2020/10/27にNext.js 10がリリースされました。変更点は公式のブログがとても分かりやすくまとまっています。Next.js Confの動画をチェックするのも良いかもしれません（演出が良い感じです）。 Next.js 10で特に注目すべきは、画像最適化をしてくれるnext/imageコンポーネント（next/image）のビルトインサポートだと思います。この記事ではnext/imageについてまとめます。 next/imageとは next/imageは、画像の表示を最適化してくれるコンポーネントです[1]。 画像の最適化 具体的には、以下のような最適化を行ってくれます。 画像を閲覧デバイスに応じてリサイズして表示してくれる（元画像が大きくともスマホでは小さくリサイズされた画像を表示） PNGやJPEGなどの形式の画像を自動でWebPにしてくれる（しかもWebP対応ブラウザでの
","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 ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"
Amazon Web Services ブログ 基本に立ち返る: 動画圧縮の裏側で使われる仕組み 動画エンコーディング この Blog では、動画エンコーディング処理（圧縮）の基本について、簡単な言葉で説明していきます。 圧縮・エンコーディングの主な目的は、動画の記録、保存および伝送するのに必要となるデータの量を削減することです。これは、ストレージハードウェア、データ伝送時間、必要となる配信帯域幅の削減に繋がります。 動画をエンコードするための多くの異なるアルゴリズム（例えば、MPEG-2、H.264/AVC、H.265/HEVC、VP9、AV1 など）が存在しますが、今日使われている一般的なコーデックのほとんどは、このブログ記事で紹介する共通の原理に従います。 Joint Photographic Experts Group もしくは JPEG 圧縮 デジタル画像を圧縮するために最も一般
ITmedia NEWSにおける1週間の記事アクセス数を集計し、上位10記事を紹介する「ITmedia NEWS Weekly Top10」。今回は2023年3月11日から17日までの7日間について集計し、まとめた。 先週は、大規模言語モデル「GPT-4」を米OpenAIが発表。その性能の高さに世界が驚愕し、利用が殺到しているようだ。 GPT-4は「エンジニアでなくてもプログラムが組める」などと話題になっている。ITmedia NEWSでも、「非エンジニアだけどGPT-4でアプリ作ってみた 経験ゼロでも欲しい機能ができちゃった」という記事で、吉川大貴記者が「指定のファイル内にある画像を全てJPEGに変換するアプリ」を構築し、注目を集めた。 「hello world」止まりの筆者に、テトリスは作れるか？ それならば、筆者もできるのではないか？ 筆者のプログラミング経験（？）は、約20年前に「
作家の岸田奈美さんと16才の男子高校生に写真を教えることになった。二人ともカメラのことも写真のこともまったく知らないようだ。それでもシャッターを押せばうつるのが写真の魅力のひとつだ。 しっかりのレベルにもよるけど、カメラのことと写真のことをしっかり学ぼうとしたらそれなりに時間がかかる。大学や専門学校で写真を専攻したぐらいだと、撮影現場ではまったく役にたたず、足をひっぱるだけの存在になって辛酸をグイッと飲まされる。（あれ、つらいよね） どれくらいの時間をかけてどこで何を学んだか。人生で何を考えて吸収してきたか。撮影者の人柄までうつるのが写真だったりする。だからぼくが数時間で何かを教えられるわけもなく、岸田奈美さんと高校生が見たものを写真にどう反映させるかを整えてあげる程度のことだ。100の感動のうち10しか撮れなかったことを20とか30とかにしてあげられればいい。 ↓ ここから岸田奈美さん
序 0px.org というドメインを持っています。このドメインはなるべく短く、かつ意味ありげなドメインが欲しいと思って選んだだけで、特に意味はありません。専らサーバーの alias や短縮 URL に使っています。 さて、0px.org で配布すべきリソースとはなんでしょうか。当然 0px×0px の画像ファイルです。しかし、どんな画像編集ソフトでも大抵キャンパスサイズの最小は 1px×1px です。そもそも 0px の画像を許すフォーマットなどあるのでしょうか。というか画像を2次元的なものとするなら、0px×0px の画像は果たして画像なのでしょうか。 ……とりあえず 0px 画像の哲学的な問いかけは一旦忘れることとして、思いついたメジャーな画像フォーマットについて仕様上 0px×0px の画像が許されるのか、調べることにしました。 PNG www.libpng.org 3章 File
正規表現を学んでみませんか | さくらのナレッジ
それぞれの意味については使っているうちに自然と身につくかと思います。無理に急いで丸暗記しなくても良いです。 ほかにもたくさんあります。また、使用するツールやプログラム言語によって異なる場合があります。 実践 ディレクトリだけを一覧表示 例えば /etc 以下のファイルを一覧で表示させ、その中からディレクトリ(フォルダ)であるものを表示させたい場合、以下のようにします。 % ls -l /etc | grep '^d' 実行結果(例) % ls -l /etc | grep '^d' drwxr-xr-x 2 root root 4096 Apr 11 06:01 ImageMagick-6 drwxr-xr-x 1 root root 4096 Apr 11 06:02 alternatives drwxr-xr-x 1 root root 4096 Apr 11 06:02 apache
日焼けしたポスターみたいな写真を撮る
1983年徳島県生まれ。大阪在住。散歩が趣味の組込エンジニア。エアコンの配管や室外機のある風景など、普段着の街を見るのが好き。日常的すぎて誰も気にしないようなモノに気付いていきたい。（動画インタビュー） 前の記事：ポケベル打ちでTwitterしたい ＞ 個人サイト NEKOPLA Tumblr 日焼けポスターから感じる夏の日差し 街を歩いていると、青っぽいポスターをよく見かける。 肌が青くなった人。ありえない色なのに、見慣れているせいか特に変には思わない 長きにわたり太陽光にさらされた結果、赤のインクが退色して全体的に青くなっているのだ。これを見て、「皮膚が青い人の写真だ！」って思う人はいないだろう。脳が勝手に、「これは日に焼けたポスターだ」（なので青くて当然）と認識している。それだけ日常的に見慣れた光景とも言える。 似たようなものに、セピア色の写真がある。モノクロ印画紙が経年劣化すると、
以下の記事が面白かったので、簡単にまとめました。 ・FAQ and Prompt Guide: Luma Dream Machine 1. Image to Video のプロンプトガイド・生成ページの画像アイコンをクリックして JPG、JPEG、PNG画像をアップロードします。シーンを説明するプロンプトを提供することもできます。 ・「Enhance Prompt」を有効にすると、シーンで何が起きてほしいかを説明するだけで済みます。 <image of a car> + “a red car driving on a road” ・希望する出力が得られない場合は、「Enhance prompt」なしで試すことができます。この場合、画像とシーンで何が起きてほしいかを説明する必要があります。 強化されていないプロンプトでは、モーションがまったく見られないか、モーションがほとんど見られなくなる可
Cookie の SameSite 属性について - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、フロントエンドエキスパートチームの小林（@koba04）です。 フロントエンドエキスパートチームでは、日々の業務としてブラウザやライブラリの更新情報をキャッチアップして社内で共有しています。 例えば先日、CSSのプロパティである image-orientation のデフォルト値が none から from-image に変わったため、画像の Exif 情報の扱いが変更されました。 https://www.fxsitecompat.dev/ja/docs/2020/jpeg-images-are-now-rotated-by-default-according-to-exif-data/ 注： Firefox では COVID-19 の影響により、この変更は延期されました。（Chrome は予定通り 81 で リリースしています） https://blog.chromium.o
Webサービスにおけるファイルアップロード機能の仕様パターンとセキュリティ観点 - Flatt Security Blog
はじめに こんにちは。株式会社Flatt Securityセキュリティエンジニアの村上です。セキュリティ・キャンプ卒業後、新卒入社組としてFlatt Securityでセキュリティエンジニアをしています。 本稿では、Webアプリケーション上で実装される「ファイルアップロード機能」の実装パターンをいくつか示し、「開発者が設計をする上で気をつけるべき脆弱性」とその対策について解説していきます。 「ファイルアップロード機能」の脆弱性は特定の言語やサービスによって発生する脆弱性だけでなく、特定の拡張子のファイルでのみ発生する脆弱性など非常に多岐にわたります。そのため、本稿では全ての脆弱性を網羅する事は目的としておりません。しかし、「ファイルアップロード機能」のセキュリティについて考えるための基本となる知識と対策観点を本記事で知って、今後の開発に応用していただければ幸いです。 はじめに ファイルアッ
先日、VMware上で動かしていたKali Linuxが突然エラーで起動できなくなりました。 コマンドラインだけならログインできるんですが、GUI操作ができず復旧が絶望的なので一からKali LinuxをInstallし直すことにしました。 その際、せっかくなので自分がVulnhubやHTBを攻略するうえで便利だと思って使っていて、かつKali Linuxにデフォルトで入っていないけど有用なツールをまとめたいと思います。 完全に個人の意見なので、参考までにどうぞ！ ちなみに、niktoやgobusterといったツールはめちゃくちゃ使いますがデフォルトでInstallされているため省略します。 Information Gatering AutoRecon onetwopunch Parsero smbver.sh FindSMB2UPTime.py impacket oracle(sqlpl
はてなブログで記事を投稿する時のSEO対策まとめです。 ひと手間かけるだけでSEOに強い記事にすることができます。はてなブログは元々SEOが強いです。それでもやらないと損な簡単にできるSEO対策を紹介します。 はてなブログProで強いSEO効果が得られる設定方法についても解説します。 はてなブログの見出しをH2タグから始めるSEO対策 はてなブログの見出しがH3タグから始まる問題 はてなブログの3種類の記法（モード） マークダウン記法の書き方 見出しのデザインをCSSでカスタマイズする方法 キーワードを入れた見出しを書くことによるSEO効果 キーワードを入れた見出しのつけ方 アウトラインプロセッサーで階層構造を考えて書く 秀丸エディタのアウトライン機能の設定方法 目次を設定する 目次を設定するメリット Pandocを用いた目次作成 カスタムURLを設定するSEO対策 カスタムURLのメリッ
筑波大学BHEでは、2019年度より発達障害当事者の職員（ダックスさん）を雇用し、「マンガ」を通した発達障害の理解・啓発活動をスタートしました。 作成したマンガは随時、BHEアクセシビリティ支援チーム（旧DACセンターアクセシビリティ）のTwitterで配信をしています。 また、過去に配信したマンガについては、このページで掲載しています。 ヒトはそれを『発達障害』と名づけました BHE広報担当のダックスさんによる発達障害の啓発マンガです。 色々な発達障害を併せもつダックスさんと、ASDのネコさん、ADHDのトリさん、LDのサカナさんなどかわいいキャラクターを通して、発達障害について理解する・伝えるきっかけとしてご活用ください。 なお、マンガを通して発達障害を多くの人に理解・啓発するため、発達障害啓発マンガはCC0 1.0（パブリック・ドメイン提供）ライセンスを適用しています。 そのため、こ
2019年も残すところわずかとなり、今年もWeb制作を快適にするオンラインツールがたくさん公開されました。 この記事では、今年紹介したツールのなかでも特に話題になった2019年の便利オンラインツールベスト85個をまとめてご紹介します。 実際に制作フローに取り入れて便利だったツールを選りすぐったこのコレクションには、「無料で利用できることを基本としたツール」を揃えています。これらのツールやサービスを活用して、より快適なWeb制作ライフを過ごしましょう。 2019年に登場した最新オンラインツール一覧 以下は、2019年にかけて当サイトで紹介した、ウェブ制作が捗る便利ツール一覧となります。今回未紹介のツールが中心となっているので、こちらも一度目を通しておくことをオススメします。 ウェブデザイン制作が爆速に！便利な最新オンラインツール47個まとめ ウェブデザイン制作が加速中！便利な最新オンラインツ
はてな民は JPEG がお嫌い
なぜか PNG がお好き
舞台で公演当日に３０人無断キャンセル発生！ガラガラ上演、出演者が悲痛告白 主催「厳正に対処」も（デイリースポーツ） - Yahoo!ニュース
舞台「童話革命」で約３０人の無断キャンセルがあったことが明かされた ※写真はイメージです（mapo／stock.adobe.com.jpeg） 東京・両国にある「エアースタジオ」の公式ツイッターに２７日、文書が掲載され、舞台「童話革命」で約３０人の無断キャンセルがあったことが明かされた。同舞台に出演している女優・坪井未来も同日に自身のツイッターに文書を掲載し、経緯の詳細を報告した。２７日の公演はチケットはソールドアウトとなっていたが、開演時間になっても３０席ほどが空席となっていた。開演を約８分遅らせたが、結局その３０人は訪れず「客席は半数ほど空いた状態」で上演された。 【写真】大量ドタキャンは捨てアドが使われた 一夜明け、坪井未来が状況報告 坪井は他のキャストらにも確認。来場しなかったのは当日精算で予約していた客だった。「知り合いではない方の心当たりのないお名前」で、予約メールのアドレスも
WebP画像の使い方
2020年夏のウェブ技術の見直しシリーズ第2段（第1段はこちら）として見直していたWebPの情報ですが、2022年2月にPhotoshopデスクトップ版でWebPがネイティブサポートされました。macOS Big Sur / iOS 14以降のSafariを含む最新のブラウザではWebPがサポートされています。導入しやすくなったいま、もう一度特徴をおさらいしておくと良さそうですね。 ということで、以下はWebPについてのまとめです。2020年7月の情報を2022年2月に更新しました。 なんでもかんでもWebPでいいわけではない 試しにUnsplash でランダムに10枚の写真を選んで、ImageOptimとcwebpコマンドラインツールでjpgとwebpに書き出してみました。結果、WebPのファイルサイズが小さくなる画像もあれば、JPEGのほうが小さくなる画像もありました。たまたまだと思い
フォートナイトの急成長、テックジャイアントが注目するインターネット2.0「メタバース」とはなにか｜Off Topic - オフトピック
自己紹介こんにちは、宮武（@tmiyatake1）です。これまで日本のVCで米国を拠点にキャピタリストとして働いてきて、現在は、LAにあるスタートアップでCOOをしています。Off Topicでは、次世代ゲームの話や最新テックニュースの解説をしているポッドキャストもやってます。まだ購読されてない方はチェックしてみてください！ はじめに日本ではそれほど盛り上がってないかもしれないが、グローバル、特に米国では2018年頃から「フォートナイト（Fortnite）ブーム」が続いている。FacebookやTwitterなどのSNSの競合もフォートナイトと言われている。他にも、ストリーミング戦争の記事でも少し記載したが、Netflixの代表が株主総会で競合としてフォートナイトを指名するなど他業界でも脅かす存在となっている。実際に若者層からの支持は圧倒的で、親会社であるエピックゲームズは、フォートナイト
この記事では、Webデザイン制作に便利なコピー＆ペーストで実装できる最新HTML/CSSスニペットをまとめてご紹介します。 新しいテクニックを利用した、ますます進化するWebの可能性を感じさせてくる作品ばかりで、最新のウェブデザインテクニックを手軽に実現、楽しむことができます。今後のデザイン制作に活用してみてはいかがでしょう。 ここでは、カテゴリー別に分けて最新HTML／CSSスニペットをまとめています。 コンテンツ目次 1. 小技テクニック系（15個） 2. 面白、ユニーク系（16個） 3. ホバーエフェクト系（6個） 4. テキストエフェクト系（10個） 5. ページレイアウト系（10個） 6. イメージスライダー系（9個） 7. ナビゲーションメニュー系（2個） 8. ローディングアニメーション系（4個） 9. ボタンエフェクト系（13個） 10. CSSマジック（10個） 11.
Sketch - The digital design toolkit 画像はSketch最高っていう顔です。 HTMLやCSSを書くWebフロントエンドエンジニアにとって、Webデザイナーが用意した理想像を現実に落とし込むことは1つの使命であり、費用対効果への葛藤に揺れる中で「技術的に難しいから」という理由でデザインを却下したくないのは誰しも同じだと思います。一方で、技術的に難しくなくとも、デザインファイルの作り方次第ではエンジニアの実装効率も多少なりとも変わってきます。そこで、僕のデザイナー及びエンジニアとしての経験則から、HTML/CSSで実装しやすい（≒Webフロントエンドエンジニアにやさしい）デザインファイルの作り方を、Sketchでの用例も挙げつつまとめてみます。近年はFigmaが注目されつつありますが、基本的な話は共通すると思います。 本来ならばデザイナーにこそ読んでいただき
立憲・蓮舫さんのこれは公職選挙法違反じゃないの？
都知事選はまだ告示（公示）されていないわけだけど、立憲の蓮舫さんと枝野さんがこんな演説をしてる https://i.imgur.com/4WPNxl2.jpeg （蓮舫さん） 「都知事選挙に蓮舫は挑戦します、みなさんのご支援どうかよろしくお願いします」 （枝野さん） 「みんなが安心して住める東京、そのためにみんなで蓮舫さんを勝たせましょう」 これは公職選挙法にて禁止されている事前運動にはならないの？ https://www.soumu.go.jp/senkyo/senkyo_s/naruhodo/naruhodo10_1.html 【選挙運動とは】 判例・実例によれば、選挙運動とは、「特定の選挙について、特定の候補者の当選を目的として､投票を得又は得させるために直接又は間接に必要かつ有利な行為」とされています。 【選挙運動期間に関する規制】 選挙運動は、選挙の公示・告示日から選挙期日の前日
Joonsick Baick2020-02-26Joonsick is in charge of media processing for LINE's MediaPlatform. はじめに 最近、ユーザーが作成したメディアを保存するためのクラウドサービスがかなり人気を集めています。Google フォトやNAVER nCloudなどのサービスがその例です。LINEでも、ユーザーの写真をサーバーに永久保存していつでも閲覧できるようにしたアルバム機能を提供しています。LINEのアルバム機能は、2013年9月にオープンして今年で6年を迎えます。たくさんのユーザーが活発に利用しているため、サーバーに蓄積されるデータ量も膨大になっています。 写真や動画などのLINEのメディアデータは、すべてLINEのメディアプラットフォームが運営するメディアストレージ「OBS（Object Storage）」で管
Googleが2024年4月3日、新たなJPEGのコーディングライブラリである「Jpegli」を発表しました。Jpegliは高い下位互換性を維持しながら機能が強化されており、高品質の圧縮設定で圧縮率を35％も向上したとのことです。 Introducing Jpegli: A New JPEG Coding Library | Google Open Source Blog https://opensource.googleblog.com/2024/04/introducing-jpegli-new-jpeg-coding-library.html libjxl/lib/jpegli at main · libjxl/libjxl · GitHub https://github.com/libjxl/libjxl/tree/main/lib/jpegli インターネットは人々の生活や仕事に
GitHub - wader/fq: jq for binary formats - tool, language and decoders for working with binary and text formats
fq is inspired by the well known jq tool and language that allows you to work with binary formats the same way you would using jq. In addition it can present data like a hex viewer, transform, slice and concatenate binary data. It also supports nested formats and has an interactive REPL with auto-completion. It was originally designed to query, inspect and debug media codecs and containers like mp
LINEに画像、音声、動画ファイル、YouTubeのURLを投げると、AIがすべて自動で文字起こし📝して返してくれる「文字起こすくん」というサービスを作りましたー！🙌 もう面倒な文字起こし作業からは解放されましょー💡 以下からLINEの友達登録できます！https://t.co/cvTfCQIGHb pic.twitter.com/My09VqwWz9 — 2z / AIメーカー開発者 (@2zn01) August 24, 2019 こんにちは、2z（Twitter： @2zn01 ）です。 趣味でWebサービスの個人開発をしており、以下のサービスを開発・運営しています！ ■AIメーカー https://aimaker.io/ ■waifu2x-multi https://waifu2x.me/ ■ツイレポ https://twirepo.com/ 今回作ったもの LINEに文字起
この本の概要 HTTPキャッシュ，リバースプロキシ，CDNなどWeb開発で大切な「配信」の技術。 重要な技術ながら，現場では知見のあるエンジニアが少なく，なんとなくで運用されていたり，導入が遅れていたりします。 本書では，HTTPキャッシュの基礎から解説し，一冊でしっかり配信が学べます。 速くて落ちないWebサイト／Webサービス／Web APIの実現はもちろん。キャッシュ事故やセキュリティ上の問題を防ぐのにも役立ちます。 こんな方におすすめ CDNやリバースプロキシの導入に興味のあるアプリケーションエンジニア・インフラエンジニア 配信技術を学びたいインフラエンジニア Webサービスを高速化させたいフロントエンドエンジニア 第1章 はじめに 1.1 本書の対象と目的 1.2 本書の構成 1.3 下準備 第2章 配信の基礎 2.1 配信のとらえ方 2.1.1 配信の根幹 2.2 標準仕様でや
この記事では、Webデザイン制作がグッと楽になる最新オンラインツール50個をまとめてご紹介します。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな新しいツールを中心に揃えています。 これまで面倒だった作業をワンクリックで完了したり、人工知能が自動で行ってくれたりと、より快適にプロジェクトを進めることができる便利ツールが揃います。 自分のワークフローにうまくツールを導入することで、制作時間の短縮につながるだけでなく、ストレス少なく作業を行うことができます。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール 2. Web制作便利ツール 3. デザインツール 4. アイコンツール 6. クリエイティブ・面白ツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ制作をスピードアップ！便利すぎる最新オンラインツール、無料素材51個まとめ
無料・著作権フリーで70万点以上の高解像度の絵画や芸術作品をアムステルダム国立美術館が公開中
ド素人からでもお絵描きのスキルと知識が動画やダウンロード可能なファイルで身につく「パルミー」厳選10講座まとめ
ピクセルアートの美学<br>第1回 ピクセルアートとは何か - メディア芸術カレントコンテンツ
Next.jsのnext/imageコンポーネントの使い方と注意点
古畑任三郎が復活！三谷幸喜 小説「一瞬の過ち」（1）：朝日新聞デジタル
基本に立ち返る: 動画圧縮の裏側で使われる仕組み | Amazon Web Services
「GPT-4なら誰でもプログラミングできる」は嘘だ。AIは魔法の杖ではない
「うまいけど、ダメな写真」と「ヘタだけど、いい写真」｜幡野広志
0pxの画像ファイル - Un nouveau monde parfumé
Luma Dream Machine プロンプトガイド｜npaka
Kali Linuxに(自分が)追加したいペネトレーションツール - 高林の雑記ブログ
はてなブログで記事投稿時にする最低限のSEO対策 - はるなぴログ
発達障害啓発マンガ - RADD 発達障害学生支援プロジェクト
2019年間ベスト！Web制作を変える便利オンラインツール厳選85個
サイトの質が向上！コピペできるHTML/CSS便利スニペット100個まとめ
Webフロントエンドエンジニアにやさしいデザインファイルの作り方 - Qiita
LINEのストレージ効率化を支えるJPEG↔HEIF変換プロジェクト「Antman」開発記
Googleが高品質なJPEG画像の圧縮率を35％向上させる新たなコーディングライブラリ「Jpegli」を発表
画像、音声、動画からAIが文字起こししてくれるLINE Botを作りました！ - Qiita
特別企画：これが5,500円だなんてすご過ぎる！「SILKYPIX JPEG Photography 10」でJPEGでの撮影・調整を堪能しよう
Web配信の技術 ―HTTPキャッシュ・リバースプロキシ・CDNを活用する
ワクワクが満載！Web制作を変える最新オンラインツール50個まとめ