JavaScript
YAPC::Hakodate 2024 の開催に合わせて出題した『JS体操』第5問「画像からアスキーアートを生成しよう」の解説記事です。
『JS体操』第4問「ひらがなを画数順に並び替えよう」の解説記事。なんと最短文字数は109文字！挑戦してくださったみなさまの回答や社内QAチームが事前に検証・想定していた回答も含め一挙にご紹介します。
面白法人グループアドベントカレンダー2024 8日目の記事です。 こんにちは！技術部 フロントエンドエンジニアの大脇です。 今回は、コードジェネレーターを活用してコンポーネント開発を効率化する方法をご紹介します。 手動でのファイル作成や設定の煩わし…
『JS体操』第3問「Zalgo Text の生成」の解説記事第1弾。挑戦してくださったみなさまの回答や社内QAチームが事前に検証・想定していた回答を一挙にご紹介します。
『JS体操』第3問の延長戦を急遽開催します。再帰を使った114文字の回答をさらに短くしてみましょう。
JavaScript で「Unicode のコードポイント」を「文字列」に変換する22の方法を、実用性のあるものからほぼネタのものまでいろいろご紹介します。
JavaScript で「疎」な配列を「密」にする12の方法をコードゴルフやワンライナの視点も交えてご紹介します。
Unicode の「コードポイント」と「コードユニット」の違い、さらには文字数とは？などJS体操第3問のヒントにもなるかもしれない解説記事です。
世にも恐ろしい Zalgo Text の説明と、JavaScript で Zalgo Text を作る方法を実例とともにご紹介します。
カヤックで開催しているエンジニア採用企画JS体操第三問の告知になります！ 今回の問題はちょっぴりこわい「Zalgo Textの生成」がテーマになっています。 ベースのコードを編集して、できるだけ短い文字数を目指してみてください♪
『JS体操』第2問 チート部門の解説記事です。console.assert() や console.log() を上書きしたり、String.prototype.trim() や、Response.prototype.text() を上書きしたり、とんでもないチート技の数々を真面目に解説します。
カヤックが主催するJavaScriptのコードゴルフ大会『JS体操』。第2問「画像の横長具合を比較しよう」の「正攻法66文字」「ハック部門33文字」解説をお届けします。
面白法人カヤックが主催するJavaScriptのコードゴルフ大会、その名も『JS体操』。その第一問の結果発表と解説をお届けします。はたして最短文字数の44文字はどんなコードなのか？どんなアプローチで導き出せるのか？さぁ、あなたもJavaScriptで頭の体操をし…
JS 脳、プログラミング脳をゆる〜く鍛えるためのエクササイズ、その名も「JS体操」。前回の記事で紹介した問題の模範解答（154文字）を23新卒の大桐が解説します！
面白法人カヤックでは日々、様々な社内勉強会が開催されています。本記事では JS 好きな社内のエンジニア向けに企画した「JS体操」についてご紹介します。みなさんもぜひ一緒に「JS体操」してみませんか？
クリスマス・イブといえば世の中のお父さんがこっそりサンタに変身する日。本記事では WebGL と MSDF テクスチャで「お父さん」を「サンタ」に gooey にモーフィング。(M)SDF の解説とその概念を応用した2Dアニメーションの実装を解説します。
この記事は Tech KAYAC Advent Calendar 2021 の25日目の記事です。WEBのこと何も知らなかった新卒デザイナー鈴木が、ゲームをつくって、その難しさと楽しさに感銘を受けた話です。エンジニアの方々、本当に尊敬します。そして、エンジニア以外の方々には、…
この記事はTech KAYAC Advent Calendar 2021の24日目の記事です。こんにちは！意匠部のおばらです。今日はUVアニメーションのお話です。UVとは？3Dの世界でUVといえばUV座標のことです。UV座標は頂点の3次元座標がテクスチャ上のどの位置に対応するかを表す2…
この記事は Tech KAYAC Advent Calendar 2021 の21日目の記事です。 こんにちは！意匠部のおばらです。 今回は アドベントカレンダー14日目の記事 でご紹介した 「すき焼きの写真にすき焼きの3Dモデルなど任意のファイルをバイナリとして埋め込む方法」 の解…
この記事は Tech KAYAC Advent Calendar 2021の14日目の記事です。 こんにちは！意匠部のおばらです。 今日は、知っていても役に立たないかもしれない、 WEBページでの画像の変な使い方をご紹介しようと思います。 題して「すき焼きの写真にすき焼きの3Dモデ…
Tech KAYAC Advent Calendar 2020 24日目の記事です。 こんにちは！ カヤック意匠部アートディレクターの おばら です。 今日はクリスマスイブということで イブっぽい「イージング関数」を作ってみようと思います。 EaseInSineChristmasTree まずはイージン…
(こちらの記事はクライアントさんであるJTさんの許可を得て事例を掲載しました。この場を借りてお礼を申し上げます。ありがとうございます！) どうもみなさまおはようございます。あるいはこんにちは。あるいはこんばんは。 Tech KAYAC Advent Calendar 2019…
この記事はTech KAYAC Advent Calendar 2019の14日目の記事です。 こんにちは！クライアント事業部技術部の@yumikokhです。 新卒4年目、今年からWebフロント→サーバーサイド所属になりましてお仕事で演出ごりごりすることはなくなったのですが、 趣味でWebGL…
こんにちは、今年もあっというまでしたね〜@fnobiです。この記事はTech KAYAC Advent Calendarの12日目になります。 毎年アドベントカレンダーでは、その時お世話になった技術の話をしているんですが、今回は去年に引き続きfirebaseで行かせていただきます。…
画面写真をクリックするとサンプルアプリに飛びます。 今回はサンプルがhtml5ですので、それがそのままソースコードですが、 一応githubにも置いてあります。 内部に「ここからここまでライブラリ」的なコメントがあるので 、その部分だけ持っていけばライブ…
この記事は、Tech KAYAC Advent Calendar 2018 の23日目の記事になります。 こんにちは！面白法人カヤックのIoT芸人こと入江(@shinnoske0714)です。 業務ではHTMLファイ部というチームでフロントエンドエンジニアをやっています。 技術の無駄遣いをモットー…
こんにちは、カヤック・クライアントワークチーム・フロントエンドエンジニアのMr.ブラウンです。 今回は、 「Fast functional WebGL」 と謳っているreglを紹介いたします。 ※ 多少、WebGL・GLSLをさわったことがある前提で話が進んでいきます。 はじめに re…
できらぁ！ 面白法人カヤックのエンジニアのごんです。 昨今のフロントエンドといえば、 Todo アプリを作るにも Webpack やら Babel やら必要だと脅され、 始める前にうんざりしてしまうと話題ですが、 実は、最新のブラウザに限って言えば、そんなことはな…
こんにちは。カヤックのSPAおじさんこと島津です。 今年はReactとVueを使ったSPA開発プロジェクトをいくつか担当してきたので、そこで得た知見の総まとめをしたいと思います。 ※ ここでのSPAとはすべてのViewをJavaScriptで書くWebアプリのことを指します。…
この記事は、Tech KAYAC Advent Calendar 2017 の19日目の記事です。 こんにちは！カヤックのクライアントワークチーム・フロントエンドエンジニアのふかぽん です。WebGLを用いた3Dコンテンツを制作させていただくことが多いです。 過去のアドベントカレン…
