【個人開発】正規表現を学ぶ狩りに出ませんか？モンスターを倒しながら正規表現が学べるゲーム「Regex Hunting」を作りました - Qiita
【個人開発】正規表現を学ぶ狩りに出ませんか？モンスターを倒しながら正規表現が学べるゲーム「Regex Hunting」を作りましたRubyRails正規表現TypeScriptReact はじめに はじめまして！ 個人開発者のハガユウキと申します。 突然ですが、皆さん正規表現はお好きですか？ 私は好きです。「複数の文字列を一つのパターンで表現できる」部分にすごく面白味を感じています。 もっといろんな方に正規表現を知っていただきたい、好きになってほしいと思っています。 しかし、現状では2つの課題があると感じています。 正規表現の勉強自体がそもそも面白くない。 正規表現を勉強しても、しばらく使わないと忘れる。 この2つの課題を突破できるサービスは、現状存在しません。 そのため、楽しみながら正規表現を学べるサービスがあれば良いなと思いました。 作りました。 ▼スライド型正規表現学習ゲーム【Reg
JavaScriptのMVCフレームワークと仲間たち JavaScriptでイイ感じに開発をしたいという欲求が高まってきたため、自分でフレームワークを作らずに世界の賢者たちから学びたいと思います。今回は、JavaScriptでMVCフレームワーク等を実現しているフレームワークや周辺のライブラリ、さらにはツールやユーティリティまで幅広くご紹介します。 (2012/1/17 updated) Backbone.js Spine.js JavaScriptMVC AngularJS SproutCore Ember.js YUI App Framework Broke.js Fidel.js Sammy.js KnockoutJS eyeballs.js The M Project Knockback Batman.js Shipyard.js Agility.js ベース jQuery Doj
html/css 参考サイト総まとめ
作成：2013/10/15 更新：2014/11/01 Web制作 > 先週、WordPressとEC-CUBEのレイアウトを変更しなければいけなくて、久しぶりにいじっておりましたが、忘れていたり知らなかったことが沢山ありました。レイアウトはSEOやUIにも深く関係しているのもあり、ここらへんでCSSやHTML５を触るときに参考にすると捗る記事を一回まとめようと思います。今回はCMSやオリジナルサイトを作るうえで「知っておくと必ず役立つ」ものをまとめました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ 定番まとめ １．勉強になるテクニック／サンプルまとめ 基本知識 ２．セレクタ ３．メディア クエリ ４．コーディング規約 ５．フォント ６．CSSスプライト ７．アニメーション ８．正確なHTML使用方法 ９．CSSハック １０．書き方／読み方 定番まとめ
少々というか、かなり面倒くさい話をする。 サロン商法でネットで今ぶっ叩かれている西野亮廣氏（何が問題でどう叩かれているのかは「西野亮廣 プペル」で検索すると山ほど出てくると思うので省略する）が制作総指揮の『えんとつ町のプペル』というアニメーション映画の、アニメーションのクオリティ自体は極めて高いのである。これはちゃんと見たのでマジである。 当たり前の話で、アニメーションを実際に制作しているのは「制作総指揮・西野亮廣」ではなくstudio4℃という名高いアニメ会社であり、これは『鉄コン筋クリート』とか『海獣の子供』といった名作を過去にアニメ化してきた、日本有数に実力のあるアニメスタジオなのだ。西野亮廣がどうこう以前に、実質的な制作の大部分はstudio4℃が担当しているのだから、クオリティはそりゃ高いに決まっているのである。（西野亮廣は元になった絵本を描いたことで原作者・制作総指揮として大々
2012年03月19日07:00 鉄拳すげえわ『泣けるパラパラ漫画振り子』 Tweet 1：名無し募集中。。。：2012/03/18(日) 20:21:35.18 ID:0 深夜に思わず号泣した 3： 名無し募集中。。。：2012/03/18(日) 20:25:23.38 ID:0 映画化決定 5： 名無し募集中。。。：2012/03/18(日) 20:26:31.71 ID:0 鉄拳て芸人だよな？もうなんかその域超えちゃってるｗ 6： 名無し募集中。。。：2012/03/18(日) 20:27:50.89 ID:0 これなんかもすげえわ 21： 名無し募集中。。。：2012/03/18(日) 20:37:41.49 ID:0 >>6 オチがすごいな 10： 名無し募集中。。。：2012/03/18(日) 20:31:52.52 ID:0 想像以上にマジで凄かったｗ 鳥肌たったわ 13：
1 名前：以下、VIPがお送りします[] 投稿日：2010/09/26(日) 15:59:41.35 ID:uIH3jmAIO ◆小説 「後ろで大きな爆発音がした。俺は驚きながら振り返った。」 ◆ケータイ小説 「ドカーン！びっくりして俺は振り返った。」 ◆ラノベ 「背後から強烈な爆発音がしたので、俺はまためんどうなことになったなぁ、とか そういや昼飯も食っていないなぁとか色々な思いを巡らせつつも振り返ることにしたのである」 ◆山田悠介 「後ろで大きな爆発音の音がした。俺はびっくりして驚いた。振り返った。」 ◆司馬遼太郎 「(爆発－－)であった。余談だが、日本に初めて兵器としての火薬がもたらされたのは元寇の頃である…」 ◆荒木飛呂彦 「背後から『爆発』だアァァァッ！これを待っていたっ！振り返ると同時にッ！すかさず叩きこむ！」 ◆村上龍 「後ろで爆発音がした、汚い猫が逃げる、乞食の老
声優と言えば一時の爆発的なブームは収まってきたものの、まだまだ人気の職業です。学校や養成所なども多数ありますが、実際にどのような職業なのかは外からではなかなか分かりません。マチ★アソビvol.8で企画された今回の「デジタルクリエイター養成講座」は、「メタルギア」シリーズのスネーク、「Fate/Zero」のライダー、ブラックジャック、スティーヴン・セガールの吹き替えなど、アニメ・ゲームから吹き替え・舞台まで、俳優・声優業界の幅広い分野で活躍している大塚明夫さんを講師として招き、開催されました。同じくマチ★アソビvol.6のデジタルクリエイター養成講座では、「ニトロプラス」が作品を世に送り出すまでの苦闘という興味深い内容を講演していましたが、今回、大塚さんも声優という職業についてユーモアを交えてディープなところまで語っています。 場所はここ、「あわぎんホール」です。 14：00に到着したときに
『コードギアス』谷口悟朗監督が警鐘を鳴らす「アニメ業界の幼稚性はここまできた」 - エンタメ - ニュース
「決して業界の主流派ではなかった」と語るアニメ監督の谷口悟朗さん ２０１７年に誕生から１００周年を迎えた日本のアニメ――。日本が世界に誇る一大コンテンツのメモリアルイヤーを記念して、週プレＮＥＷＳでは旬のアニメ業界人たちへのインタビューを通して、その未来を探るシリーズ『１０１年目への扉』をお届けしてきた。 第９回は、アニメ監督の谷口悟朗さん。５月２６日より公開中の映画『コードギアス 反逆のルルーシュⅢ 皇道』について語っていただいた前回に続き、今回は自身のキャリアを振り返ってもらった。「決して業界の主流派ではなかった」と語るエピソードから次第に「現在のアニメ業界の問題点」が浮き彫りにされ…。 ■アニメ専門誌に脚本家がよく露出していた理由 ―デビュー作は『ＯＮＥ ＰＩＥＣＥ 倒せ！海賊ギャンザック』ですよね。ただ、強烈なインパクトを与えたのは『無限のリヴァイアス』であり、実質的なデビュー作は
今さらですがディズニーの『ベイマックス』を見てきましたよ。ええ。 CMや予告編を観たときは「まぁ、ディズニーの子ども向け映画だわな。退屈はしないけど飛び抜けた部分はない75点の答案だわ」と思っていたんですよ。作品で言うと『ライオンキング2』みたいな。 それが妙に評判良いんで見に行ったらズッコケました。限りなく100点に近い答案なんです。 しかも、表現として尖った部分が何もない。驚異的な映像が詰め込まれているわけでも、作家の狂気があるわけでもないし、アッと驚くストーリーテリングもない。なのに、頭からお尻までワクワクする映像が続くんです。 「あっ、日本のクリエイティブ終わったな」 そう感じました。だって、スタッフの中には天才って一人もいないと思うんですよ。秀才の集団。それが勉強に勉強を重ねて、頭に汗をかいて、切磋琢磨して物凄いものを作ってしまった。彼らは「チーム主義」でモノ作りをしている。だっ
ジブリで使用されているアニメ制作ソフト「Toonz」の無償公開が決定！ドワンゴがオープンソース化、両社独自の機能も実装 | インサイド
ドワンゴは、イタリア・ローマのDigitalVideo社が独自開発したアニメーション制作ソフト「Toonz」を買収し、オープンソースソフトウェア「OpenToonz」を3月26日より公開すると発表しました。 「OpenToonz」は「Toonz」を元にしたオープンソースプラットフォームで、無償かつ誰でも改良できるソフトとして公開。「Toonz」を利用してきたスタジオジブリが独自に開発した機能「Toonz Ghibli Edition」や、ドワンゴの人工知能技術を使ったエフェクト、エフェクト追加プラグインといった機能も搭載されます。 なお、「Toonz Ghibli Edition」とは「Toonz」のソースコードをスタジオジブリ社内でカスタマイズしたもので、「借りぐらしのアリエッティ」以降のほぼすべての作品の仕上、色指定、撮影工程（手描きの絵をスキャンするところから、最終的な画面を組み上げ
毎年末にjQueryのプラグインをまとめていましたが、今年はプラグインの他に単体で動作するスクリプトも加えて、jQueryのプラグインとスクリプトの総まとめとして記事にしました。 今年目立ったのは、去年から引き続きアニメーション系、縦長ページ用のスクリプトでしょうか。 1カラムのレイアウトが流行っているためか背景関連も充実していました。それとSVGをより簡単に利用できるようになったのも大きな目玉ですね。 また、jQueryに依存しない、単体で動作するスクリプトも多く開発されるようになったと思います。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェ
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門 ライター：Veki HTML5でゲームが作れるライブラリ「enchant.js」がユビキタスエンターテインメントから発表されました。Webブラウザだけでスプライトを使ったゲームが動くとのことで興味を持った人も多いのではないかと思います。ここではenchant.jsを使ったゲーム作りについて見ていきたいと思います。 enchant.jsがサポートしているHTML5は，長らく使われていたHTML4に代わる次世代Webシステムの要となるものです。HTML5ではWebページの動的な要素，とくにグラフィックスの描画機能などが大幅に強化されており，これまでFlashを使わないとできなかったようなことが，HTMLとJavaScriptだけでできるというのが最大の特徴となっています。 ここにきてIn
as詳解 ActionScript 3.0アニメーション ―衝突判定・AI・3DからピクセルシェーダまでFlash上級テクニック を読んでいて、経路探索のアルゴリズムで A* が取り上げられていました。A* については、いろいろ検索して調べたりもしたのですが、やっぱり本に書いてあると理解しやすいですね。せっかくなので自分流に実装してビジュアライズしてみました。ダイクストラ法まずは A* の特別なケースでもあるダイクストラ法から見ていきます。クリックすると探索のシミュレーションが開始します。スタート地点(S)からゴール(G)への探索が始まります。色がついたところが「最短経路が決定した場所」です。スタート地点から少しずつ探索が完了していきます。半分ぐらい完了しました。まだまだ進みます。最後まで終わりました。最短経路を黒色矢印で表示しています。ダイクストラ法は、スタート地点から近いノード(=マス
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、Webデザインで「紙っぽさ」を出す方法を考えてみました。参考事例も掲載しながら紹介していくので、どうぞ最後までお楽しみください！ はじめに：「紙っぽさ」とは？私が言う「紙っぽさ」とは、おもに「雑誌っぽさ」のことです。Webデザインだけど、雑誌っぽい。ディスプレイに映っているけれど、エディトリアル感がある。 たとえば、以下のようなデザインは私にとって「紙っぽい」例です。 出典：六本木未来会議出典：DMN出典：ぼくのおじさんどうして、私はこれらを雑誌のようだと感じるのでしょう？自分なりに考えたポイントを、ひとつずつ紹介していきます。 その①：文字が「組まれて」いる最初に挙げたWebサイトのひとつをよく見てみると、画像左上にある「NO. 153」の文字のうち、「NO.」だけが縦向きになっています。「NO.」と「153」を
こんにちは！やまもと＠テスト番長です。 TestingGeekという耳障りの良い名前のサイトをご存知でしょうか？ 総合的にテストの話を取り扱っており、それでいて読みやすいサイトです。 そこのTemplatesのコーナーにWeb Application Testing Checklist という便利そうなものがありましたので、日本語にしてみました。 ちょっとそのままだと物足りない感がありますが、テストポリシー作成の叩き台に使ってみるのも良さそうですね。 この手のリストを他にもご存知の方がいらっしゃれば、是非ご一報ください。 1. 機能テスト 1.1 リンク 1.1.1 記載された通りの先に遷移するか 1.1.2 どこからもリンクされないページは存在しないか 1.1.3 全ての外部リンク 1.1.4 参照しているサイトおよびメールアドレスはハイパーリンクになっているか？ 1.1
私ども一般社団法人日本動画協会では、観察して自ら法則を解き明かしどのような動きでも描くことができるようになるための基礎を学ぶことを目的とした「アニメーターの課題集 -動きの法則を理解するための第一歩-」をPDFにて無償配布しております。 本書は、アニメーターを目指している方、また、若手のアニメーターの育成に向けて、日本動画協会 人材育成委員会が、アニメーション作家の遊佐かずしげ氏にご協力いただき、作成いたしました。 近年にはCGでキャラクターを描くアニメも増えてきましたが、多くの作品は手描きの作画によって支えられています。アニメーターの仕事は作品に応じて、求められる内容に合わせて、様々な絵柄で様々な構図・動きを描く仕事です。いわば、動きのプロフェッショナルであり、大変重要な職種です。 本書は、【課題説明と出題】と【解答例と分析】の２章にて構成しています。アニメーターの方が、ご自身の訓練とし
これまでの研究で、人は自分の能力を正確に評価することに失敗する傾向があり、特に能力や技術がないほど自分の能力を過大評価する傾向があるとわかっています。なぜ人はこのような判断ミスを犯してしまうのか、そして正しく自分の能力を評価するにはどうすればいいのかが、TED-Edのアニメーションで解説されています。 Why incompetent people think they're amazing - David Dunning - YouTube 「お金のマネージメント」「人の気持ちを読むこと」「健康」など、自分はこれが得意だ、と考えているものは何でしょうか。 「自分はどれくらい優れているのか」を知っていると、直感を信じる部分や意志決定、あるいは人からアドバイスをもらうべき場面などを見分けられるようになります。 間違っている部分があった時に…… 適切に修正できるようになるわけです。 しかし、これ
「何回か倒れて、ノドに注射を打って」私生活では2児のシングルマザー…「エヴァ」アスカ役・宮村優子の“苦労人すぎる人生” | 文春オンライン
「ただの記号論なんですよ、セルなんて。マーカーでアスカの絵が描いてあって、そこから宮村優子の声がすれば、もう十二分にアスカなんですよ」 庵野秀明が『月刊Newtype』のインタビューでそう言ったのはもう二十数年前の1996年6月号、最終回26話が放映されてファンの間で大論争になった直後のことだ。それはセルアニメーションにこだわるアニメファンを痛烈に批判し、これはただの紙に描かれた絵だ、現実に帰れと突き放す当時の有名な文脈の中で出た発言ではある。 だが逆に言えばその言葉は、日本のアニメーションにとって声優という存在がどれほど大きな存在であるか、キャラクターの身体性とヒューマニティ、アスカがアスカである自己同一性が宮村優子の声によってかろうじて視聴者と繋がれていることを意図せずに吐露した作り手の告白にもなっている。 エヴァンゲリオンのアフレコにおける庵野監督のこだわりを知らないファンはいない。
Apple、Appleのロゴは、米国およびその他の国で登録されたApple Inc.の商標です。App StoreはApple Inc.のサービスマークです。 Google Play および Google Play ロゴは、Google LLC の商標です。 ©バードスタジオ／集英社・東映アニメーション ©Bandai Namco Entertainment Inc. ※画面は開発中のものです。
去年からフロントエンドのパフォーマンスについて断続的に学んでいるが、自分の頭のなかにある知識はどれも断片的で、まとまりを欠いているような感覚があった。 知識と知識がつながっておらず、各施策が何のために行われるのかも、必ずしも自明ではなかった。何となく「パフォーマンスに効果がある」と言ってしまうが、それが何を指しているのかは実は曖昧だった。 このような状態では新しい知識を得ていくのが難しいというか、効率的に行えないように思えた。議論の背景が分からないし、文脈や問題意識を上手く掴めないから。何の話をしているのかよく分からない、という状態になりがち。書かれてあることの意味は分かっても論旨を掴めているわけではないから、自分のなかに定着しない。 そこで、現時点で自分が知っていることを整理して、自分なりに分類しておくことにした。 当たり前だが、どのテクニックがどの程度有効なのかは、状況によって違う。
CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
#ff0000">2008年12月29日追記:逆再生する新バージョン「HTML崩壊Reverse! meltdown2.js」をアップ #ff0000">2009年4月21日追記:さらに進化したバージョン「HTMLの暴走(meltdown3)」をアップ まずは軽いページでお試しください。例えば Google とか。*1 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";var da=new Date();s.src="http://www.rr.iij4u.or.jp/~kazumix/d/javascript/meltdown/meltdown.js?"+da.getTime(); document.body.appendChild(s)})(); これを適当なページのアドレスバ
ここが決定的に違うんです。 微妙なサービスの多くは機能ドリブンのあやふやなゴールセッティングでデザインを始めてしまうため、要件がぶれてしまい「他行では○○だ」とか「マネジメントが××と言っている」という非論理的な要件をただ浴び続けるだけに陥りがちです。 どの高みを目指すかによってデザインの重要度は大きく変わります。 極論とりあえず1個の機能としてあればいいのなら、デザインなんかいらないわけです。存在することが付加価値なので。 凄さポイント：ゴールから逆算して論理的に要件が導き出されている 凄さ2：ありがちなデザインをなぞる ゴールが明確になり、要件が決まったとしても、その最適解を生み出すプロセスは違いを生む大きな要因になります。 特に金融系のようなどちらかというとオールドな業界の場合、新しいことやサービスをやろうとすると「新しいからOK！」的なデザインがまず出てくることが多いのですが、なぜ
身元公表で申し入れ＝京アニ事件で報道各社－京都：時事ドットコム
身元公表で申し入れ＝京アニ事件で報道各社－京都 2019年08月20日19時00分 京都アニメーションの放火殺人事件で、京都府内の報道１２社でつくる在洛新聞放送編集責任者会議は２０日、犠牲になった３５人のうち２５人の身元を発表していない府警に対し、速やかな公表を求める申し入れ書を提出した。 ＜関連ニュース＞「京アニ」スタジオ放火事件 申し入れ書は植田秀人・府警本部長宛て。発生１カ月以上たっても発表がないことに触れ、「事件の全体像が正確に伝わらない」と懸念を伝えた上で、「過去の事件に比べても極めて異例」として速やかな実名公表を求めた。また、今回を先例としないよう要請した。 新型コロナ最新情報 相模原殺傷 神戸教員間いじめ
Web屋さんのための新年の抱負アイデア24
2017年6月29日 Web関連記事, ライフハック 2011年がスタートしましたが、「なんだか調子でないなー」という方！今年の目標はもう設定しましたか？私は毎年「新年の抱負」を考えているのですが、今年は何にしましょう？ということで、Web屋さんが設定できそうな新年の抱負案を考えてみたので、参考にしつつ新年の抱負を考えてみてはいかがでしょう？ ↑私が10年以上利用している会計ソフト！ 1. CSS3の勉強をする 角丸・グラデーションをはじめ、画像を使わなければできなかった効果がCSS3を使えば簡単に実装できます。デザインの幅がぐんっと広がります。IEで対応していないなどの問題もありますが、CSS3 PIEを使えばIEでも使えるようになりますよ。 CSS3リファレンス CSS3のリファレンスサイト。コードの例もわかりやすいです。 たった一行を追加するだけでIE6/7/8をCSS3対応にする
こちらのエントリーが大変参考になったので、僕らが作ってる怖話.jp（kowabana.jp）のシステム構成や開発方法についても公開していこうと思います。 怖話.jpはスマホ向けWebサービスなのでPC向けとはPVとかの傾向がちょっと違うかも知れません。 怖話.jpとは スマホで17,000話以上のサウンドノベル風の怖い話が閲覧・投稿できるサイト（アプリではありません）です。詳しくは下記エントリーを参照してください。 スマホでサウンドノベル風怖い話投稿サイト | FJORD, LLC（合同会社フィヨルド） 7月16日にRubyKaigi2011に合わせて無理矢理ベータテストオープンして、8月9日に正式オープンしましたので正式オープンからは１ヶ月経ってないまだまだのサイトです。開発期間は約１ヶ月ぐらいです。 サイト情報 （これAnalyticsを直接貼るのはどうやればいいんだろう？） 直近一ヶ
エイプリルフールに便乗しているサイトまとめ2013年版
By ｍｅｒａ ※2014年版はこちら ネット上でいろいろな企業・団体・個人が年に一度、この日のために全力で仕込んだネタを4月1日0時から24時までの間、24時間限定で公開し、一体何がウソで何がホントウなのかがわからなくなっていくカオスな一日となるエイプリルフールが今年も始まりました！ というわけで、GIGAZINEはエイプリルフールに便乗していろいろあれこれしているサイトたちを24時間リアルタイムで更新してまとめ続けます。なので、ときどき記事を更新すると先ほどまではなかったはずのサイトが続々と記事末尾に追加されていきます。また、ある程度更新する度にTwitterのGIGAZINE公式アカウントでもつぶやいておしらせしていくことにしています。 なお、掲載されていないサイトで「ここもエイプリルフールやってるヨ！」というのを発見したときや「うちもエイプリルフールやってます！」という自薦の連絡は
山手線リアルタイム混雑情報で遊んでみよう
去年から公開されてる「JR東日本アプリ」ですが、機能の一つに「山手線トレインネット」というものがあります。 これは山手線の各車両の現在位置、混雑状況、室内温が見えるというもので、 座りやすい車両を探すのに便利だったりします。 山手線トレインネットから取得した車両位置と混雑率 電車の運行情報がここまで時間粒度細かく公開されているのは世界的にも珍しいので、特に目的も無しにデータをクローリングして遊んでみました。 データをクローリングする まずは山手線トレインネットの車両位置・混雑情報をクローリングします。 JR東日本アプリの山手線トレインネット。 今の車両内の混雑や室内温が見える。すごい！ 「山手線トレインネット」はブラウザから見えるページが存在しない、iPhone/Androidアプリ専用の画面です。 なので普段の「FirebugでAJAXの通信を見てAPIをリバースエンジニアリング」ほど簡
エンジニアやデザイナー、Web担当者が今すぐ知っておくべきモダンな10のWeb技術を紹介しています。Webデザインの世界が根本的に変化し、Webサイトの構築ははるかに簡単に高い技術でできるようになりました。ぜひ覚えておきましょう。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Designmodeのブログ記事を了解を得て日本語翻訳し掲載した記事になります。 本記事は、ライターのJake Rocheleau氏によって投稿されました。
チャートやグラフを実装するのは面倒、と思われがちですが、そんな人にはこのスクリプトをお勧めします。 div要素一つと外部ファイルを一つ、あとはグラフのデータを設定するだけで、さまざまなチャートやグラフが簡単に実装できてしまう単体のJavaScriptライブラリを紹介します。 レスポンシブ対応で、アニメーションにも対応、カラー変更やグラデーションやパターンにも対応している優れものです。 ApexCharts ApexCharts -GitHub ApexChartsの特徴 ApexChartsのデモ ApexChartsの使い方 ApexChartsの特徴 ApexChartsはシンプルなAPIを使用して、インタラクティブなチャートやビジュアライゼーションを作成するためのモダンJavaScriptのチャート作成ライブラリです。 MITライセンスで、個人でも商用でも無料で利用できます。 レスポ
![[JS]便利なのが登場！実装はかなり簡単なのに、さまざまなチャートやグラフを実装できるスクリプト -ApexCharts](https://cdn-ak-scissors.b.st-hatena.com/image/square/b793c623eb3187e192351b9611f75aea908bbf46/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201803%2F2018080101-02.png)
夜な夜なBlender生活の始め方
はじめに Blender。めっちゃ楽しいです。 仕事が終わって帰ってきてから、ほぼ朝の時間までBlenderにひたすら打ち込んで 休日の大半もBlenderに捧げるような生活をここ3週間くらい続けてきました。 ここまでの学びの整理と、Blender布教のために この記事に概要をまとめたいと思います。 Blenderの世界観 Blenderを始めるにあたって、まず第一にぶち当たる壁として 「3Dソフト特有の概念」があると思います。 他の、3Dソフトを触ったことがある人はすんなり扱えるかもしれませんが、 僕はなかったので、概念理解にちょっと苦戦しました。 Blenderの世界を構成する主な要素として シーン オブジェクト ライト カメラ これらが挙げられます。 シーンとは、 一つのBlenderファイル内に格納されている要素全てを包含する3Dワールドのようなものです。 オブジェクトとは、 一次
Qiitaからのお引越し記事です。 目標 ステレオカメラ 概要 特徴 使用製品 パターンプロジェクションカメラ 概要 使用製品 iPhone ゾゾスーツ 工業製品(Ensenso, キーエンス) Time of Flight LiDAR Time of Flightの原理 特徴 スキャン型LiDAR フラッシュ型LiDAR 製品 Velodyne Series 追記 Livox Horizon iPhone iToF LiDAR 目標 通常のカメラは物体の明るさ、色を抽出するのに対し、距離センサは物体までの距離をセンシングします。そのため3DカメラやDepth Sensorなどと呼ばれたりします。 距離を知ることは多様なアプリケーションにおいて重要であり、例えば自動運転では前方車両までの正確な距離を知ることは必須です。またゲームなどのアプリケーションでは人の動作などを距離センサで抽出するK
Seiyuu Has A Mouth, and Seiyuu Must Eat Screamingly.
It was only a hundred miles or so to the ice caverns, and the second day, when we were lying out under the blistering sun-thing he had materialized, he sent down some manna. Tasted like boiled boar urine. We ate it.” 悪い咀嚼音 １ SE咀嚼音 どれだけ精工に作られた偽物を手に入れても空しいだけで、本物を手に入れなけば意味がない。それはずっと遠い未来のことだけじゃなくて、2018年にポルノアニメを見て咀嚼音を聞くあなたにとっても同じことなのです。 ということで、悪い咀嚼音とはSEのことです。どこのだれかわからない音響監督だか何だか知らんおっさんがアニメにあてただけの血の通わない
『iOSアプリ開発に役立つTips』という Facebook ページをやっておりまして、そこで評判が良かった投稿（※）を 20 個ほど紹介します。 （※） Facebook ページの insights にある「クチコミ度」で判断しました アプリ実行中にコードを修正してそのまま実行中のアプリに反映させる アプリ実行中にコードを修正してそのまま実行中のアプリに反映させることができるXcodeプラグイン。 実機でもシミュレータでも使用可能とのこと。実機での動作検証中に修正して再インストールは時間かかるので、超ありがたいかも。 Injection for Xcode 投稿：2013/2/4 「PCのwebブラウザからiPhoneのカメラロールにアクセスできるようにするアプリ」のしくみ アプリ側でURLを発行している画面キャプチャがあるので、アプリにHTTPサーバ機能をもたせて（古いけどCocoaH
Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」
「学校では教えてくれない、89の時短テクニック」「自己流で時間をムダにしていませんか？ウェブデザインをもっとラクに、もっとすばやく」ということで、かなり実践寄りの効率的なテクニックばかりを集めたのが「神速Photoshop [Webデザイン編]」です。ちょうどPhotoshop CC＋Lightroom 5が月額980円で使える「Photoshop 写真家向けプログラム」を使い始めたところだったので、しげしげと読んでみてお役立ちっぽいのがないかどうか探してみました。 まず以下が神速デザイン五カ条、「ショートカットを活用しよう」「最新機能を使いこなそう」「目的によってツールを使い分けよう」「「直し」に強いデータを作ろう」「面倒な作業は自動化しよう」ということで、どれもこれもごもっともな感じ。人は放っておくと今までの慣れ親しんだやり方が非効率的であっても「慣れているから」というただそれだけの理
![Photoshopで30分かかっていた作業がわずか1分でできるようになる「神速Photoshop [Webデザイン編]」](https://cdn-ak-scissors.b.st-hatena.com/image/square/0c41fbe4b12f924168669811ff3092c3f86d6551/height=288;version=1;width=512/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2014%2F04%2F04%2Fphotoshop-god-speed-web%2FP1930188.jpg)
身につまされる英語力問題。手っ取り早く英語を習得するなら海外に行ってしまうが最善なはずですがこのコロナ禍、身近なところで英語に触れつつ技術も勉強したい？といえば、動画です。 10 Developers You Should Follow to Improve Your Skills (スキルを上げるための、フォローすべき開発者10選) という記事があったので10人をまとめた。プラスオマケ。それぞれ実際に動画を見てみての補足付き。 1. Ben Awad (ベン・アワド) ソフトウェア開発者。React、React Native、GraphQL、Typescript、Node.js、PostgreSQL、Python、その他あらゆるコーディングについて紹介。React.jsやGraphQLの開発者にお勧め。ビッグ／テック コーディングインタビューの準備を手ほどきしている。「アルゴリズム形式の
憶測で物を語るのが３度の飯より好きな、ネットの実名「もとまか」です。でも辛子明太子の方が好きです。 さて、先日Facebookについて以下の記事を書きました。 Facebookが楽々と世界で普及していった本当の理由 この記事にはたくさんの方からTwitterで反応を頂きました。ありがとうございますm(_ _)mFacebookのこと書いてるのにTwitterからってのがインターネットは相変わらず面白いなぁと思いました。 でも、実は私にはまだモヤモヤした感が残ってたんです。それが、以下のこと。 そうです、あのFacebookに関するGoogleトレンドの結果。この記事のGoogleトレンドへの言及部分は、本来筋から言えば外しても構わなかったんですが、この図に気がついてしまって、その意味するところが理解出来ず、どうしても気になったので入れてみたわけでした。 決して別記事にするのが面倒くさかった
韓国で発生している「手の形」が男性嫌悪（男性器が小さい）を示しているという騒動の歴史的背景 - 電脳塵芥
韓国のゲーム業界がかなり揺れています。発端はメープルストーリーのPV中の1フレームでキャラクターが示している「手の形」が男性嫌悪、要は「チンチンが小さい事を示している」のではないかと男性ネットユーザーの指摘が相次いでいるからです。その該当画像はこちら。 何言ってるんだ？ って感じですが、この左手の形が「チンチンは小さい＝男性を馬鹿にしている」、そしてそこにこれを描いたのはフェミニストだというのも加わっており大炎上という流れ。やはり何を言ってるんだって感じではありますが、アニメーション会社は謝罪や修正をすでに表明している状態です。 https://twitter.com/studioppuri/status/1728673116979896589 さらにメープルストーリーを展開するネクソンは26日0時に問題のPVを非公開化、その日のうちに緊急ライブ放送を行い、ディレクターによる謝罪やこの「手
学術論文の書き方のメモ - forest book
7年前の、当時、修士1回生のときに受講していた「科学技術表現」という講義のメモが出てきたので(自分用に)整理してみました。メモ書きなので講義を受講していない人には分かり難いかもしれません(^ ^;; 学術論文は、技術文書とは違い、内容の良し悪しに加えて、それが論文としての「体」をなしているかが重要です。数年前のお話なので、もしかしたら、現在はその「体」が少し変わっているかもしれません。ご参考まで。 早く安く作った論文やアルゴリズムはまったく独自の自分の考えしか残らない 論文の流れ タイトル 概要(アブストラクト) 序論(はじめに) 一番難しいので最後に書く 関連研究、問題意識、研究目的 本論部 アイディアの提示 実験 本論部と実験は、ちゃんと出来ていれば易しい 結論 繰り返しでも良いのでやったことを書く まとめと再アピール 長めに書く 論文のタイトル タイトルの使われ方 目次をざっと見て、
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptのMVCフレームワークと仲間たち ｜ Classmethod.dev()
映画版『えんとつ町のプペル』の出来そのものは良いからこそ厄介という、かなり面倒くさい話｜CDBと七紙草子
鉄拳すげえわ『泣けるパラパラ漫画振り子』 : 哲学ニュースnwk
小説家ごとの「背後で爆発が起きて振り返る」完全版つくろうぜ : あじゃじゃしたー
一番難しいのは「生き残ること」、大塚明夫が「声優」という職業を語る
『ベイマックス』を見て日本のクリエイティブは完全に死んだと思った
スクロールに応じて要素がアニメーションする、視差効果（パララックス）を取り入れたWebデザイン例とTipsいろいろ - かちびと.net
2014年総まとめ、jQueryのプラグインとスクリプト100選
「enchant.js」でゲームを作ろう！ HTML5とJavaScriptによるアクションゲーム制作入門
経路探索アルゴリズムの「ダイクストラ法」と「A*」をビジュアライズしてみた - てっく煮ブログ
Webデザインで「紙っぽさ」を出す方法を考えてみる｜akane
ウノウラボ Unoh Labs: WEBアプリテストのチェック項目リスト
「アニメーターの課題集 -動きの法則を理解するための第一歩-」 | 日本動画協会
なぜ無能な人は「自分最高」と思うのかをムービーでわかりやすく解説 - GIGAZINE
ドラゴンボールZ ドッカンバトル | バンダイナムコエンターテインメント公式サイト
フロントエンドのパフォーマンスチューニングを俯瞰する - 30歳からのプログラミング
簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き） | knowledge / baigie
HTML崩壊 meltdown.js - KAZUMiX memo
CASHのデザインプロセスが凄すぎて思わずブログを書いてしまった話
小規模Webサービス向け安上がりシステム構成と開発フロー（怖話.jp） - Fjord, Inc(株式会社フィヨルド)
今すぐ知っておくべき！モダンな10のWeb技術
[JS]便利なのが登場！実装はかなり簡単なのに、さまざまなチャートやグラフを実装できるスクリプト -ApexCharts
距離センサ入門（ステレオカメラ、プロジェクション、LiDAR) - arutema47's blog
評判のいいiOSアプリ開発のTips ベスト20 - その後のその後
英語力と技術力向上のための海外Tech系Youtuber10選 +n - Qiita
Google先生が教えてくれた日本におけるFacebookの利用の実態 - もとまか日記