タグ

sggyのブックマーク (718)

  • Professional WebGL Programming: Developing 3D Graphics for the Web

    Browse Textbooks Browse our catalog for academic textbooks and ebooks Browse Lifestyle Books Browse our catalog of lifestyle, hobby, and general interest books

    Professional WebGL Programming: Developing 3D Graphics for the Web
    sggy
    sggy 2016/10/18
  • JavaScript 製ファミコンエミュレータを公開しました - まるまるこふこふ

    公開しました(過去系) github.com Demo FaithJS Screenshot 作ろうと思ったきっかけ コンピュータの仕組みについて知りたいなら NES エミュ作るのが手っ取り早いと、 優秀な人が強い事を言ってて、僕もコンピュータの仕組みについて知りたかったので、 実装しようと思いました。 まず読んだ コンピュータシステムの理論と実装 ―モダンなコンピュータの作り方 CPUやメモリの仕組みを大まかに知ることができる 30日でできる! OS自作入門 OSの仕組みやアセンブラの基がわかる 自作エミュレータで学ぶx86アーキテクチャ コンピュータが動く仕組みを徹底理解! こちらもアセンブラに慣れるために読んだ たのしいバイナリの歩き方 バイナリに慣れるために読んだ コンピュータの仕組みについて何も知識がなかったので、上記のを読んで勉強しました 参考にしたサイト NES on

    JavaScript 製ファミコンエミュレータを公開しました - まるまるこふこふ
  • Undertaleとは (アンダーテールとは) [単語記事] - ニコニコ大百科

    Undertale単語 23211件 アンダーテール 5.7千文字の記事 153 0pt ほめる 掲示板へ 記事編集 概要あらすじキャラクター各種購入ページ関連動画ピコカキコ関連リンク関連項目掲示板 Undertaleとは、Toby Fox氏が中心として制作した「誰も死ななくていい優しいRPG」である。 2013/6/25、Kickstarterにてクラウドファンディングを開始。当初に定められた目標出資額は$5000であったが、最終的に約10倍となる$51,124もの出資が集まった。2015/9/15より、公式サイトとSteamにてWindows版・Mac版・Linux版が販売されている。 発売から約2年間は英語版のみだったが、2017/8/16に日語化されたものがPS4/Vitaへ移植された。PC版も8/22に日語版が配信開始された。翻訳はハチノヨン(8-4)。また、ニンテンドースイ

    Undertaleとは (アンダーテールとは) [単語記事] - ニコニコ大百科
    sggy
    sggy 2016/10/16
  • DI(依存性注入)について

    3. DI(依存性注入)とは なるほど。わからん。 依存性の注入(英: Dependency injection)とは、コンポーネント間の依存関係をプロ グラムのソースコードから 排除し、外部の設定ファイルなどで注入できるようにするソ フトウェアパターンである。英語の頭文字からDIと略される。 wikipediaより https://ja.wikipedia.org/wiki/依存性の注入 4. DI(依存性注入)とは 依存性の注入(英: Dependency injection)とは、コンポーネント間の依存関係をプロ グラムのソースコードから 排除し、外部の設定ファイルなどで注入できるようにするソ フトウェアパターンである。英語の頭文字からDIと略される。 wikipediaより https://ja.wikipedia.org/wiki/依存性の注入 言葉の意味から考えてみよう! 6.

    DI(依存性注入)について
    sggy
    sggy 2016/10/15
  • うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。

    なんか、このサイトBootstrapくさい。そう感じることはありませんか? その理由はズバリ、欧文ベースでつくられたフレームワークを文字構造の違う日語で適用した際に不都合が出てしまっているからです。 それらが醸し出す違和感を放っておくと、Bootstrapくささを生み出す大きな原因になってしまいます。 そもそもの問題として、欧文と比較して和文は文字の要素が多く、文字自体のリズムも少ないため、どうしても複雑で単調に見えてしまいます。 しかし、和文だからといってあきらめることはありません。BootstrapCSSを少しだけ変えるだけでグッと見た目がよくなる隠し味をご紹介します。 1. line-heightで行間にゆとりを。明朝やゴシックなど、フォントの種類が言葉の印象を表すように、文字の行間は読みやすさ、文章全体の雰囲気を左右します。 欧文をベースに設計されたBootstrapをそのまま

    うわっ、私のサイトBootstrapくさすぎ!? たった数文字変えるだけでBootstrapのくさみが抜ける7つのCSSテクニック。
    sggy
    sggy 2016/10/15
  • 黒魔術(JavaScript)まとめ - Qiita

    まえがき JavaScript、書いてますか? JavaScriptは今や世界中の人々に愛されています。 stackoverflowの2016年の調査によるとJavaScriptは地球上で最も一般的に使用されているプログラミング言語だそうです。 JavaScript is the most commonly used programming language on earth. Even Back-End developers are more likely to use it than any other language. link しかしJavaScriptは愛されすぎているが故、しばしば黒魔術のようだと比喩されることも少なくありません。 愛と憎しみが紙一重とはこのことですね。 ということでそんなこんなはどうでもいいのですが、自分もJavaScriptは大好きです。 今回は黒魔術まと

    黒魔術(JavaScript)まとめ - Qiita
  • シングルコーテーションとダブルコーテーションの使い分け - OKWAVE

    来、単語を囲むか文章を囲むかという使い分けではない筈です。むしろ、シングルクオーテーションマークとダブルクオーテーションマークを、一つの文章に混在させることが、いわばルール違反(記述の方法に統一性がない)といえます。筆者に特別な意図があって、意識的に混在させるのであれば別ですが・・・。 Oxford Advanced Lerner’s Dictionary(略称OALD)には、 ●‘…’(シングルクオーテーションマーク)は一般に英国で使われている。 ●米国ではダブルクオーテーションマーク(“…”)を使う。 と書いてあります。 また、「オックスフォード実例現代英語用法辞典」(Practical English Usage / Oxford University Pressの日語訳版)には、上記のOALDと同じ使い方が述べられており、それに加え、 ●言葉に特別な意味を持たせたり、会話を直接

    シングルコーテーションとダブルコーテーションの使い分け - OKWAVE
    sggy
    sggy 2016/10/02
    「(英国式)‘…“…”…’」または「(米国式) “…’…’…”」
  • 【保存版】きっと目的のAPIが見つかる!国内外のAPIが一挙に登録されたインデックスサービス8選|TechClips[テッククリップス]

    APIを一つひとつ探すのが大変……。こんなAPIを使いたいけど、どうやって探せばいいのか分からない。そんなあなたにオススメしたいのがAPIのインデックスサービスです。 膨大なAPIが登録されたいわばAPIのデータベースのようなもので、きっと目的のAPIを見つけることができるはず。 そんなインデックスサービスを国内外から8つまとめてみましたので、是非ご活用ください! APIとは API(アプリケーションプログラムインターフェイス)とは、プログラムのパーツのようなもので、APIを利用することで新たに作らずとも、同様の機能を組み込むことが可能。最近では、サービスの普及目的や課金ビジネスとしてWebサービスを提供する企業がAPIの公開を行っています。 そのため、開発者は公開されているAPIを連携することでWebサービスの開発がより効率的かつ拡張性を高められるとして積極的に利用するケースが増えていま

    【保存版】きっと目的のAPIが見つかる!国内外のAPIが一挙に登録されたインデックスサービス8選|TechClips[テッククリップス]
  • JavaScriptの整数化処理の性能比較 - instant tools

    JavaScriptの数値の整数化処理の実装方法やアルゴリズムによる、実行速度の違いをテストしてみました。 個人的に整数化が必要になるシーンがしばしばあるのですが、整数化の方法は複数存在し、 何を使うのが最適か知っておきたいと思ったことがきっかけです。 環境・条件は以下のとおりです。 環境・条件 実施日:2015年06月23日 実行PC ハード:Core i7-2600, RAM 8GB, デスクトップPC 実行PC OS:Windows 7 Pro SP1, 64bit 対象ブラウザ:Chrome43, IE11, Firefox38 処理:数値の小数部分の切捨て。整数化 「JSLitmus」を使用して計測 単位は「operations per second」。秒間実行回数で、多いほど速い。 仕様の細かい差は無視する 小数を整数にする 処理種類 test01:parseInt() tes

    sggy
    sggy 2016/09/11
    "「Math.floor()」を使用すべき"
  • サクラエディタ初心者なら必ず入れたい便利機能3選 | CodeCampus

    PHPHTMLなどを記述するのに高機能なテキストエディタを使うと一気に作業効率が上がります。SublimeTextも人気だけどちょっと難しそう……そんなときには国産の無料で使えるサクラエディタをおすすめします。サクラエディタと言えば、windows上で動作するエディタとしては、国内で最もメジャーなエディタの一つです。 何より国産エディタのため、メニューがはじめから日語なので初心者の方には特にオススメです!マクロやプラグインも使えるので、使いこなせば一気に作業効率がアップすること間違いなし!今回はそんなサクラエディタのインストールからプログラムを書くときにおすすめの基設定までをご紹介します。 "CodeCampus"はオンラインプログラミングスクール No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアです CodeCampとは?(受講生体験記) 「エンジニ

    サクラエディタ初心者なら必ず入れたい便利機能3選 | CodeCampus
  • 不安とストレスから解放される見積りとスケジュール方法 - Qiita

    エンジニア組織を強くするためのを出版しました Qiitaでエンジニアリングをめぐる様々なコミュニケーションの問題とその解決策や考え方を書いてきた。それらの背後にあるエッセンスをこの度書籍として出版するに至りました。 エンジニアリング組織論への招待 ~不確実性に向き合う思考と組織のリファクタリング この書籍は、エンジニアリングを「不確実性を削減する」という第一原理で捉え直し、様々なエンジニアリングとその間のコミュニケーションをめぐる現象を説明していくものです。 はじめに 何かはじめてのことをする場合、人はとても「不安」を感じます。人は未来を考えることができる生き物です。その特異な能力ゆえに、未来に起こるかもしれないよくないことを考えると「不安」を感じてしまうのです。 仕事プロジェクトなどは、「間に合わなかったらどうしよう」とか「この仕事はちゃんと終えられるのだろうか。」など、未来のことを

    不安とストレスから解放される見積りとスケジュール方法 - Qiita
    sggy
    sggy 2016/09/09
  • 教授に教えて貰った考え方(備忘録)

    とても尊敬する教授に、仕事に関する悩みをぶちまけたら言われたことを、忘れないようにメモしておく。 ・上司仕事は、部下をうまく使うことである。 うまく君を使えないのは、上司の責任である。 ・上司の評価がとてつもなく悪かったとして、でも違う上司の評価がとてつもなく良かったとしよう。 上司上司は、これを見て、二人を呼び出して話し合わせるだろう。 君が当に使えなければ、君を悪く評価した上司が正しい評価を下した優秀な人ということになる。でも、君が使えれば、そいつは間違った評価をくだした使えない人となる。 それがどう転ぶかは、君次第だ。 ・仕事の根は、「どれだけ自分を成長させられるか」だ。 金をもらって、勉強してると思えばいい。 ・「上司の言うことは絶対だ、下はヘコヘコしてろ」という上司もいるだろう。 個性を殺そうとする上司もいるだろう。 でも今の時代、言われた通りにやるなんていう、機械にもで

    教授に教えて貰った考え方(備忘録)
    sggy
    sggy 2016/09/06
  • 『JavaScript: The Good Parts』で紹介されている標準メソッドまとめ - Qiita

    JavaScript: The Good Parts』で紹介されている標準メソッドまとめ JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティスは、JavaScriptの「良いパーツ」のみを厳選した、JavaScriptを書く人なら一度は読んでおきたい 良書です。したがって、ここで紹介されている標準メソッドは、積極的に取り入れるべきメソッドです。 「車輪の再発明はするな」とはよく言われることですが、標準APIに詳しくなることで普段書くJavaScriptもかなりきれいにまとまって書けるようになります。 記事では省いているRegExpやNumberの節、または標準メソッド以外のJavaScriptの「良いパーツ」に興味が出た方は、一度書を手にとって見てみてください。 「JavaScriptは言わばひとかたまりの大理石であり、私はその中からこの言語

    『JavaScript: The Good Parts』で紹介されている標準メソッドまとめ - Qiita
  • WindowsでCapsLockにCtrlを割り当てて元のCtrlはそのままにする - アインシュタインの電話番号

    Windowsを再インストールするたびに、毎回ググって調べてる気がするので備忘録。CapsLockと左Ctrlを「入れ替える」ってのは結構出てくるんだけど、タイトルの通り、CapsLockにだけCtrlを割り当てて、元のCtrlはそのままを維持するっていうページ(レジストリのコード)を見つけるのに毎回ちょっとだけ苦労するので。 CapsLockにCtrlを割り当てて、Ctrlはそのまま 自分はCapsLockは要らない派なので、Aの横もCtrl、キーボードの左下もCtrlのダブルコントローラーでキーボードを使っている。ちなみに、iMacMacBook Proでも同じJIS配列のキーボードを使っていて、こちらはデフォルトでAの横がCtrlなので、左下のCapsLockをCtrlに割り当てて使っている。ので、WindowsでもMacでも配列をほぼ同じにできている。 で、Macでは普通に環境設

    WindowsでCapsLockにCtrlを割り当てて元のCtrlはそのままにする - アインシュタインの電話番号
  • 【Windows11】デスクトップ上にマイコンピュータを表示する4つの方法

    Windows11以前のバージョンにあったマイコンピュータ(PC)はどこにあるの?」 「頻繁にPCのドライブを表示させるので、マイコンピュータ(PC)のショートカットがほしい」 「マイコンピュータ(PC)のショートカットを作る方法を知りたい」 この記事では、以上の疑問にお答えします。 Windows11以前のバーションでマイコンピューターと呼ばれていたものがWindows11では「PC」に名称変更になりました。 マイコンピュータ(PC)はPCSSDなどのドライブを表示する際にとても便利なショートカットでした。 そのため、この記事ではWindows11でマイコンピュータ(PC)のショートカットを作る方法を4つ詳しく紹介します。

    【Windows11】デスクトップ上にマイコンピュータを表示する4つの方法
    sggy
    sggy 2016/09/03
    「デスクトップアイコンの設定」から
  • https://qiita.com/tyfkda/items/d1c650786bce6ff825b1

    sggy
    sggy 2016/08/29
  • JavaScriptでダブルタップのイベントを設定する方法

    2017/06/22 ダブルタップをした時にイベントを発生させたい。そんな時はtouchstartイベントを応用しましょう。 サンプルコード1回目のタップから350ミリ秒経過する前に次のタップが行なわれた場合に、ダブルタップと判定する例です。350の部分を調整することで、ダブルタップ判定をシビアにしたり、緩くしたりと調整できます。 <div id="target"></div>var tapCount = 0 ; document.getElementById( "target" ).addEventListener( "touchstart", function() { // シングルタップ判定 if( !tapCount ) { ++tapCount ; setTimeout( function() { tapCount = 0 ; }, 350 ) ; // ダブルタップ判定 } e

    JavaScriptでダブルタップのイベントを設定する方法
  • 【関東】休日の午後から行けちゃう!関東プチ旅 22選 | PLACEHUB

    せっかくの休日、遠出をして気分転換にどこかに行きたいところ。でも時間もお金もないし…。それなら、東京からサクッと行けちゃうプチ旅はいかが?関東の観光スポットを集めてみました。

    sggy
    sggy 2016/08/21
  • WEBブラウザ上で簡単に透過PNG画像を作成できるツール - PEKO STEP

    画像を透過させて半透明にする方法 まず最初に、透過色を付けたい画像を読み込みます。 編集したい画像ファイルを直接キャンバス内にドロップすると、画像ファイルを開くことができます。 メインメニュー、もしくはキャンバス下部にあるファイル選択ボタンからも画像を読み込むことができます。 画像の読み込みが完了したら透過色の設定をおこないます。 操作は簡単で、表示された画像から透過したい部分をマウスで左クリックするだけです。 そうするとクリックした場所の色を設定された透過色にします。 画像の下の編集メニューを操作することで色の透過方法を調整できます。

    WEBブラウザ上で簡単に透過PNG画像を作成できるツール - PEKO STEP
  • GitHubのmasterブランチをWebページとして公開する手順(GitHub Pages) - Qiita

    GitHubでは、サーバーを自前で準備しなくてもWebページを公開できる「GitHub Pages」という機能があります。これまでは、gh-pagesという別ブランチを作成して、そこにソースコードをプッシュする必要がありました。しかし、日(2016/08/18)実装された新機能により、masterブランチのみでWebページを公開できるようになりました。 エントリーでは、具体的な設定手順を紹介します。 手順 masterブランチにて、「docs」フォルダーを作成します。このフォルダーに公開したいWebページのソースコードを入れます。 masterブランチをプッシュします。 GitHubのリポジトリページ上で、[Setting]→[Pages]に移動します。 [Source]の箇所から、「Branch: main」、「/docs」フォルダーを指定します。 [Save]を押すと、下図の赤枠部

    GitHubのmasterブランチをWebページとして公開する手順(GitHub Pages) - Qiita
    sggy
    sggy 2016/08/19