HTML&CSSとピュアなJavaScriptだけでパズルゲームを作る方法

2024/01/30 6 users HTML＆CSS パズルゲーム 方法 preview CSS

概要 □ スライドパズルのゲームを作る □ 基本に立ち返りHTMLとCSSとピュアなJavaScriptだけで作成する ・パズルの実装はシンプルで簡単。 ・考え方さえ理解すれば早いため、実装の前にイメージで説明する。 □ パズルを試したい人は https://jd253t.csb.app (codesandboxのpreview)から試せる ※下の埋め込み表示ではJavas... 続きを読む

structuredCloneはどんなものか

2023/02/17 15 users Twitter オブジェクト ユーザー JavaScript

structuredCloneは、JavaScriptにおいてオブジェクトのディープコピーができる便利な関数です。 従来ディープコピーの標準化された方法が無かったため、structuredCloneの登場はJavaScriptのユーザーにとって画期的なものです。あまりに画期的であり、その便利さも分かりやすいため、出たばかりの時期はTwitterでのJavaS... 続きを読む

jQuery、今までありがとう

2022/10/01 15 users jQuery 脱jQuery お世話 それら 方法

こんにちは。これまでお世話になったjQueryですが、そろそろ本当に別れを告げる時が来ているかと思います。（巷では脱jQueryとも言われていますね） なぜ必要無くなったのかにはいくつか理由があります。それらについてと、jQueryから移行する先やその方法について書いていきます。 なぜ必要無くなったのか 理由1：JavaS... 続きを読む

Webブラウザのレンダリングの仕組みを理解する

2022/07/04 206 users レンダリング 点線 HTMLレンダリングエンジン リソース

参考：https://ja.wikipedia.org/wiki/HTMLレンダリングエンジン 2 レンダリングの仕組み レンダリングの大きな流れは下記のようになります。Webブラウザは、サーバーなどからHTML等のリソースを受け取り①〜⑥の処理を経て、レンダリングを実行します。それでは各処理の概要を見ていきます。 ※点線は、HTML内にCSSやJavaS... 続きを読む

なぜ ES2022 で文字列リテラルを使った import/export ができるようになるのか | サイボウズ フロントエンドエキスパートチーム

2021/12/06 21 users import export サイボウズ プロポーザル TC39

11 月 11 日に、以前から一部で注目されていたある Pull Request が tc39/ecma262 にマージされました。 この Pull Request がマージされたことで、識別子ではなく文字列リテラルを使った import/export が可能になりました。 この仕様変更はプロポーザルという形で扱われてはいませんが、構文上の影響があるので、JavaS... 続きを読む

JavaScriptからGo言語に乗り換えた感想 - 新しいことにはウェルカム

2020/08/18 139 users ウェルカム Go言語 TypeScript 感想 動機

