TEST CORDING » Sass：CSSで描く図形36種をたった一行で書けるようにしてみた

2012/10/04 3087 users Sass CSS 一行 TEST CORDING ホバー時

Sass を使って一行で図形を書いてしまうというエントリーです。前回のエントリーである「Sass：CSSで描く図形13種をたった一行で書けるようにしてみた」に引き続き、少し複雑な図形21種類を追加しました。 どんな感じで実装しているのか、というのは前回のエントリーに任せて、今回は書けるようになった図形の一覧を見ていただこうと思います。また、基本図形とは違ってホバー時のアニメーションには対応していま... 続きを読む

微分方程式を図解する

2012/12/18 1291 users 微分方程式 積分 技巧 関数 運動方程式

微分方程式を解くには、積分という数学的技巧が必要になる。　なぜなら、物理法則のほとんどが「微分形」で書かれているからである。「微分形で書かれている」というのは「微小変化と微小変化の関係式で書かれている」と言ってもよい。物理の主な分野における基礎方程式は、運動方程式 を初めとして、微分方程式だらけなのである。 計算ではなく図形で「微分方程式を解いて関数を求める」というのはどういうことなのかを感じてい... 続きを読む

［ウェブサービスレビュー］見栄えのいいフロー図を簡単に作図できる「Cacoo」 - CNET Japan

2011/04/23 1022 users Cacoo UML 見栄え コネクタ ウェブサービスレビュー

内容：「Cacoo」は、フロー図やワイヤフレームをオンラインで作成できるサービスだ。さまざまな図形やコネクタがあらかじめ用意されており、ドラッグ＆ドロップにより誰でも簡単に見栄えのいい図を作成できる。 「Cacoo」は、フローチャートや機器構成図、ワイヤフレームやUMLをオンラインで簡単に作成できるサービスだ。目的ごとにさまざまな図形やコネクタが用意されており、ドラッグ＆ドロップで見栄えのいい図を... 続きを読む

微分ってなあに？（表紙）

2012/06/10 976 users 微分 canvas 表紙 ブラウザ 高校

高校で微分を勉強したものの、「なんだかわからないけどただ計算方法だけ覚えた」という困ったレベルに留まっている人は（残念ながら）多いようです。 まずは「微分って何なのか」を図形で理解して欲しいと思います。そこで動く図形で、微分の雰囲気を知って欲しいと思います。 すいません、あなたのブラウザはcanvasをサポートしてないようです。 その１から順に読んで、動かしていってください。 続きを読む

Photoshop Vip » 保存版、合計1万個以上のベクター素材をダウンロードできるサイト21個まとめ

2010/04/18 817 users Photoshop Vip ベクター素材 保存版 ベク 拡大

ベクターイメージ（英 : Vector Image）は、コンピュータグラフィックスにおける図形、画像形式のひとつで、主にイラストレーターやフォトショップで利用されています。 ベクター素材のメリットとしては、画像ファイルやPSDファイルなどと異なり、サイズを拡大縮小してもデザインがぼやけることないので、ウェブデザインに限らずプリントデザインにも応用することができます。 今回はJo’s Webで、ベク... 続きを読む

エクセルで地図を描くとっておきのワザ：日経ウーマンオンライン【トレンド（スキルアップ）】

2012/04/11 728 users エクセル スキルアップ ワザ とっておき 道順

世の中には、ワードよりもエクセルで作った方がはるかに楽に作れる文書がたくさんある。表や図が少しでも入るなら、エクセルの右に出るものなし。そこで今回は、エクセルで案内地図を作ってみよう。 「駅から会場までの道順」「弊社の所在地」─こうした地図を作るときもエクセルは大活躍だ。 右図を見てほしい。駅名や目印の建物、目的地を示す四角形や円、クリップアートの信号機など、この地図に描いた図形の多くは、前回まで... 続きを読む

