書体関係 Wiki - freefont
@@ -1,9 +1,212 @@ -[[HIT Obat Nyamuk|http://www.biodataselebritis.com/2016/03/hit.html]] Aedes aegypti bersifat diurnal atau aktif pada pagi hingga siang hari. Penularan penyakit dilakukan oleh nyamuk betina karena hanya nyamuk betina yang mengisap darah. Hal itu dilakukannya untuk memperoleh asupan protein yang diperlukannya untuk memproduksi telur. Nyamuk jantan tidak membutuhkan darah, dan memp
2008年02月03日04:00 カテゴリ書評/画評/品評Lightweight Languages 書評x3 - SQL本三大対決 404 Blog Not Found:この発想はなかった - 書評 - 逆算式SQL教科書を書いたら、「いや、うちも」とばかりにどっさりSQL本が来た。 まずオライリー・ジャパンの矢野様からは、「STATISTICS HACKS(和訳)」と一緒に「SQLクックブック」と「SQL Hacks 」を、そしてC&R研究所の吉成様からは「SQL実践活用大事典 」を献本いただいた。 これだけ頂くと、まとめないわけには行かないだろうということで、まとめてみた。 まず、「SQLクックブック」。こちらは申し訳ないのだけど、かなり期待はずれ。確かに「逆算式SQL教科書」よりは用例も多かったのだけど、Cookbookを特徴づけていた綿密なDiscussionがスカスカ。他ならと
この記事はLIFULL Advent Calendar 2018の19日目の記事とされている恐れがあります 謝罪 wasmとSWとReactのフロント全部盛りマンやります 🙋 部署が代わり開発領域も変わってしまい、ジェイクエィリでDOM操作をし過ぎた反動でフロントに関する知識を忘却してしまいました。誠に申し訳ございません。 どアタマでの謝罪により万に一人に楽しみにされていた方がいらっしゃった時の可能性を潰しておきます。 ここから本題 ここ1年の中で しまくったgithubリポジトリを年末調整すると同時に、 使っていて個人的に便利だなと思っているものを簡単に紹介しようと思います。 React 魂のviewフレームワーク Facebook謹製 Redux Flux思想の状態管理ライブラリ React使うならだいたい使うはず storybook インタラクティブなUIコンポーネント(React
Flashを使ったWebページをiPhoneやiPadでも表示できるようにSWFファイルを変換するツール「Swiffy」がGoogle Labsで公開された。 米Googleは6月28日（現地時間）、FlashのSWFファイルをHTML5に変換するツール「Swiffy」を、Google Labsで公開した。Swiffyで変換したファイルは、GoogleのChromeや米AppleのSafariなど、XMLベースの2Dベクター画像記述言語SVGをサポートするWebkitブラウザで表示できる。つまり、iPhoneやiPadのSafariでも表示できるということだ。 Googleによると、現行版はまだ早期リリースのため、Flashのすべてのコンテンツを変換できるわけではないが、アニメーションやバナー広告などは問題なく表示できるという。ギャラリーにあるサンプルは、オリジナルとほぼ同じように表示され
Awesome Java : 素晴しい Java フレームワーク・ライブラリ・ソフトウェアの数々 - Qiita
元記事: Awesome Java Awesome List in Qiita Awesome Ruby Awesome JavaScript Awesome Node.js Awesome Python Awesome Go Awesome Selenium Awesome Appium Bean マッピング Bean マッピングを容易にするフレームワーク dOOv - 型安全なドメインモデルの検証とマッピングのための API を提供します. アノテーション, コード生成, および型安全 DSL を使用して, Bean の検証とマッピングを迅速かつ簡単にします. Dozer - アノテーション, API または XML 設定を使用して, あるオブジェクトから別のオブジェクトへデータをコピーするマッパー. JMapper - 高速コードマッピングのためにバイトコード操作を使用. アノテーシ
画像圧縮ツール「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
2016年11月24日 JavaScript, jQuery, SVG 今やCSSだけでも多彩なアニメーションを取り入れることができますが、JavaScriptとSVGを使うことで、より美しく自由度のきく表現が可能です。今回はSVGを使った、便利なJavaScriptライブラリーやjQueryプラグインを紹介します。 ↑私が10年以上利用している会計ソフト！ ラインアート 1. DrawSVG See the Pen Simple usage by Leonardo Santos (@lcdsantos) on CodePen. Webサイト｜GitHub｜デモ SVGのパスを使ってラインをアニメーションさせるためのプラグイン。2kbと軽量です。デモ画面右下の「RETURN」ボタンをクリックして試してみてください。 var mySVG = $('#my_svg_element').draw
こんにちは、編集長の白石です。 今回は、HTML5 Experts.jpでWebパフォーマンスに関する特集を行うにあたって、エキスパートの皆様による誌上座談会を開催してみました。 通常であれば数時間語っても尽きないような話を、1時間強でみっちり聞いてきました。 Webパフォーマンスの改善について、初心者から上級者まで楽しめる、有用な記事になっているかと思いますのでどうぞお楽しみください。 エキスパート紹介 白石 皆様、本日はお集まりいただいてありがとうございました！まずは簡単に自己紹介をお願いできますでしょうか？ 竹洞 株式会社SpellDataのCEOを務めている、竹洞です。Webパフォーマンスには10年間くらい関わっており、年間200サイトくらいの計測に携わっています。 今度から、Instart Logicのエヴァンジェリストも務めることになりました。Instart Logicは、Ap
SVG-edit ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄いです。 次のようなインタフェースで、Chromeだとサクサク動くSVGエディタがGoogle codeにてオープンソースでダウンロード可能です。 SVGでお手軽にお絵かきしたい場合や、SVGなお絵かきサイトなんかを作るのにも活用できそう 描画したグラフィックをSVGに変換した例。ツールバーからそのまま出力可能です。 次のようなXMLデータになります。 触ってみるだけでも価値がありそうです。 関連エントリ JavaScriptでFlashやSVGを使わない3Dアニメーション PHPでベクターグラフィックスを作成するためのチュートリアル テキストで描画されたSVGグラフィックス
1：以下、名無しにかわりましてVIPがお送りします：2011/05/10(火) 16:05:20.91 ID:fp41tOD+0 210 名前： ７７４ＲＲ 投稿日： 2008/10/ 30(木) 17:33:09 ID:Fi9p92Uu なんかぁ むかしぃ バイクにぃ電飾つけてあそんでてぇ そんでみんなやってるからぁ 車とかもあるしぃ 船でやってみたらぁ イカあつまってきたんすよねぇ 2：以下、名無しにかわりましてVIPがお送りします：2011/05/10(火) 16:06:06.30 ID:xUgFFL/K0 俺には90のじいさんがいる。 先月癌で入院し、闘病中だったが昨日あることを言われた 「死ぬ前に…クリームパンが食べたい…」 俺はすぐにコンビニへ走り、クリームパンを買って戻ってきた。 それをじいさんに食べさせると、一口食べたとたんに死んでしまった。 何よりも安らかな顔だった。 「
2010年1月、噂の「iPad」が満を持してAppleから発表されました。iPadではFlashが動作しないことが明らかになり、AppleのFlash対応について議論が過熱しています。Flashをめぐって、AdobeとAppleが歩み寄るかと思われた時期もありましたが、もはやその気配はなさそうです。批判や反論はセンセーショナルにクローズアップされるものの、なかなか議論の大筋が見えにくいAppleとAdobeの一連の確執について、HTML5への流れも合わせてまとめていきたいと思います。 ■ 実は歩み寄ろうとしていた時期も… Appleのタッチ系デバイスでのFlash対応をめぐって批判と反論の応酬を繰り返しているAdobeとAppleですが、2009年の年初にはAdobeがAppleに歩み寄ろうとしているとみる記事がありました。 ▽ アドビ、アップルと組んでiPhone用 Flashを開発中
ちょうど一年ほど前の2013年5月にこの記事が話題になりました。 静かに流行り始めているポリゴン風デザインに挑戦！ | Webクリエイターボックス ポリゴン風というのはまるでセガサターンや初代プレイステーションのころのような、ポリゴンの少ないカクカクとした図形で構成されたところから名付けられたものなのでしょう。 ただ実際にはこの系統は、三角形を組み合わせて平面的に構成させたものが多く……つまりこれは3DCGのような立体的な面の分割というよりは、原理的にはドロネー図（Delaunay triangulation）なのですが……、ま、分かりやすいので以後ここでもポリゴン風とします*1。 こうしたイラストを制作するのにはもちろん画像編集ソフトを使い、一つ一つ図形を配置していく手もありますし、実際に3DCGソフトでローポリゴンを作るのもありでしょう。 でも、できるなら楽に作りたいですよね？ 上記の
Intro 長らく議論されてきた <img> や <iframe> における Lazyload について、仕様と実装が動きを見せている。 ここでは、特に画像 <img> に注目し、 Lazyloading の議論の変遷を踏まえた上で現状を解説する。 画像最適化シリーズ第 5 回目のエントリである。 画像最適化戦略 PNG/JPEG 編 画像最適化戦略 Picture 編 画像最適化戦略 WebP 編 画像最適化戦略 SVG/Font 編 > 画像最適化戦略 Lazy Loading 編 Lazyloading 画像や iframe の埋め込みは、読み込むサイズも大きく、処理が同期であるため、レンダリングのボトルネックになりやすく、それらが多いページでは初期表示の遅延の原因となることが多くあった。 特に縦に長いページでは、最初にユーザが見えている領域 (Above the Fold) では表
Snap.svgの使い方まとめ
Snap.svgの使い方 まとめ How to useすなっぷ.svg タイトル svg要素の基本的な使い方まとめ・別館 written by DEFGHI1977@xboxlive 本記事ではsvg世代のjavascriptライブラリとして有望なSnap.svgの使い方について実際に動作しているサンプルを交えて解説しています（これは動作サンプルであると同時にテストコードと言えるものですね）．なお間違いがあったり，バージョンアップに伴う不整合が発生するかも知れませんので，その点ご容赦下さいね．やっぱり手でゴリゴリ書いてます． なお，Snap.svgを用いたSVG(もしくはjavascriptの)入門記事ではありません．Snap.svgを上手く活用したいのであれば，背後で動いているsvgについてよく知っている必要があります．そのため，ある程度SVGやプログラミングの知識があることを前提に話を
コード不要で手描き風のSVGアニメーションを自動作成できるエディタ「Vivus Instant」の使い方大公開！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも超簡単にSVG画像をアニメーション化できる無料のWebサービスをご紹介します！ このサービスは、JavaScriptでSVG画像を制御できる「vivus.js」をベースにしており、誰でもプログラミング不要で簡単に「手描き風」のアニメーションを作れるのが特徴です。 【 Vivus Instant 】 そして本記事の後半では「vivus.js」を使った基本的なプログラミングについても解説しているので、ご興味ある方はぜひ参考にしてみてください！ ■「Vivus Instant」とは？ それでは、実際に「Vivus Instant」を使いながら、どのようなサービスなのかを見ていきましょう！ まずは、サンプルとして次のようなSVG画像を用意しました。 SVGは、ベクター形式で描かれたXML構造を持つデータですが、このままでは当然ながら静止画
Figmaは、現在人気となっているプロトタイプツールのひとつです。 SketchやAdobe XDと比較すると、「リアルタイムで他の人とコラボレーションできる」点が優れています。つまり、ネット環境さえあれば、ブラウザ上でいつでもプロジェクトを起動できます。 しかし、Figmaには大きな欠点とし、SketchやAdobe XDユーザーが使っているツールが見つからないことも。そんなときは、Figmaをカスタマイズ、拡張できるプラグインを利用してみましょう。 この記事では、Figmaのデザイン制作が捗る便利プラグイン52個をまとめてご紹介します。 ここでは、カテゴリー別に分けて新しいオンラインツールをまとめています。 コンテンツ目次 1. 生産性アップ、便利系 2. アニメーション向け 3. デザイン、クリエイティブ系 4. 配色、カラーパレット系 5. 地図、チャート図 6. ワイヤーフレーム
Webクリエイターは要チェック！CSS作業をバツグンに効率化してくれる無料のツール&アプリ17選｜SeleQt【セレキュト】
CSSの作業をする際に便利なWebベースのツールやアプリケーションをご紹介します。 すべて無料のものをそろえましたので、Webクリエイターの方はぜひチェックしてみてください！ extractCSS HTMLシートからclass, id, インラインスタイルなどを抽出してCSSスタイルシートとして形成するための便利なツールです。 CSS Beautifier CSSスタイルシートを自動でフォーマットしてくれるので、読みやすく統一感のあるデザインのページが出来上がります。 CSScomb コーディングのスタイルをフォーマットする機能を持っていて、CSSプロパティをソートしてくれます。 CSS Compressor 圧縮してサイズを小さくしてくれる便利なアプリケーションです。 Style Stats どんなスタイルシートからでも便利な統計を取ることができるツールです。 アクセスしてURLを入力す
日記 | ヨモツネット
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
変換ツール - TeX Wiki
いろいろな変換ツール † ここでは，TeX と合わせて用いることができる便利な変換ツールをまとめます． 目次 ビットマップ画像 (ラスターイメージ) ←→ PDF/EPS † JPEG は EPS2（正確には PostScript Level 2 の EPS）にするとサイズがあまり増えません． MuPDF (mutool) Linux Mint, Debian では mupdf-tools にコマンドが収録されています． mutool draw - render PDF/XPS/CBZ documents (PDF → PNG) Poppler (pdftocairo) Linux Mint, Debian では poppler-utils にコマンドが収録されています． pdftocairo - Portable Document Format (PDF) to PNG/JPEG/PDF
最近D3.jsをかなりいじってみました。APIをあれこれ調べ、すこし複雑なチャートを構築した後、長い間D3を誤解していたことに気づきました。それは私だけではありません。友達と話してみると、彼らもD3について勘違いをしています。そこで、よくある誤解のいくつかをはっきりとさせるために、この記事を書く事にしました。 D3はチャート・ライブラリではありません D3のホームページに行くと、たくさんの素晴らしいチャートとビジュアライゼーションを見ることができます。しかし、D3は、 Highcharts や Chart.js あるいは Google Charts のようなチャート・ライブラリではありません。ただ単に、データセットを受け渡すことや、必要なチャートのタイプ指定、凝ったチャートを入手することはできません。D3はそれよりもずっと低レベルなのです。D3上に構築されたチャート・ライブラリでは、たとえ
Emacsの中で動く作図ツールを作る
先日も書きましたが最近はEmacsの中で動く作図ツールを作っています。 ソース: misohena/el-easydraw: Embedded drawing tool for Emacs (github.com) 図1: org-modeの中で思いついた時に図を描きエクスポートするまでの様子 以前囲碁の棋譜編集ツールを作ってその時にも書きましたが、Emacsの中でこのくらいのことは出来ても罰は当たらないと思うんですよね(このくらい出来て当然だろ！の意)。 org-modeは素晴らしいツールでいろんな事が出来ますが、文書の中に別の要素を埋め込んで統一的に編集する機能はまだまだ改善の余地が沢山あると思います。(ソースコードブロックのようなテキストベースでプログラマーが誰でも喜ぶような物は充実していますけど) 特にGUI要素が全然足りません。例えば図を描くならditaaやPlantUMLなんか
SVG学習辞典
SVG(スケーラブルベクターグラフィックス)言語を学習しやすい辞典。ブラウザ対応別に並べてある。 お知らせ 2007/02/20 辞典の優先度の基準をブラウザ（とプラグイン）の対応別に変えた。 過去の履歴はこちら 目次 1，この辞典を読む前に 「要素」と「属性」という言葉については、SVGの基礎知識をご覧下さい。 「SVG学習辞典」は、SVG言語を学習するために作られた辞典。ブラウザ対応別に分けて、要素を解説する。上から順に読むと、学びやすいだろう。 辞典をひとまとめにダウンロードしたい>>ZIP形式の圧縮版（svg20050121.zip) この辞典はW3Cの勧告仕様「SVG1.1」と「SVG1.0」に従う。SVG1.1の邦訳板（http://www.hcn.zaq.ne.jp/___/REC-SVG11-20030114/index.html）を主に参考にしている。 2，索引 初心者は
TypeScriptはMicrosoftが開発するプログラミング言語です。JavaScriptのスーパーセットという位置づけで、静的型付けなど強力な言語機能を備えています。TypeScriptは高度なウェブアプリケーションの開発で使われることが多く、Google社内の標準言語として2017年に採用されるなど、注目が高まっています（参考記事『Google社内の標準言語としてTypeScriptが承認される － Publickey』）。 ▲TypeScriptの公式サイト TypeScriptはコンパイラによってJavaScriptのコードが得られますが、TypeScriptのコンパイラにはECMAScript Modules（ES Modules = importやexport文のこと）をまとめる機能が提供されていません。そのため、ES ModulesのJSファイルをまとめるモジュールバンド
今回紹介するツール ［ツール名］ImageMagick ［対象］Windows、UNIX、Linux、Mac OS、iOS ［提供元］ImageMagick Studio LLC ［ダウンロード先］［URL］http://www.imagemagick.org/［英語］ アプリ開発者向けの高機能画像変換・編集ツール 「ImageMagick」は、ビットマップ画像（.bmp）を作成、編集、変換するためのオープンソース（Apache 2.0ライセンス）のツールセットです。 ImageMagickは、BMPやGIF、PNG、JPEG、TIFFといった一般的な画像形式はもちろん、PostScript、EPS、SVGといった特殊用途向けの画像形式や、PDFなどのドキュメント形式にも対応しており、画像形式の相互変換やサイズ変更、カラー調整、合成、テキスト／図形の描画、サムネイル作成など、本格的な画像処
全デバイス・全ブラウザで PDF を読みたい - Kaizen Platform 開発者ブログ
TL;DR PDF を画面に埋め込む方法は、iframe, object, embed, Viewer（3rd party library の利用）がある。 ブラウザネイティブの PDF 表示機能はブラウザ差異が大きいため、PDF を canvas や svg に変換して表示するライブラリやビューアーを利用した方が安定する。 しかし 3rd party library / service の利用はバンドルサイズやランタイムでの変換にコストがかかるため、なるべくブラウザネイティブなやり方で PDF を開きつつ、一部ブラウザ向けに対してのみ 3rd party library/service 経由で表示するように分岐させたい。 どのブラウザならブラウザネイティブの機能が使えるかを調べるために、サポート範囲の全端末・全ブラウザで PDF の描画結果を比較・調査した。 はじめに 業務委託エンジニア
最近ではWebサービスやスマートフォンアプリにおいてもアニメーションの重要性は認識されつつあります。 機能としてのアニメーションは「FacebookアプリのLoading Placeholder」や「TwitterアプリのLikeボタンのフィードバック」のように何が起こっている（起きた）のかをわかりやすく伝えたり、「17 Live（イチナナ）」や「CASH」のSplashのようにロゴやブランドのイメージを強く印象づけたり、楽しませたりと使い方は様々です。 アニメーションをWebやアプリに組み込む方法は様々ありますが、今回は「Lottie」を使ってアプリにアニメーションを組み込む方法やメリットなどについて書こうと思います。 とはいえ今回はデザイナー編でして、AfterEffectsで簡単なアニメーションを作ってLottie用にデータを書き出すというところまでをご紹介します。 最後にアニメーシ
Copper PDF
Java版ドライバ 2.2.3をリリースしました 2024年3月26日 Java版ドライバ 2.2.2をリリースしました 2024年3月13日 Copper PDF 3.2.27 をリリースしました 2023年12月18日 Copper PDF 3.2.26 をリリースしました 2023年12月12日 Copper PDF 3.2.25 をリリースしました 2023年10月4日 Copper PDF 3.2.24 をリリースしました 2023年9月12日 ドライバのダウンロードについて（SourceForge / OSDNの障害） 2023年7月21日 Copper PDF 3.2.23 をリリースしました 2023年6月13日 Copper PDF 3.1.16 / 3.2.22 をリリースしました 2023年4月4日 Java版ドライバ 2.2.1をリリースしました。 2023年4月4
※記事内の情報が古くなっています。 ファーストインプレッション！ E2D3 ver. 0.2 (Excel to D3) | MA【エム・エー】 by Mashup Awards Excelでいつも作っているグラフをもっと恰好良くしたくないですか？でも，デザインソフトを自分で習得するには時間がかかりますし，グラフ作成をデザイナーに依頼にはお金がかかります．そこで我々は，ExcelからD3ライブラリーを簡単に呼び出せるOffice用アプリE2D3（Excel to D3）を開発しました．D3は2014年，世界で最も注目されているグラフィックライブラリーです．E2D3を使えば，D3の詳細な中身を理解する必要なく，簡単なExcel操作のみでビジュアルインパクトが強烈なグラフを作成できるようになります！ 以前から注目していた「E2D3」がリリースされたそうなので使ってみました。 詳しい内容は以下の
新年あけましておめでとうございます。 昨年はあっという間に過ぎ去ってしまったので、2023年はたくさん開発していきたいです。 はじめに はじめまして、kosei28という者です。 普段は大学に通いながら個人開発している19歳です。 この度、Chatockという掲示板のようなWebアプリを開発したので、紹介させてください。 つくったもの スレッドを作って、その中に投稿することができます。 スレッドにはタグをつけることができて、タグによってスレッドを検索することができます。 いいねをすることもでき、いいねしたスレッドや投稿は自分のライブラリページから見返すことができます。 背景 さて、皆さんはSvelteKitを知っていますか？ SvelteKitとは、SvelteのWebアプリを開発するためのフレームワークで、ReactにおけるNext.jsのようなものです。 ルーティングやSSRなどができ
CNET Japan - 「Firefox 1.5」の正式版がついに登場--セキュリティ機能などが向上 http://japan.cnet.com/news/media/story/0,2000047715,20091847,00.htm ITmedia - Firefox 1.5、正式リリース。日本語版も http://www.itmedia.co.jp/news/articles/0511/30/news017.html Firefox 1.5 リリース！ついに、SVGネイティブサポート！！ Mozilla Corporation http://www.mozilla.com/ Firefox http://www.mozilla.com/firefox/ さっそくFirefox 1.5をダウンロード・インストールして、SVGを見てみよう！ SVGサンプル集 http://www.cr
Gophercises: 実践的な20種類のエクササイズで Go を学ぼう - kakakakakku blog
もっと Go を学びたくて学習コンテンツを探しているぞー👀という人におすすめできる「Gophercises」を紹介する❗️計20種類あるエクササイズ（どれも楽しい🌸）をほぼ全て動画を観ながら写経して，とにかく楽しかったのでまとめることにした💡 動画を観ながらコードを写経できる エクササイズは計20種類もある どのエクササイズもすぐに使えそうなテーマで楽しい 無料で学べる A Tour of Go の次に取り組むのも良いし，構文を学ぶより実践的なテーマで実装しながら学びたいけどネタが思い付かないときに取り組むのも良いと思う👌 ＼( 'ω')／ Gophercises! Gophercises! gophercises.com エクササイズ一覧 Gophercises には「計20種類」のエクササイズがある❗️参考までに日本語概要も載せておく． CLI 実装・API 実装・PDF 生成
Hello there, ('ω')ノ これまで、実例をもとに学んだ脆弱性診断につかえる実践的なテクニックは以下のとおりで。 ・サブドメインの1つに403を返すエンドポイントがある場合は、通常のバイパスは機能しないので、Refererヘッダを変更すると200 OKが取得できる場合があります。 ・エンドポイントのディレクトリとリクエストボディを削除して、メソッドを「PUT」から「GET」に変更すると隠されたエンドポイントに関する情報を取得できる場合があります。 ・見つけたエンドポイントに通常アカウントで403エラーが発生した際、管理者アカウントのjsonリクエストの本文と比較して差分のパラメータを追加するとアクセスできる場合があります。 ・Linux環境でコマンドを実行する際、スペース文字をバイパスするためのペイロードは以下のとおりです。 cat</etc/passwd {cat,/etc/
【これはスゴい】グーグル流ログインフォームの最適化テクニック集【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
すべてのWeb担当者が読んで学んで絶対に損がない情報がでてきた。グーグルが公開した、サインイン（ログイン）用フォームのベストプラクティスを詳細に解説する記事だ。 SEOに直接関係する話題ではないが、UX改善のベストプラクティスとして（新しいHTML技術の情報も含めて）非常に有用だ。少しでも多くの人に教えたい。 ほかにも、今回はおもしろいネタが多い。GoogleのSERPでのタイトル書き換えを回避する超効果的な対策や、ソーシャルメディア活用ノウハウ、ラスタ画像からSVG生成などなど、あなたのサイト運営やSEOに役立つ情報を、今週もまとめてお届けする。 グーグルSERPでのタイトル書き換えは6割も!? 負け組titleタグ6つの特徴と超効果的な対策とは？ページの中身を変えず日付だけ新しくすればSEO効果ありますよね？「iframe埋め込み時だけインデックス可」indexifembeddedタグ
2010/01/14 Webブラウザ上のJavaScript環境でFlashのランタイムを実装したオープンソースプロジェクト「Gordon」が1月14日にGitHub上で公開された。開発したのはミュンヘン在住のTobis Schneider氏で、MITライセンスでライブラリを配布している。GordonはSWF3アクションモデルをサポートしていて、ActionScript 2のVMも今後のリリースに含む予定という（対応タグ一覧）。 GordonはFirefox、Chrome、Safari、それにiPhone上のMobile Safariなどで動作している。＠IT編集部で試したところ、サンプルとして付属する3つのswfファイルはChrome上で問題なく表示でき、アニメーションすることも確認できた（デモはここ）。本家のFlash 10よりやや遅いという程度で十分実用的な速度。iPhone 3G上
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
「こんなことできちゃうの?!」「もっと早く知りたかった。」 この記事では、ホームページ制作を快適にする最新オンラインツール48個をまとめてご紹介。 ウェブデザインに限らず、グラフィックなどあらゆるクリエイティブな案件、プロジェクトで活躍しそうな便利な新ツールを揃えています。 時間の短縮はもちろん、面倒だったあの作業も自動化できてしまうことも。 大型連休中におすすめのワクワクするようなツールを集めました。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール（14個） 2. デザインツール（13個） 3. 配色ツール（5個） 4. プロトタイプ・アイコンツール（6個） 5. クリエイティブ・面白ツール（10個） Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Webデザイン便利ツール Loaders
Color converter - HEX to RGB and rgb to hex color converter
Color Converter Tool: HEX, RGB, HSL, CMYK Welcome to our comprehensive guide on color systems and how our Color Conversion Tool seamlessly transitions between HEX, RGB, HSL, and CMYK. Whether you’re a designer, developer, or just someone interested in digital color manipulation, this guide and tool are for you. Understanding the Color Systems 1. HEX (Hexadecimal Color) Description: HEX color codes
面倒なWeb制作の作業を効率化できるタスクランナー。もう使っていますか？ 現在もっともポピュラーなタスクランナーであるgulp.jsの使い方を解説します。 開発者は、限りある大事な時間をコーディングに費やします。たとえ面倒な会議をさぼっても、仕事時間の大半は地味な作業に奪われています。 テンプレートとコンテンツファイルからHTMLを生成する 新しい画像と変更された画像を圧縮する SassをCSSコードにコンパイルする スクリプトからconsoleとdebuggerのステートメントを削除する ES6をブラウザーとの互換性が高いES5に変換する コードの埋め込みと検証 CSSとJavaScriptファイルの連結と縮小 開発サーバー、ステージングサーバー、運用サーバーにファイルを展開する なにか変更があるたびに、作業は繰り返されます。作業を繰り返すうちに、一番優秀なエンジニアでさえ画像のひとつや
Fireworks で戦国武将の家紋を作って SVG な Web Font に変換してみる - 歴史雑談録
どうも、松田直樹@まぼろし でございます。 当方、実はWeb制作が本業でして、このような記事を書くハメになってしまいました。（いや、喜んで書いてますよ） 「Fireworks」ってのは Photoshop のようなグラフィックツールでございまして。 Web制作に特化した機能が豊富だったりで Webな方々には多く使われていたりするのですが、僕も右に倣えで頻繁に使用しているわけです。この Fireworks に関する記事を書くにあたり、この歴史雑談録に何とか絡めようと表題のようなテーマに及んだ次第にござりまする。 ということで、この記事は「Fireworks Lover Advent Calendar 2012」の20日目の記事となります。（長いです。すんません） 今現在、Web制作界隈においては「脱ビットマップ」「SVG元年」といったキーワードが脚光を浴びておるわけですから、なんと時勢を読ん
特集:Visual Studio Code早分かりガイド | Insider.NET > Insider.NET 全記事一覧 - ＠IT
最終更新日： 2018年12月28日 Visual Studio Code TIPS（2018/12/28） VS CodeでMarkdownをプレビューするには？VS CodeでMarkdownをHTMLやPDFに変換するには？VS Codeでテキストを矩形選択するにはVS Codeで表示言語を変更するにはVS Codeでエンコーディングを変更、自動判別するにはVS Codeでファイルを比較し、差分（diff）を表示するにはVS Codeで指定範囲をコメントにしたり戻したりするにはVS Codeの［エクスプローラー］ビューに表示するファイルを制御するにはVS Codeのファイルアイコンを変更するにはVS Codeのサイドバーの表示をキーボードで切り替えるにはVS Codeを持ち運ぶには（ポータブルモード）VS Codeでテキストの折り返しを設定するにはVS Codeでウィンドウサイズを制
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
404 Blog Not Found:書評x3 - SQL本三大対決
ワイが個人的に便利だと思っていてよく使っているJavaScriptモジュール(npm)たち - Qiita
Google、FlashをHTML5に変換するツール「Swiffy」を公開 iOSにも対応
アニメーションやグラフ等、SVGを使ったJavaScript＆jQueryプラグイン11
エキスパートたちが語る、Webパフォーマンス最新テクニック
ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄い:phpspot開発日誌
お手数おかけしますが笑ったコピペ貼っていってよ : あじゃじゃしたー
AppleとAdobeの確執を追う！二社の争いから見る変化の予兆 - はてなニュース
ポリゴン風イラストを自動で作成できるアプリまとめと、その可能性 - 聴く耳を持たない(片方しか)
画像最適化戦略 Lazy Loading 編 | blog.jxck.io
2020年に注目したい人気プロトツール「Figma」のベストプラグイン厳選52個まとめ
D3.jsにあてはまらないこと | POSTD
最新版TypeScript+webpack 5の環境構築まとめ(React, Three.jsのサンプル付き) - ICS MEDIA
アプリ開発者御用達の画像処理ツール「ImageMagick」を普段使いに
Lottieでアプリにアニメーションを組み込む話（デザイナー編） - くらげだらけ
Excel上でD3.jsを使ったグラフを表示する「E2D3」を使ってオリジナルなグラフを表示してみた。
SvelteKitが正式リリースされたのでtRPCとPrismaを使ってWebアプリを開発してみた
Firefox 1.5 リリース！SVGネイティブサポートの衝撃！！ - モジログ
脆弱性診断につかえる実践的なテクニックを列挙してみた - shikata ga nai
FlashランタイムのJavaScript実装「Gordon」が登場 － ＠IT
ヨモツネット[日記] ≫ CSS ファイルだけで IE 6 の背景に設定した png のアルファチャンネルを有効にする
こんなことできるの?!ホームページ制作が楽しくなる最新オンラインツール48個まとめ
面倒な作業も発狂しない！Web制作を超効率化するgulp.jsの始め方（2017年版）
