ユーザープロフィール

ゲストさん

ポイント・テクニックのイロハ

24件

JSweet - JavaからJavaScriptコードに変換

JSweet - JavaからJavaScriptコードに変換

JavaScriptの活用範囲が広がるのに合わせてJavaScriptをはじめなければと思っている方が増えています。しかしその書き方や特徴がどうも馴染まないと苦労していることでしょう。そこでJavaエンジニアの方に試してみて欲しいのがJSweetです。Javaで書いてJavaScriptにコンパイルするプログラミング言語です。JSweetの使い方構文の例。左側はまさにJavaっぽい感じですね。…

元の記事


React Virtualized - Reactで大量データのスクロール表示

React Virtualized - Reactで大量データのスクロール表示

ReactでWebアプリケーションを作るとサーバサイドの感覚でスムーズに開発ができます。しかしそれでもUI、UX周りになると気にしなければならないことも多数あります。その一つとして長大なリストがあります。大量のDOMを表示したりスクロールすると時間がかかってしまうものです。それを改善してくれるのがReact Virtualizedです。React Virtualizedの使い方デモの画面です。一覧…

元の記事


Split.js - 分割表示をサポート

Split.js - 分割表示をサポート

日本でもタブレットが普及してきていたり、スマートフォンもより大型なディスプレイが使われるようになっています。それに伴って表現できる情報量が増しています。スマートフォンでは難しかった表現もタブレットの大きさであれば容易です。今回はその一つ、スプリットビューを実現するSplit.jsを紹介します。Split.jsの使い方デモの画面です。画面全体ではなく一部でも使えます。…

元の記事


Valiant360 - Webベースの全天球動画プレーヤー

Valiant360 - Webベースの全天球動画プレーヤー

全天球動画が人気です。RICHO THETA Sやfly 360など全天球動画が撮影できるレコーダーも数多く出てきています。さらにFacebook、YouTube、Flickrなどが再生に対応しています。今回紹介するValiant360はWebブラウザベースの全天球動画プレーヤーになります。デスクトップのブラウザで見られるのは便利です。Valiant360の使い方Valiant360のデモです。画…

元の記事


embed.js - 各種サイトの埋め込み表示をサポート

embed.js - 各種サイトの埋め込み表示をサポート

今は数多くのサービスが埋め込み表示に対応しています。外部サイトに埋め込んでもらうことで閲覧数を増やしたり、結果としてバイラルしていくきっかけになります。とはいえ、各サイトによって埋め込み方が違うのでいちいち覚えるのが面倒です。そこで使ってみたいのがembed.jsです。embed.jsを読み込むだけで多くのサイトの埋め込みを自動処理してくれます。embed.jsの使い方Markdownコンテンツの…

元の記事


JavascriptでSNSのカウンターを取得する

JavascriptでSNSのカウンターを取得する

どうもfujiharaです。連日の雨・雨・雨。人生で今年が一番梅雨を感じれるとしかなと。本日は先日弊社 Latin から紹介がありましたバシャログリニューアルのポイント3めっちゃ重かったソーシャル周りのスクリプトを非同期かつ、カウント数のみをJSONで取得する仕様に変更 についての実装方法を説明します。…

元の記事


【JavaScript】特定の要素を取得するメソッド querySelector/querySelectorAll

【JavaScript】特定の要素を取得するメソッド querySelector/querySelectorAll

ペヤングが再発売されましたね。西日本出身の人間としては「カップ焼きそばといえば・・・論争」でいつも関東の人とケンカになります。ペヤングがそもそも売ってないんですよね。関東にいる今でもカップ焼きそばは「U.F.O.」派な Latin です。さて今回は、JavaScript でDOM操作をしたい時には色んな方法がありますが、処理速度やパフォーマンスなどの観点から、どの処理方法がベストなのか、検証と勉強…

元の記事


モーダルウィンドウを実装してみよう(応用編) ウィンドウ内表示対応

モーダルウィンドウを実装してみよう(応用編) ウィンドウ内表示対応

モーダルウィンドウを実装してみよう、の記事の続きです。 前回の記事では基本形の実装を紹介しました。今回は以下の実装について説明していきたいと思います。 ページ内に、モーダルを表示するためのトリガを複数設定する。 スクロー … 続きを読む →The post モーダルウィンドウを実装してみよう(応用編) ウィンドウ内表示対応 appeared first on SONICMOOV LAB.…

元の記事


モーダルウィンドウを実装してみよう

モーダルウィンドウを実装してみよう

※2015.1.26 誤字脱字、説明を修正いたしました。 最近モーダルウィンドウ(ポップアップウィンドウ?)の実装ばっかりやっているココエです。頭の中が常にモーダルです困りました。 なので、モーダルウィンドウの実装につい … 続きを読む →The post モーダルウィンドウを実装してみよう appeared first on SONICMOOV LAB.…

元の記事


アニメーションつきのグラフをカンタンに描画!一度は試してみるべきchart.jsを使ってみた

アニメーションつきのグラフをカンタンに描画!一度は試してみるべきchart.jsを使ってみた

最近データの可視化が流行しているとの噂を聞きつけ、流行りものに乗っかるべくライブラリをあれこれ試しています。その中でも使い勝手がよくドキュメントも分かりやすいChart.jsを使ってWebNAUTのアクセスデータを可視化してみたいと思います。…

元の記事

WebNAUT

WebNAUT

株式会社ビーワークス


モグモンをかまってみたい!【モグモンタウン JavaScript part.1】

モグモンをかまってみたい!【モグモンタウン JavaScript part.1】

先日、BEEWORKS GAMESの新作アプリ「超!美食生命体モグモン いつでもてんこもり」がリリースされ、公式サイト「モグモンタウン」もオープンしました!WebNAUTでは「モグモンタウン」実装の裏側を3回に分けてご紹介します。まずは、イチオシ機能の「モグモンをかまう」の仕組みです!…

元の記事

WebNAUT

WebNAUT

株式会社ビーワークス


タイトルが1文字ずつ出てくる!【WebNAUTマークアップ編(3)】

タイトルが1文字ずつ出てくる!【WebNAUTマークアップ編(3)】

本ページを表示した際、タイトルの文字が1文字ずつ表示されていた事にお気づきでしたでしょうか?(もし見逃してしまったという方はページを再表示させて見てみてください。)これは下記のようなJavaScriptを使って、予め設定したタイトル文字を1文字づつ表示させる、という実装を行っています。…

元の記事

WebNAUT

WebNAUT

株式会社ビーワークス


オウンドメディア運営会社の皆様へ

s

ページトップ