パワポで図形を挿入すると、なぜか初期設定で変な色に……　意外と知らない、スライド作成の「面倒くさい」を解消するコツ

2021/11/25 682 users パワポ スライド作成 コツ 初期設定

スライドマスターで押さえておきたい4つのポイント 前田鎌利氏（以下、前田）：ここからは堀口から、もうちょっと具体的なTipsの話をしてもらいたいなと思います。 堀口友恵氏（以下、堀口）：これまで「基本のTips」をお伝えしてきました。私からは、より速く、効率的に作れる「最速Tips」を3つお伝えしていきたいと思... 続きを読む

「勤め先がクソブラックだったのでアメリカへ行った」話下手な美容師さんの身の上話が斜め上を行く展開に - Togetter

2018/06/09 680 users Togetter 勤め先 鋭角 身の上話 クソ

わたし「襟足刈り上げで、サイドから繋げて4mmにしたいんですけど」美容師さん「…図形の問題になるんですけど」わたし「図形」美容師さん「その繋げ方だと、毛の流れが鋭角じゃなく鈍角になります」わたし「鈍角」 美容師さん「なんか気になることとかありますか、髪に関して…」わたし「えっ、うーん…毛先の色落ちしやすいのとか…」美容師さん「それは日本人なので諦めてください」わたし「髪質的なこと？」美容師さん「メ... 続きを読む

窓の杜 - 【NEWS】「OpenOffice.org」「MS Excel」で業務フロー図を作成できるツールが無償公開

2012/01/19 678 users OpenOffice.org 描画 矢印 NEWS 書類

NEWS（12/01/19　16:47） 「OpenOffice.org」「MS Excel」で業務フロー図を作成できるツールが無償公開 作業や書類、電子データなどを表す図形やそれらの動きを表す矢印などを描画可能 「Activity Diagram Drawing Tool for OOO」v1.0 「Activity Diagram Drawing Tool for Microsoft Exce... 続きを読む

簡単にガントチャートとかクラス図とか書けるやつ - Qiita

2017/07/26 634 users ガントチャート Mermaid UML Qiita かんじ

mermaid は、Web上で簡単にフローチャートやシーケンス図などのUMLが描けるライブラリです。 d3.js の機能特化型というかんじで、d3ほど様々なことはできませんが、そのかわりに対応してる図形なら非常に簡単に描くことが可能です。 なお、 ヘルプ はGitGraphやクラス図が載ってないなど未完成で、いまいち頼れません。 ごたくはいい、実物を見せろ こんなかんじ できること 以下の図が描け... 続きを読む

Photoshopのシェイプでできること。

2013/03/19 606 users Photoshop シェイプ Illustrator 特長

PhotoshopをWebデザイン制作として使ってると、シェイプを使って図形を描く事って結構多い気がします。拡大しても劣化しないし、ダブルクリックでカンタンに色を変えられるし、Illustratorでも使い回せる、そんなシェイプの機能や特長について、個人的なまとめです。2013.3.19. Tue Photoshop, シェイプ, チュートリアル, テクニック PhotoshopをWebデザイン制... 続きを読む

複雑なデータが一瞬で理解できる！良質インフォグラフィック20選｜Ferret [フェレット]

2015/02/24 525 users インフォグラフィック Ferret 要因 背景 手段

「インフォグラフィック」という言葉を聞いたはありますか？ 情報を視覚的に表現した資料を指し、ここ数年、インフォグラフィックを使用する企業が増えています。 多用される背景には、「ビッグデータ」と呼ばれる膨大なデータから得られた分析結果を、専門家以外にもわかりやすく伝えるための手段として重宝されているというのが大きな要因でしょう。 また、インフォグラフィックは基本的にイラストや図形と数字から成り立って... 続きを読む

まるで魔法のようだ。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション:phpspot開発日誌

2011/08/26 511 users Action phpspot開発日誌 ワンクリック 魔法 さい

