並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 3609件

新着順 人気順

gifの検索結果1 - 40 件 / 3609件

  • ScaleOut | Supership

    「ミライリアルの幸せを、デジタルの力で創る」ことを目指すSupershipグループの社内報です。日々の出来事、メンバーの働く様子や声、未来への想いなど、Supershipグループの”Be Super”なストーリーをみんなでシェアしていきます。

      ScaleOut | Supership
    • 【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog

      The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

        【Photoshop入門】Webデザインをはじめよう!第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
      • 白地図、世界地図、日本地図が無料【白地図専門店】

        無料データfree 簡易な用途には気軽に使える無料の白地図を。 WordやExcel、SNSやBlogなどでの簡易な利用には無料で使える白地図がオススメ。商用利用でも無料の白地図は追加料金不要で使えます。 商用利用commercial すべての白地図は営利目的の商用利用でもご使用いただけます。 有償で提供している白地図はもちろん、無料で提供している白地図も追加料金不要で、商用利用にお使いいただけます。

          白地図、世界地図、日本地図が無料【白地図専門店】
        • これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋

          公開前に知人に見せたら、読むのに20分もかかったわ!! と、お叱りを受けましたw オススメのツールやWEBサービスということで50ほど紹介していますが、僕の使用感のほかに、ところどころ経験談的なものが入っています。そのあたり、読むのがめんどうな方は読み飛ばしていただければ幸いです。 2万文字近くあるので、お時間ある際にゆるりと読んでいただければと思います。 それではお楽しみ下さい! サイト解析に使えるツール・サービス import.io Juicer Ptengine GTmetrix CLOUD FLARE wayback timemachine シミラーウェブ Open Site Explorer サクラサクLABO aguse Built with ディレクションに使えるツール・サービス ウェブチェッカー Cat Mdes maindmaister ひとりブレスト 関連キーワード取得

            これ知ってる?WEBの人なら押さえておきたいツール&サービス50選 - 死ぬまでWEB屋
          • 今日からはじめるGitHub ~ 初心者がGitをインストールして、プルリクできるようになるまでを解説|ハイクラス転職・求人情報サイト AMBI(アンビ)

            今日からはじめるGitHub ~ 初心者がGitをインストールして、プルリクできるようになるまでを解説 エンジニアであれば、チーム開発ではもちろんのこと、個人開発でもGitを用いてバージョン管理していきたいもの。今回は、GitやGitHubをはじめて使う人に向けて、導入から初歩的な使い方までを解説します。 ソースコードの管理はできていますか? ファイルを修正するときに、修正前のソースコードをhoge.php.bakのようなバックアップファイルとして残し、開発環境をゴミだらけにしていませんか? エンジニアであれば、チーム開発ではもちろんのこと、個人開発でもGitを用いてバージョン管理していきたいもの。今回は、GitやGitHubをはじめて使う人に向けて、導入から初歩的な使い方までを解説します。 ここではGitの詳細な仕組みには触れません。GitやGitHubを利用したことのない人が、Gitを

              今日からはじめるGitHub ~ 初心者がGitをインストールして、プルリクできるようになるまでを解説|ハイクラス転職・求人情報サイト AMBI(アンビ)
            • ネットで情報収集するより何倍も濃密な学びが得られる10冊の良書 【おすすめ本をレビューする】- Literally

              本当の良書とは、内容が何らかの形で自分の血肉になり、引き出しをいくつも増やしてくれるようなものだ。 そのような良書は、得てして何十年前も昔の本に多い。何十年も読まれ続け、検証され続けてきた理論や法則は、たとえ現代では通用しなかったとしても知っておくだけの価値がある。 もちろん、相対的にヒット率は低くなるが、近年発売された本の中にも良書はある。過去から現代までの経済や科学、ビジネスのエッセンスを分かりやすく体系化したものや、世の中の新しいトレンドや最先端の科学について事細かく言及したもの。それらの良書を読むことは、インターネットに細切れに散りばめられた良質な情報をかき集めるより、ずっと効率的に学びが得られる。ここでいう学びとは、必要な知識を増やし、思考をブラッシュアップし、あるものごとにたいして考える視点をひとつ増やしてくれることだ。 そんな学びを得られる良書をここでは10冊紹介する。 濃密

                ネットで情報収集するより何倍も濃密な学びが得られる10冊の良書 【おすすめ本をレビューする】- Literally
              • サービス終了のお知らせ - NAVER まとめ

                サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

                • Ajaxload - Ajax loading gif generator

                  Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"

                  • たった1行で完成?凄まじくレスポンシブデザインなサイトの作り方 | DECONCEPTER

                    簡単に作れる!みんな大好き可変グリッド 先日話題になっていた「なんだこれ!!「NHKスタジオパーク」のレスポンシブ・ウェブデザインが凄まじくレスポンシブ!!」で紹介されていたNHKスタジオパークのレスポンシブデザイン。 こちらのサイト、プラグインを使ってとてもシンプルに作られています。キレイ。このシンプルさを伝えたくてうずうずしてきました。せっかくうずうずしたのでどんな作り方をしているのかサンプルを交えて紹介します。 まずはこちらのデモを御覧ください。 凄まじくレスポンシブデザインなサイトデモ 使われているのはjQuery Masonryというプラグインだ! @planetofgoriさんのブログで紹介されているように、jQuery Masonryというプラグインが使われています。このプラグインたった数行でNHKのサイトのような可変グリッドレイアウトが作れてしまいます。可変グリッドのレイア

                    • Engadget | Technology News & Reviews

                      Research indicates that carbon dioxide removal plans will not be enough to meet Paris treaty goals

                        Engadget | Technology News & Reviews
                      • 小さな画像を美しく拡大する「SmillaEnlarger」 - SourceForge.JP Magazine : オープンソースの話題満載

                        デジカメ写真などの画像ファイルを拡大したいときは画像編集ソフトを使うのが一般的だ。しかし、通常のソフトで解像度が低い画像を無理やり拡大すると、まるでドット絵のような輪郭がギザギザの画像になったり、ノイズが目だったりして画質が大きく低下してしまう。そこで利用したいのが今回紹介する「SmillaEnlarger」である。 SmillaEnlargerは画像拡大専用に作られたツールだ。画像の拡大時に輪郭などのデータを自動で解析・補完して、とてもなめらかに美しく拡大してくれる。処理には独自のアルゴリズムを用いており、拡大後の画質は広く高画質として知られているバイキュービック法をしのぐ(図1、2)。 読み込みに対応している画像の形式はBMP/JPEG/PNG/PPM/TIFF/GIFの6種類。この内GIFを除く5種類での出力に対応しており、拡大しながら形式変換を行える。切り抜き機能もあるので、必要な

                          小さな画像を美しく拡大する「SmillaEnlarger」 - SourceForge.JP Magazine : オープンソースの話題満載
                        • サイトやブログの運営でよく使いそうな.htaccessの設定のまとめ

                          ウェブサイトやブログの運営でよく使いそうな便利な.htaccessの設定を紹介します。 こういうまとめは定期的にあがってきますが、やっぱり必要なのでシェアします。 10 useful .htaccess snippets to have in your toolbox [ad#ad-2] 下記は各ポイントを意訳したものです。 URLからwwwを削除 hotlinkingの防止 feedをfeedbunnerにリダイレクト カスタムエラーページ ダウンロードファイルの処理 PHPのエラーのログ URLからファイルの拡張子を削除 ディレクトリのファイルリストを見せない ファイルを圧縮して軽量化 文字コードの指定 URLからwwwを削除 SEOなどの理由で、URLからwwwを削除して使うことがあるかもしれません。このスニペットは、あなたのウェブサイトにwww付きでアクセスしてきてもwww無しに向

                          • 市町村変遷パラパラ地図

                            版別に探す 完全版 樺太| 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県| 京都府| 大阪府| 兵庫県| 奈良県| 和歌山県 鳥取県| □島根県| 岡山県| 広島県| 山口県| 徳島県| 香川県| 愛媛県| 高知県 福岡県| 佐賀県| 長崎県| 熊本県| 大分県| 宮崎県| 鹿児島県| 沖縄県 □は外部リンク、リンク先の方の作成(□:DMさん) 簡易版 北海道| 青森県| 岩手県| 宮城県| 秋田県| 山形県| 福島県 茨城県| 栃木県| 群馬県| 埼玉県| 千葉県| 東京都| 神奈川県 新潟県| 富山県| 石川県| 福井県| 山梨県| 長野県| 岐阜県| 静岡県| 愛知県 三重県| 滋賀県|

                            • ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!|男子ハック

                              Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利! 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス!Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連:1

                                ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク!|男子ハック
                              • Effects - PhotoFunia

                                Performing image editing and applying picture effects to any image is a time consuming exercise that is fit only for an avid photoshop user. If you’re looking for a quick and professional picture effects online service, then PhotoFunia is the solution you’ve been looking for. With PhotoFunia you can edit photos online for free in a matter of seconds resulting in high quality photo collages. Not on

                                  Effects - PhotoFunia
                                • 【予想外】斜め上をいく文の里商店街のポスター52点

                                  大阪市阿倍野区にある「文の里(ふみのさと)商店街」では、最近シャッターを下ろした店が目立つようになってきました。 そこで、商店街の活気を取り戻そうと大阪商工会議所が、商店街のPRポスター約200点を、電通関西支社に依頼して制作しました。制作したのは電通関西支社の若手クリエーター60人。そこで制作されたポスターが斜め上をいっていて素敵でしたのでご紹介します。(本当は全部センスがあって紹介したいのですが、今回は特に気になったポスターをご紹介します) 大嶋漬物店 ポスター? はよ作ってや。死ぬで。 やっと気付いた。この仕事、しんどい。 お漬かれさまでした。という文字までこだわっています。すごい。 鳥藤商店 いいムネあります。 いいモモあります。 浜口鮮魚店 おめで鯛!があるならメリークリス鱒!てのはどやろ。 これ、スズキ。僕、ハマグチ。 アンティーク着物 姉妹屋 その着物 かわいいやん かわいい

                                    【予想外】斜め上をいく文の里商店街のポスター52点
                                  • 30分でできる!Webサイトを高速化する6大原則 (1/4)

                                    Webサイトを制作するとき、「パフォーマンス」を気にしたことがあるだろうか? もしまったく気にしたことがないなら、気をつけた方がいい。閲覧に時間のかかる“遅いWebサイト”はユーザーにフラストレーションを与え、閲覧をやめさせてしまう恐れがある。 下記のグラフは、「Simple-Talk」という海外のオンラインメディアで発表されたユーザー調査の結果だ。アンケートページの表示にかかる時間を意図的にコントロールし、表示時間によってユーザーが感じるフラストレーションの違いを調べたものだ。 縦軸がフラストレーション(10段階)、横軸が表示までの時間を表している。1~5秒以内にページが表示された人に比べ、ページ表示までに5秒以上かかった人は2倍以上もフラストレーションを感じている。フラストレーションがあまりに高ければ、せっかく何らかの目的を持って訪れてきたユーザーも待ち切れずにブラウザーを閉じてしまう

                                      30分でできる!Webサイトを高速化する6大原則 (1/4)
                                    • 【簡単レシピ】「白菜サラダ」確かにどんぶり一杯食べられるぞこれは!美味い! - ネタフル

                                      【レシピ】どんぶり一杯食べられるという「白菜のサラダ」を作ってみたい!という記事を書きましたが早速、作って食べてみました。そうしたら、これが美味いのなんの! レモン汁でさっぱり、粗びき胡椒でピリリ、本当にどんぶり一杯食べられるレシピでした〜♪ 「白菜サラダ」の作り方は簡単! 用意するのは白菜、ベーコン、レモン汁、マヨネーズ、粗びき胡椒です。あら、家にもあるわ、という材料ばかりではないでしょうか。 1. 水洗い水切りした白菜をカットする(緑は1cm幅、白は2〜3mm幅) 2. ベーコンを5mm幅にカットしカリカリ手前まで炒める 3. 炒めたベーコンにワインビネガーまたはレモン汁を入れる 4. ベーコンを白菜に投入しマヨネーズちょい&粗びき胡椒たっぷり 5. かき混ぜる! マヨネーズや粗びき胡椒の量はお好みで。ピリリと辛いのが好きならば、粗びき胡椒は多めが良いでしょう。 「白菜サラダ」を作って

                                        【簡単レシピ】「白菜サラダ」確かにどんぶり一杯食べられるぞこれは!美味い! - ネタフル
                                      • 最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q

                                        Preloaders.net - Loadin... / Iconizer.net | Free icon... / Ultimate CSS Gradient Ge...他...全6件

                                          最近のWeb制作で必ず1度はお世話になる便利なジェネレーターまとめ5つ - W3Q
                                        • https://www.outward-matrix.com/entry/20160316153000

                                            https://www.outward-matrix.com/entry/20160316153000
                                          • ブログで稼ぐ方法 | 30万PV・10万円稼ぐまでにやってきたアクセスアップとマネタイズの方法を全部書く

                                            この記事には広告を含む場合があります。 記事内で紹介する商品の購入やアプリをダウンロードすることで、当サイトに売り上げの一部が還元されることがあります。 当ブログは2014年11月に開設しておりかれこれ5年目。なんとか生き残っています。その間右肩上がりでPVが爆増したこともあれば、様々な環境の変化に耐えてきたこともあります。 多くの先人の知恵を借りつつ私が取り組んできたブログのアクセスアップ、マネタイズの方法をこれまでいくつか書いてきたんですが、情報のアップデートも兼ねてまるっとまとめていきます。 そもそもブログは稼げるのか?私がブログを始めた2014年から2016年ごろは今思うとイージーゲームで今思うと「ブログで簡単に稼げる」という時期でした。私もその恩恵を受けまくりましたが2019年現在かなり難易度が高くなっています。 しかし、それでも私がブログを続けてる理由は副業としてここまで優秀な

                                              ブログで稼ぐ方法 | 30万PV・10万円稼ぐまでにやってきたアクセスアップとマネタイズの方法を全部書く
                                            • Raspberry Pi3で自動ノート取り装置を作った - いきるちから

                                              はじめに 数理情報工学実験第二という演習で、Raspberry Piをつかって何かを作ることになりました。そこでAMATERASUという自動ノート取り装置を作ったので紹介します。 そもそもRaspberry Piって? Raspberry Pi3 Model B ボード&ケースセット (Element14版, Clear)-Physical Computing Lab 出版社/メーカー: TechShareメディア: エレクトロニクスこの商品を含むブログ (3件) を見る これです。安くて小型で色んなセンサーをつけて遊べるコンピュータです。今回はカメラモジュールを使いました。 自動ノート取り装置とは 自動ノート取りの目標は、講義を撮影した動画*1を処理することで、ノートの代わりとして使える画像を出力することです。具体的には次のgifのような画像を次々出力していくのを目標にしています。黒くな

                                                Raspberry Pi3で自動ノート取り装置を作った - いきるちから
                                              • デザインの原理原則がわかる8つの記事 | creive

                                                デザインをする際に、IllustratorやPhotoshop、Sketchが使えるといった、小手先の技術はもちろん大切ですが、そもそも「良いデザインとは何か」という概念的なことを知っておくのは大切です。 そこで、今回は、ノンデザイナーでも押さえておくべき、デザインの原理原則がわかる8つの記事を簡単な説明とともにご紹介します。 企画書の作成、簡単なモックアップをつくる際にも役立つものばかりです。 配色技法 デザインをしていて「良い配色」が思い浮かばない… なんて時に読むと考えがまとまる記事です。 「良い配色」という、なんとなく持っている概念を、論理的に説明したい時には重宝します。ドミナントカラー、トーンイントーン、カマイユなど7つの配色技法を、具体的な例を用いて説明しつつ、配色によってもたらされる効果を知ることができます。 → 配色に悩んだときに、きっと役立つ7つの配色技法【基本】 配色パ

                                                  デザインの原理原則がわかる8つの記事 | creive
                                                • gitでアレを元に戻す108の方法 | Webシステム開発/教育ソリューションのタイムインターメディア

                                                  以前gitで一度行った変更をなかったことにする方法4つを紹介しましたが、 日常的に git を使用していると他にも様々な 「なかったことにしたい」「元に戻したい」 という状況に遭遇します。 そのひとつひとつについて対処方法を紹介していきます。 目次 問題1: ライブラリの新機能を試すためにあれこれ適当なコードを書いてみた。でももう要らない。問題2: トピックブランチをマージしたけど実はまだ不完全だった。マージをやり直したい。問題3: リリース後に発覚したバグ。原因は30日前に自分が行ったコミットだった。なかったことにしたい。問題4: 新しいコミットしようとして間違えてgit commit –amendで書き換えてしまった。元に戻したい。問題5: 色々作業していたら作業ディレクトリの内容が混沌としてきた。一度綺麗な状態にしたい。問題6: 作業ディレクトリにゴミファイルが溜まってきた。一度綺麗

                                                    gitでアレを元に戻す108の方法 | Webシステム開発/教育ソリューションのタイムインターメディア
                                                  • Stripe Generator - ajax diagonal stripes background designer

                                                    Play with sliders and color pickers, untill you obtain a super-cool stripe tile Press "Download" to save your creation Edit your css adding this line to the element you want to stripe:

                                                    • GIFやJPEG画像をベクター化できるオンラインサービス -VectorMagic | コリス

                                                      VectorMagicは、ロゴ・写真などのGIF・JPG画像をオンラインで、ベクター化できるオンラインサービスです。 VectorMagic VectorMagicでは、ロゴや写真などアップロードした画像をベクター化し、EPS・SVG形式でダウンロードすることができます。 画像をVectorMagicにアップロードすると、「写真」「ロゴ」など画像のタイプを選択します。

                                                      • アニメGIFに縦線2本を入れるだけで3D化できることが話題に | Token Spoken

                                                        アニメGIFに何本か縦線を入れるだけで、アニメGIFを3D化出来ると言う信じられない話が、本日欧米で話題になっておりました。 それでは早速12連発でどうぞ! 1 2 3 4 5 6 7 8 9 10 11 12 縦線の奥行きでの位置(Y)を決めて、その前後に物をはみ出させたり引っ込めたりすることによって、人間の目があたかも本当に奥行きがあるかのように錯覚してしまうんですねぇ。 いやしかし、我々人間の脳と、こんな事を思いつく方が素晴らしい! 普段は欧米の最先端テクノロジー業界情報を配信しておりますので、twitterやFacebookページ、Google+で是非フォローをお待ちしております。 また、記事の買い取り行ってますのでKataribeも是非よろしくお願いします! GIFs: 3D pictures become possible with two straight lines

                                                          アニメGIFに縦線2本を入れるだけで3D化できることが話題に | Token Spoken
                                                        • タグ : 私たちの気付かない漫画のこと 一覧ページ|Zing!

                                                          情報コンテンツサービス終了のお知らせ 2020年9月30日(水)をもちまして、以下コンテンツを終了いたしました。 【終了するコンテンツ】 Zing! 長らくご愛顧いただきました皆さまに感謝を申し上げますとともに、ご理解を賜りますようお願い申し上げます。 トップページ - サイトマップ - お問い合わせ

                                                          • ジムに通わない筋トレについて - GSSMBOYの逆襲

                                                            ファッションをあれこれブログに綴っているのに、体型がハンプティ・ダンプティではお笑いである。 ぼくは「体型隠しのテクニック」「ポチャカワ」そういったものをはっきり言って馬鹿にしている。 身長ならいざ知らず、太っているのをごまかすのは結局逃げであり、努力を怠っていることに他ならない。 ぼくが日々続けていることはそんなに難しいことではない。 はじめに 筋トレの基礎知識 筋トレ実践 腹筋 クランチ 上体起こし 腕立て伏せ スクワット +α 懸垂 ドローイン まとめ はじめに タイトルにもあるとおり、ぼくはジムに通っているわけではない。家でできる範囲のことをしているだけ。 これは去年の数値。 脅威の体年齢16歳である。ぼくはトレーニングの専門家ではないし、かなり自己流であるところも大きいが、結果として現れているので多少の信憑性は確保しているはず。 ダイエット目的の人にも、筋トレを始めてみたいという

                                                              ジムに通わない筋トレについて - GSSMBOYの逆襲
                                                            • 犯してはいけないHTMLタグの過ち10個

                                                              【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を

                                                                犯してはいけないHTMLタグの過ち10個
                                                              • 一部だけが動いてるgifって良いよな : ぶる速-VIP

                                                                一部だけが動いてるgifって良いよな 1: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:43:28 ID:GGSaa8BR0 シネマグラフというらしい お前らのお気に入り下さい 5: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:46:29 ID:GGSaa8BR0 見てて落ち着く 6: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:47:13 ID:vTtIZ5G+0 うおーいいなあ 7: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:47:26 ID:GGSaa8BR0 不思議 10: 以下、名無しにかわりましてVIPがお送りします 2014/02/11 02:48:30 ID:GGSaa8BR0 きゃわわ 11: 以下、名無しにかわりましてVIPがお送りします 2

                                                                  一部だけが動いてるgifって良いよな : ぶる速-VIP
                                                                • 【翻訳】Gitをボトムアップから理解する

                                                                  John Wiegleyさんの "Git from the bottom up" を翻訳しました。 元PDFはこちらからダウンロードできます: http://newartisans.com/2008/04/git-from-the-bottom-up/ 元記事のライセンスがクリエイティブコモンズのBY-SAであったため、この翻訳もBY-SAとなります。 ライセンスを守って自由にご利用ください。(詳しくは記事内の最初にも書いてあります) 翻訳ミスの指摘や改善の提案等があればブログコメントやTwitter(@oshow)などで遠慮なくどうぞ。 Git をボトムアップから理解する Wed, 2 Dec 2009 by John Wiegley 私が Git を理解しようと調査した時、高級なコマンドの視点から眺めるよりボトムアップ式に理解することが役立った。そしてボトムアップ視点で見る Git が

                                                                    【翻訳】Gitをボトムアップから理解する
                                                                  • JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ

                                                                    JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、イベントループ、スコープチェーン、プロトタイプ継承、非同期処理、ジェネレータ関数、Hoisting(巻き上げ)など、GIFアニメを使用して詳しく解説しています。 シリーズ7本すべてと、プラス1として楽しく学べるクイズもあります。 JavaScript イベントループの仕組み JavaScriptでエラーの原因となるHoisting(巻き上げ)の仕組み JavaScriptのスコープチェーン・変数参照の仕組み JavaScriptエンジンの仕組み JavaScript プロトタイプ継承の仕組み JavaScriptのジェネレータ関数とイテレータの仕組み JavaScriptの

                                                                      JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ
                                                                    • どうしてインターネットの人って性格悪いの?

                                                                      インターネットを見ているといつも喧嘩ばかりしていて疲れませんか? どうしてインターネットには悪意が蔓延するのか、そして悪意にどうやって対処するべきか・・・。有名なインターネットの博士の意見を聞いてみましょう。 <登場人物> エリコちゃん 仕事のときにツイッターをしているOL。 ミカ先輩 仕事のときにツイッターをしているOL。 インターネットはかせ 仕事のときにツイッターをしている博士。 今日もネットの人たちはしょうもないことで争ってる・・・ ハァ~・・・ どうしてインターネットの人たちって仲良くできないんだろ・・・ どうしたんじゃエリコちゃん、そんなため息をついて。 あなたは・・・ いつぞやのツイッターはかせ!? いや違う、わしはインターネットはかせじゃ。 ツイッターはかせとは似て非なるものじゃ そうだったんだ・・・ 本当によく間違えられてこっちも迷惑しとるんじゃ。 この機会に見分け方を憶

                                                                        どうしてインターネットの人って性格悪いの?
                                                                      • 縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツール「Print1」 | WebNAUT

                                                                        モバイルサイトのデザインデータなど、縦長の画像を自動分割して印刷用に1枚にまとめるツールを作成しました。 データのアップロード等も不要ですので、機密性の高いデータを印刷する場合でも安心して無料でお使いいただけます! 明けましておめでとうございます。本年もWebNAUTをよろしくお願い致します。私の新年1本目の記事は特に正月らしい内容ではありませんが、Web制作の各場面で使える「痒い所に手が届く」ツールを紹介させていただきます。 デザイン確認時のよくあるやりとり ディレクター: ここでディレクターさんはデザインの確認と指示出しをどのように行うでしょうか? デスクトップ上で修正指示を書き込むようなアプリも幾つかありますが、やはり見やすさや書き込みのしやすさでは紙に印刷して手書きで指示を書く事が多いと思います。 その際、縦に長い画像を印刷しようとすると一般的なアプリではこのようになってしまいます

                                                                          縦に長い画像を1枚で印刷する際に自動分割してレイアウトするツール「Print1」 | WebNAUT
                                                                        • dfltweb1.onamae.com – このドメインはお名前.comで取得されています。

                                                                          このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2020 GMO Internet, Inc. All Rights Reserved.

                                                                            dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
                                                                          • なぜドット絵作家が、海外ファンからの課金支援で生活できるようになったのか?|クリエイターエコノミーラボ

                                                                            どこかノスタルジアを感じさせるドット絵・GIFアニメを発信し、国内外から支持されるイラストレーターの豊井さん。 彼が主に扱うモチーフは、特別で非日常的な何かというよりは、日本で暮らす人なら日常的に見かけるような、生活の中にありふれた景色です。 *画像は全て豊井さんのTumblrアカウントより引用* アニメーションの動き自体は単調なようで、思わずついじっと見入ってしまい、いつの間にか時間が経ってしまっているような、人を惹きつける作風が魅力です。 そんな作品を描いて生活する豊井さんですが、実は絵の仕事の収入が不安定で、生活保護を受給していた時期もあったといいます。 しかし、現在は海外発のクリエイター支援サービス「Patreon」(パトレオン)で500人を超えるパトロンから金銭的な支援を受けているおかげで、絵の仕事に集中できているそうです。 なかなか安定しなかったイラストレーターとしての活動が、

                                                                              なぜドット絵作家が、海外ファンからの課金支援で生活できるようになったのか?|クリエイターエコノミーラボ
                                                                            • 三角関数、何に使うの?→点を回すことができます(すごい) - アジマティクス

                                                                              数学的な内容を表現したアニメーションをいろいろ作って遊んでます。例えばこんなのとか。 素因数ビジュアライズ。大きく灰色で表示された数字の素因数が線を横切ります pic.twitter.com/z1MHJzPtbv — 鯵坂もっちょ🐟 (@motcho_tw) February 7, 2018 たくさんの点を、それぞれの点に書かれた数に応じた速度で回すことにより、大きく灰色で表示された数の素因数を表現しているわけです。楽しいですね。 こんなのもあります。 3Dで図示してみました。 pic.twitter.com/AF2R1QEtqk — 鯵坂もっちょ🐟 (@motcho_tw) April 12, 2017 九九におけるの段の「一の位」は、ぐるぐる回る点によって表現することができます。面白いですね。 変わったものでは、こういうのもあります。 惑星が「惑星」と呼ばれる理由ですhttps:/

                                                                                三角関数、何に使うの?→点を回すことができます(すごい) - アジマティクス
                                                                              • [CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック

                                                                                テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換:-9999px 改善したテクニック 画像置換:-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p

                                                                                • 「いらすとや」を本気でSpineアニメーションさせてみた | Nagisaのすゝめ

                                                                                  そうだ!いらすとやを動かそう!! こんにちは。にしやまです。 突然ですが、皆さんは「いらすとや」をご存知でしょうか? 某大型家電量販店の店内ポスターに使用されていたり、SNSで拡散されたり、目にする機会が多いのでご存知の方も多いかと思います。 可愛いイラストのフリー素材サイトなんですが、中には「こんなのいつ使うんだろう」っていうようなネタ画像もあって見てまわるだけでも面白いです。 こんなのとか。 こんなのまで。 ある日のことです。 いつものように「いらすとや」を巡回していたぼくはふと思いました。 この愛すべきゆるキャラ(?)たちがイキイキと動いているところを見てみたい!それも超ヌルヌルに!!…と。 というわけで、今回はSpineを使って「いらすとや」をヌルヌルと動かしていきます! ※Spineについては前回の記事「Spineを使って2Dキャラクターを3Dのように動かす」を参照ください。 ま

                                                                                    「いらすとや」を本気でSpineアニメーションさせてみた | Nagisaのすゝめ