JavaScript(TypeScript）で書かれたプログラムを、Go言語で書き直しました。 その動機や、書き換えた結果などを書こうと思います。 また、今回Go言語が初めてだったので、Go言語とはどういったものかや、Go言語をやってみた感想なども合わせて書こうと思います。 動機 メンテナンスしづらい 移植したプログラムは、JavaS... 続きを読む

東京から愛媛に引っ越して、JavaScriptのコミュニティを始めた - toshi-toma.blog

2019/12/09 17 users 愛媛 コミュニティ adventar.org 東京 オフィス

第二弾 地方IT勉強会 Advent Calendar 2019の9日目の記事です。 adventar.org 東京から愛媛に引っ越した 地方暮らしを経験してみたくて、今年の9月に東京から愛媛に引っ越して生活しています。 愛媛での通勤風景 それまでは社会人になってからの2年ほど東京のオフィスに出社して、東京で開催されるフロントエンドやJavaS... 続きを読む

PulumiでECS環境を構築する - Kaizen Platform 開発者ブログ

2019/11/06 16 users Pulumi SRE TypeScript ECS環境 本田

SREの本田（@mov_vc）です。 Kaizen Platformではインフラ構築にPulumiを採用し始めています。今回は、Pulumiの基本的な説明+ECS環境をPulumiで構築した手順をまとめました。結論から言うとPulumi、かなり便利なので、導入を考えているよ〜という人はぜひ読んでみてください。 TL;DR 汎用言語で書ける TypeScript, JavaS... 続きを読む

デバイスやビジターを選ばずに、HTMLとCSSとJavaScriptを使った最適な実装方法が身につくオススメの本 | コリス

2017/11/02 39 users コリス インクルーシブ ビジター CSS 包括

インクルーシブとは直訳すると、包括、全てを含むこと。Webデザインにおいて、ビジター・デバイスなどあらゆるものを排除せずに全てを受け入れるようにすることです。 デスクトップやスマホなどデバイスを選ばずに、健常者やお年寄りなどビジターを選ばずにアクセスできるよう、HTMLとCSS、そしてJavaScriptを使った最適な実装方法が身につくオススメの一冊を紹介します。 HTML, CSS, JavaS... 続きを読む

Rails 5.1のSystemTestCaseを試してみた - Qiita

2017/02/26 50 users Qiita エンドツーエンド JavaScript 記録

はじめに Rails 5.1で導入されたSystemTestCaseを使ってみたので、その記録を残しておきます。 この記事ではユーザーマスタメンテ画面で、JavaScriptを使った郵便番号自動検索機能をテストします。 Rails 5.1のSystemTestCaseとは？ いわゆるエンドツーエンド（E2E）テストを実行するためのテストケースクラスです。 このテストケースクラスを使うと、JavaS... 続きを読む

【翻訳】2015年に向けたJavaScriptアプリケーションアーキテクチャ PART 1 | POSTD

2015/03/06 200 users POSTD アーキテクト 目前 冗談 翻訳

私はかつて自分はアーキテクトだと名乗ったことがあります。これを裏付けるため、今やウソだらけの複雑な話を設計しなくてはならなくなっているので、ある意味これは本当のことですね。冗談はさておき、2015年を目前としてJavaS […]私はかつて自分はアーキテクトだと名乗ったことがあります。これを裏付けるため、今やウソだらけの複雑な話を設計しなくてはならなくなっているので、ある意味これは本当のことですね。... 続きを読む

Superfishが危険な理由 - めもおきば

2015/02/19 1064 users ウェブサーバ おきば Lenovo製 マルウェア HTML

Lenovo製のPCの一部にSuperfishというマルウェアが標準でインストールされていることが確認され、大きな問題となっています。このSuperfishというマルウェアがなぜ危険かを解説します。 Superfishの目的このSuperfishの目に見える目的は、ブラウザで表示しているウェブサイトに広告を挿入することです。言い換えれば、ウェブサーバから取得したHTMLを書き換えて勝手なJavaS... 続きを読む

はてなスターを非表示にしている他人のブログに勝手にはてなスターを設置して☆を連打する方法 - 太陽がまぶしかったから

2014/11/10 54 users 他人 太陽 スター はてなスター 非表示

2014-11-10 はてなスターを非表示にしている他人のブログに勝手にはてなスターを設置して☆を連打する方法 プログラミング プログラミング-はてなブログカスタマイズ photo by Vicky Brock 置かぬなら、勝手に設置、はてなスター はてなスターはGoogle botをブロックしてるからSEOスパム判定されないよ - 太陽がまぶしかったから こちらの件について説明しても「JavaS... 続きを読む

チャットワークの、これからのフロントエンド戦略 | チャットワーククリエーターズブログ

2014/10/31 227 users チャットワーククリエーターズブログ チャットワーク PHP

こんにちは！ChatWork CTOの山本です。 チャットワークのバックエンドをPHPからScalaへの切り替えることを決断し、現在は移行に向けての大プロジェクトが進行中です。 バックエンドはScalaにしていく。じゃあフロントエンドはどうするの？ということで、今回はチャットワークのフロントエンド開発における今後の戦略を書いてみようかと思います。 現在のフロントエンドにおける課題 現在のJavaS... 続きを読む

Node.js 0.12 では yield が使えるのでコールバック地獄にサヨナラできる話 - てっく煮ブログ

2013/06/26 469 users yield node.js コールバック地獄 おかげ リリース

Node.js の次のメジャーバージョン 0.12 で yield が使えるようになります。 そのおかげで、JavaScript のコールバック地獄に光が差し込むのです。ああ、さようなら、コールバック地獄。 7 年ごしで実現した yield 2006 年、Firefox 2 のリリースと同時に yield は JavaScript 界に登場しました。随分と前の話ですね。 登場した当時は JavaS... 続きを読む

ドットインストールの通信添削コースは初プログラミングに最適 - ワッツライフブログ

2013/02/08 10 users ドットインストール 根気 プログラミング 基礎 人間

2013-02-08 ドットインストールの通信添削コースは初プログラミングに最適 ドットインストールの通信添削コースを受けてみました。これ、プログラミング初心者には、とてもよいです。だって、僕みたいな根気のない人間が最後まで出来たんだもの。 通信添削コース - プログラミングならドットインストール 僕が受けたのは「初級JavaScript講座(1) 基礎からしっかり学ぶプログラミング」。JavaS... 続きを読む

JavaScript MVCフレームワークはすでに十種類以上、その比較や最新情報などのまとめ － Publickey

2012/06/18 804 users JavaScript MVCフレームワーク 比較 最新情報

グーグルが開発したJavaScript MVCフレームワーク「AngularJS」を紹介した1つ前の記事の反応が予想以上に大きく、1日たたずにブックマークが500以上もつきました。 本記事では、AngularJS以外にもすでにたくさん存在するJavaScript MVCフレームワークに関する情報をまとめて紹介したいと思います。 JavaScript MVCフレームワークの比較記事 既存のJavaS... 続きを読む

CoffeeScriptってなんぞ？

2012/04/01 399 users CoffeeScript JavaScript

CoffeeScriptってなんぞ？ — Presentation Transcript CoffeeScriptってなんぞ？ kanazawa.js v1.7 水野隼登Webデザイナー株式会社DMM.comラボtwitter: @pocotan001 CoffeeScript？ CoffeeScriptはJavaScriptです。 CoffeeScript？ CoffeeScriptはJavaS... 続きを読む

JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - しふーのブログ

2012/02/18 1477 users ふー エンタープライズ コード SIer業界 主流

そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。そんなJavaS... 続きを読む

DeNA、ブロードテイルを子会社化し、SAPに「ExGame」提供－6月30日付の新聞記事（1） | ソーシャルゲーム情報

2011/06/29 10 users ExGame SAP ブロードテイル エー DeNA

6月30日付の日本経済新聞朝刊は、ディー・エヌ・エー（DeNA）が本日付で、ブロードテイルの発行済み全株式を取得して子会社化すると報じている。   報道によれば、ブロードテイルは、スマートフォン向けゲームアプリを効率的に制作できるソフト「ExGame」を提供しているITベンチャー。 「ExGame」は、Flash Liteで開発した従来の携帯電話向けゲームをスマートフォン用（JavaS... 続きを読む

wise9 › m3script: 非プログラマのためのゲームで学べるノベルゲームの作り方♪

2011/06/09 19 users ノベルゲーム wise9 非プログラマ お陰 少年

ゲーム作りに興味がある少年・少女の皆さんも、そうでない皆さんも、初めまして！ fullkawaという名前でプログラムを書いたり、書かなかったり、書いている振りをしたりしている者です。別の名前で動画を作ったりもしています。 今日は私の書いた、“m3script”を紹介します。 m3scriptはノベルゲームを作成するための、enchant.jsプラグインです。 enchant.jsのお陰でJavas... 続きを読む

友達を作る 新卒準備カレンダー 2011春 - 文殊堂

2011/04/18 28 users 文殊堂 新卒準備カレンダー サーバサイド 引き算 友達

新卒準備カレンダー 2011春 : ATNDお前だれよ普段全然気にしてないのですが簡単な引き算が間違っていなければ社会人7年目らしいです。去年くらいまではWebアプリを作る仕事がメインで、いろいろな言語でサーバサイド書いたり、たまにクライアントサイド担当としてJavaScriptをモリモリ書いたりしていましたが、今年に入ってからはiOS仕事がメインでObjective-C書いたりやっぱりJavaS... 続きを読む

HTML5時代が目前！ 本気で学ぶJavaScript - HTML5時代が目前！ 本気で学ぶJavaScript：ITpro

2011/04/10 196 users 目前 jQuery Ajax JavaScript 脚光

出典：日経ソフトウエア　2010年12月号 pp.14-43 （記事は執筆時の情報に基づいており、現在では異なる場合があります） 登場当時、動きのあるWebページを作る技術として注目されたJavaScriptは、その後“不遇”の時代を経て、Ajaxで再び脚光を浴びました。jQueryなどのライブラリの普及で、開発生産性やブラウザ互換性の問題がほぼ解決した現在、HTML5時代を目前にして、JavaS... 続きを読む

Facebook APIをJSで扱うための10個のTips - ゆーすけべー日記

2011/03/11 94 users Tips ゆーすけべー日記 Facebook API 10個

Facebookを使っていてちょっとしたデータを取得したい時があります。例えば、某Facebook忘年会の時にはイベント参加者全員の一覧とか取ってきましたね。そういう時にはJavaScriptを使ってFacebook APIを利用するのが手っ取り早くて便利です。もちろん、JavaScriptだけで本格的なFacebookアプリを作るのも可能になっています。今回はFacebook APIをJavaS... 続きを読む

＼写真であそぼ／フォトコマ BIG CANVAS Powered by CX5

2011/02/22 7 users 写真 キャンパス コミュニケーション デジタルカメラ ウェブ上

写真をもっと楽しんでほしい。「写真であそぼ！フォトコマ BIG CANVAS Powered by CX5」はデジタルカメラで撮影した写真を使って、フォトコマ（フォトアニメーション）を作成、ウェブ上のキャンバスに投稿することで、ユーザー同士が写真によるコミュニケーションを楽しむことができるサービスです。写真であそぼ！フォトコマ BIG CANVAS powerd by CX5当サイトではJavaS... 続きを読む