まるで魔法のようだ。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション 2011年08月26日- Magic 3D Photoshop Action | Vandelay Design Blog まるで魔法のようだ(iPadのCM風）。２Dの図形を輝く３D画像にしてくれるPhotoshopアクション。 ワンクリックで２Dの図形がピカピカ輝くMac OSのアイコンみたいになります。サイ... 続きを読む

黄金比や白銀比など最適な比率を計算してくれる「Metallic Ratio」 - GIGAZINE

2012/07/04 486 users GIGAZINE Meta 長方形 白銀比 比率

By GeometerArtist 図形が最も美しく見えるとして1：1.618という比率は黄金比と呼ばれ、その他にも図形が美しく見える白銀比（1：1.414）や青銅比（1：1.303）といった比率が存在しますが、「Metallic Ratio」では縦や横の幅を記入すると自動的にそれらの比率に従って長方形を作ってくれるので、デザインの仕事をしていたり、ポスターなどを描く際に役立つはずです。 Meta... 続きを読む

Illustratorで作図した円は歪んでる、という事を説明する図が話題に - Togetterまとめ

2017/10/12 434 users Illustrator ベジェ曲線 Togetterまとめ

Illustratorで作図した円は歪んでる、という事を説明する図を1枚。Illustratorで作図した150mmの円。ベジェ曲線で近似の図形になってます。CADソフトに読み込んで寸法を表示させると150にはならずに中心もずれます。 pic.twitter.com/ot6bvO7Vi5 続きを読む

数学の歴史的ブレイクスルー。絶対に繰り返されない「アインシュタイン」のタイルを発見 : カラパイア

2023/04/04 407 users アインシュタイン ジグソーパズル カラパイア タイル 数学

何十年も探し求められた「アインシュタイン」のタイルがついに発見されたそうだ。 それは13の辺を持つジグソーパズルのような図形で、どれだけ並べても、絶対に同じパターンが繰り返されることはない。 数学の世界で「非周期的モノタイル」と呼ばれるこの形状の発見は、数学の歴史の革新的発見（ブレイクスルー）と称さ... 続きを読む

“オカルトウォーター”不発に落胆の上坂すみれ、霧吹き片手に水素水を食らわせる - 音楽ナタリー

2016/08/13 394 users 不発 落胆 上坂すみれ 音楽ナタリー 同志

8月6日、上坂すみれの7thシングル「恋する図形（cubic futurismo）」の発売記念イベント「浴びろ!!オカルトウォーター!!」が、大阪・あべのキューズモール 3F スカイコートで開催された。 最高気温37℃を記録する猛暑日となりながらも、当日の会場にはあふれかえらんばかりの上坂ファン、通称“同志”諸君が集結。そんな彼らと、イベントの様子をLINE LIVEで中継すべく自撮り棒を構えるレ... 続きを読む

【暗記しない数学】図形で理解するシグマ公式 - ロボット・IT雑食日記

2017/02/01 389 users Yuki Sako シグマ 数学 written by 数学B

2017 - 02 - 01 【暗記しない数学】図形で理解するシグマ公式 大学生活 大学生活-勉強ログ Written By： Yuki Sako あとで読む スポンサーリンク 0 0 Twitter Google+ Pocket さて，今回は大好評の「暗記しない数学シリーズ」です!! 数学Bで出てくるΣ(シグマ)の公式についてです． このシグマ公式を， 図形で理解してみようと思います シグマの公... 続きを読む

商用利用無料！黒板にチョークで文字や図形・飾りを書いた感じに仕上げるテクスチャやチョークをまとめた素材 | コリス

2014/05/15 389 users たぬき油性マジック コリス テクスチャ素材 英語フォント 新品

新品の黒板や使い古した黒板のテクスチャ素材をはじめ、チョークで書いた感じに仕上げるスタイル、さまざまな飾り罫など、全てがセットになったPhotoshop用の素材を紹介します。 素材を使うとこんな感じのがさっとできます。 日本語フォントはたぬき油性マジック、英語フォントはRolling Pen 素材の配布は、下記ページから。 Free Chalk Board Textures Kit ダウンロードで... 続きを読む

新発見！ 日本地図をバラバラにして組み替えると世界地図になる – ロケットニュース24（β）

2011/02/22 371 users ロケットニュース 世界地図 日本地図 新発見 インス

2011年2月22日 久々におもしろいトリビアが発見された。日本地図をバラバラにし、位置を再構成することで世界地図になるというのだ！　実際に日本地図を組み替えた画像がインターネット上に掲載されているのだが、確かに世界地図のような地図になっている。これは驚きである！もう少し詳しくお伝えしよう。日本は北海道、本州、四国、九...おすすめニュース5つの図形を選んで分かる性格診断5つの図形の中から、インス... 続きを読む

Excelで路線図を描く - なまずのねどこ

2019/06/12 362 users Excel Illustrator 路線図 アドバンテージ

簡略化した地図や路線図を描くにあたって、Excelは優秀なツールとして使えます。illustratorでも同じようなことはできますが、やはりマス目を使うことによる手軽さとカスタマイズ性は大きなアドバンテージ。 上の路線図もExcelで作図したものです。派手な機能はないものの、よほど複雑な路線でもない限りセルと図形を駆... 続きを読む

パワポで社内の誰よりもカッコいいプレゼンができる画像加工ワザ6つ | 転職ノウハウ

2016/07/21 348 users トリミング 結合 修整 パワポ デザイナー

《この記事で扱う画像加工ワザ6つ》 ［図の修整］ で写真を明るく、はっきりと ［図の色］ で写真やイラストの雰囲気を変える ［アート効果］ で写真やイラストを加工する ［背景の削除］ で画像をスッキリさせる ［図形に合わせてトリミング］ で画像を好きな形に切り抜く ［図形の結合］ でオリジナルの図形を作成 PowerPoint2016を使えば、デザイナーじゃなくてもカッコいいパワポ資料を作るのは簡... 続きを読む

【暗記しない数学】図形で理解するユークリッドの互除法 - ロボット・IT雑食日記

2017/06/20 341 users ユークリッド 折り紙 三角関数 数学 ロボット・IT雑食日記

2017 - 06 - 20 【暗記しない数学】図形で理解するユークリッドの互除法 勉強のお話 0 0 Twitter Google+ Pocket 最近ネタ切れだったんですが，今回は当ブログでの大人気記事の『暗記しない数学』シリーズを書いてみたいと思います！ 関連記事 いろんな平均たちの関係を『たった1つの円』で可視化してみる 【暗記しない数学】折り紙で理解する三角関数の加法定理 【暗記しない数... 続きを読む

平面なのに折り返すと複数の面が姿を現す出す不思議な図形「ヘキサフレクサゴン」の発見秘話

2022/07/26 315 users 平面 YouTubeチャンネル イギリス 表面 複数

表面を折りたたみ、別の面を広げることができる図形を「フレクサゴン」、フレクサゴンのうち六角形のものを「ヘキサフレクサゴン」と呼びます。最初のフレクサゴンとして知られる「ヘキサフレクサゴン」をイギリスの数学者アーサー・ハロルド・ストーンがどのように発見したのかを、YouTubeチャンネルのVihartが解説して... 続きを読む

ゲーム感覚で自分のWebデザインのスキルがどのくらいなのかが分かるスキルチェックサイトのまとめ | コリス

2014/12/04 310 users 暇つぶし コリス カラー 文字 勉強

図形の認識、カラーの見極め、文字の美しい字詰めなど、Webデザインに大切なスキルが自分はどのくらいなのか分かり、しかも勉強にもなるスキルチェックサイトを紹介します。 ちょっとした暇つぶしにチェックするだけでなく、定期的に...記事の続きを読む 続きを読む