Next.jsから学ぶWebレンダリング ~React誕生以前からApp Router with RSCまでの流れ~
最近話題のReact Server ComponentsやIslands Architectureが何を解決しようとしてるか知るまでの簡単なWebレンダリングの流れを記載しました。 社内勉強会のために作成した資料となるため箇条書きになっておりますが、なるべくHowやWhatではなくWhyやトレードオフを記述するようにしています。（読みにくい or 誤った記載あったらFB頂けたら幸いです） React 誕生までの Web iPhone と Ajax がリードした Web 2.0 時代 Webにおいて Ajax という技術が注目され始める 2005~ Google mapsやGmailといったサービスがリード jQueryの誕生が 2006~ iPhone登場 2007~ スマホアプリの登場によりソフトウェアのUXに求められる質的変化 mobile safariが時代のリードをした Flash
JavaScript Primer - 迷わないための入門書 #jsprimer
JavaScript Primer 迷わないための入門書 Tweet Watch Star Twitterのハッシュタグ: #jsprimer これからJavaScriptを学びたい人が、ECMAScript 2015以降をベースにして一からJavaScriptを学べる書籍です。 プログラミングをやったことがあるが、今のJavaScriptがよくわからないという人が、 今のJavaScriptアプリケーションを読み書きできるように書かれています。 初めてのプログラミング言語としてJavaScriptを学ぶ人は、まずは「はじめに」から読んでみてください。 書籍版 このウェブサイトの内容はアスキードワンゴから書籍として出版されています。 書籍版の内容はウェブサイト版と同一ですが、本として読めるように最適化されています。 書籍版は次のサイトから購入できます。 Amazon 達人出版会（電子書籍版
Adobe Illustrator CSのjavascriptでの制御 - tittea blog
Illustratorを自動化したい、なんて相談があったので、ちょっといじってみた。 基本的には、VBAのオブジェクトをいじるときにような感覚で問題なかった。 問題なかったのだけど、たとえば activeDocument.textFramesの要素数はcountで返ってくるのかとか、どんな要素を持っているのか、といった情報がなくてサッパリわからなかった。 もうひとつやりづらかったのは、操作したいテキストエリアというかオブジェクトを、どうやっていじったらよいのかがわからない。TextAreaなのかTextRangeなのか、オブジェクトの情報を得る手段があってもいいと思うのだけど。 jashみたいなツールがないので、スクリプトを書いては実行して、と言う試行錯誤をするしかなくて、簡単なスクリプトなのに難儀した。デバッガないのかな？ やったのは、現在のドキュメントのTextFrameのコンテンツを
Adobe CC バージョンJavaScript ファレンス
<body> <h1>Adobe CC バージョンJavaScript ファレンス</h1> Last update : 2012/3/24 PM 9:52<br> <br> <div class="description"> Adobe Systemsから発売されているアプリケーションはJavaScriptによって制御することができます。旧マクロメディア製品であるDreamweaver、Fireworks、Flashはベースが異なるので、ここで掲載しているサンプルは動作しません。これ以外のPhotoshop CS6, InDesign CS6, Illustrator CS6, Bridge CS6, ExtendScript Toolkit CS6、AfterEffects CS6、Encore CS6、Premiere CS6、MediaEncoder CS6などはアプリケーション固
project-nya.jp - このウェブサイトは販売用です！ - フラッシュ にゃあ にゃんこ プロジェクト ウェブ ジェクト ひろゆき リソースおよび情報
このウェブサイトは販売用です！ project-nya.jp は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、project-nya.jpが全てとなります。あなたがお探しの内容が見つかることを願っています！
JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]
Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス／アプリケーション...のページを参照してください。
endlab.net - endlab リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
javascriptを使ったSEO対策まとめ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。 とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。 いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き換えよう っていうのが主です。(pjaxと呼ばれている手法です） クリックやスクロールでDOMを生成するコンテンツはインデックスされない ペー
非エンジニアに贈る「具体例でさらっと学ぶJSON」 | DevelopersIO
よく訓練されたアップル信者、都元です。「JSONってなんとなくわかるけど、構造を読み取れる自信はないし、ましてや書ける気はまったくしない。」そんな人に贈るエントリーです。残念ながら、「13日の金曜日」や「Why Japanese people!!」しか思い浮かばない人は、想定読者対象外ですのでお引き取りください。逆に、正確な定義が欲しい人はRFC 4627RFC 7159（アップデートされてました）をご確認ください。 「JSON」とは。 JSONとは JavaScript Object Notation の略で、要するに「JavaScriptの中でオブジェクトを記述する書式」のことです。と言われてもなんのことだか分からない人向けの説明なので安心してください。 JSONというのは「データを表現するための記法（≒文法）」です。シンプルなデータであれば、文法など気にせずにただ書けば問題ありません
Instagram APIを使ってみる
InstagramのAPIを使って、投稿された画像やいいね数、コメントなどの取得を試してみます。 ※2016/06/18 APIの仕様が変更になり、インスタグラムへの申請と承認が必要になっています。詳しくは下記をご確認ください。 Permissions Review • Instagram Developer Documentation アプリケーションの登録 APIを使用するにはInstagramのアカウントが必要になりますので、スマートフォンからアプリをダウンロードしてアカウント登録を行ってください。 アカウント登録を行ったら、PCからInstagramにログインします。 ログイン後、こちらのページからアプリケーションの登録を行います。 Register Your Application をクリック。 Register a New Client をクリック。 各項目を入力して、Regi
最短で中級者になれる！JavaScriptを入門から学べる最強のサービス・ツール10選 | iPhoneの神様
機種変更では、このような失敗をする方がとても多いです。 有料オプションを契約させられ料金が高くなった。。 待ち時間や契約時間が長くて、半日かかってしまった。。 キャンペーンや割引がきちんと適用されていなかった。。 スマホを乗り換えるときには、 → おとくケータイ で乗り換えをするとキャッシュバックがもらえます。 スマホの機種変更するときは、 →ソフトバンクはこちら →ドコモはこちら →auはこちら キャリア公式オンラインショップがおすすめです。学割や限定キャンペーンなどがもっとももおとくな時期です。 最も人気の言語、JavaScript Redmonkの調査によると、人気言語のランキング第一位はJavaScript (2015年6月発表のデータ,Redmonkより引用) これはGitHubとスタック・オーバーフローというサービスのコミュニティを分析した結果で、見にくいですが１位がJavaS
【怖くないJavaScript + jQuery】デバイスに合わせて特定のタグを挿入する
Step1：まず下準備 こちらはいつもと同じです。まず必要なファイルを読み込みます。 headタグの中に、jQueryと、自分で作ったjsファイル（今回は device.js とします）を読み込みます。 <head> <script src="common/js/jquery.js" type="text/javascript"></script> <script src="common/js/device.js" type="text/javascript"></script> </head>
jQueryでページ最下部のスクロール時のイベントをキャッチする
ユースケースとしては、Twitterのタイムライン表示ページのように最下部までスクロールしたら、そのイベントをキャッチして次ページのツイートをAutoloadして表示させたい！みたいなとき。 $(window).on("scroll", function() { var scrollHeight = $(document).height(); var scrollPosition = $(window).height() + $(window).scrollTop(); if ((scrollHeight - scrollPosition) / scrollHeight === 0) { // when scroll to bottom of the page } }); 上コードでは、ウインドウのスクロール時にスクロール位置が今どれだけなのかを差分を見て計算してる。それが0以下になったら
リストのアイコンをcanvasで作ってみた
html この通り何のへんてつもないリストがあります。 canvasタグはjQueryで追加します。 html <ul class="icon"> <li>item01</li> <li>item02</li> <li>item03</li> <li>item04</li> <li>item05</li> </ul> css リストの画像は普通cssの背景画像で指定しますが、背景画像にcanvasはたぶん指定できませんので、liの直下にcanvasを入れます。 細かい調整はcanvasのtopやleftで修正してください。 css ul.icon { list-style: none; } ul.icon li { position: relative; margin-bottom: 0.5em; } ul.icon li canvas { position: absolute; top:
LINE Social Plugins
Click here if your browser does not automatically redirect you...
Google Maps JavaScript APIの使い方まとめ
公開日: 2015/09/01 | 更新日: 2017/07/05 Googleが提供する、Google Maps JavaScript APIを利用して、ウェブページに地図を表示させる方法を説明します。通常の埋め込み型の地図とは違い、コントローラの調整、マーカーや吹き出しを配置したりなど、機能が満載です。 Google Maps JavaScript API V3 ReferenceGoogle Maps JavaScript API V3 ReferenceGoogle Maps JavaScript APIの公式リファレンスです。全てのメソッド、オプションなどについての解説が掲載されています。準備 (APIキーの取得)Google Maps JavaScript APIを利用するには、APIの有効化と、認証情報(APIキー)が必要です。この章では取得方法を説明します。 アカウントの用
SPAがネイティブアプリをぶっ壊す：HTML5/Javascriptが変えるWebの未来 - Qiita
はじめに タイトルは半分釣りですが、半分本気で考えてもいます。 近い将来、Webアプリが今のネイティブアプリの市場を超えてくる、と仮説を立てています。 ぜひ、先人のみなさんのご意見やお考えを教えてください。 SPAについて SPAとはなにか（What） 歴史 佐川夫美雄さんのイベントレポートの一部が、非常にまとまっていてわかりやすい部分でしたので、まず引用させていただくこととします。 RIAはアプリケーション利用者に対し高い評価を得ましたが、2010年のAppleショックにより衰退の方向へ向かいます。具体的には2010年にSteve JobsがFlashを激しく批判したことに端を発します。プロプライエタリ(Proprietary Software)なFlashよりオープン性のあるHTML5を推進するようになりました。2011年にはMicrosoftがWeb開発者に対してSilverligh
FacebookのLikeボタンを設置する | jekylog
下記でもいいけどjQuery使ってるなら最新記事の方法のがいいかも。 また、下記コードはHTML5のコード内に埋め込む事が前提で、IE7以上での表示を想定しており、FacebookのLikeボタンはIE6だと「Permission denied」エラーが出るので、IE6にも対応させたい場合はiframeにする必要がある。 まずは公式サイトへ 下記よりお好みのボタンを生成出来る。 Like Button - Facebook Developers 「URL to Like」は設置されたページのURLを取って欲しいから空にした。 「Send Button (XFBML Only)」不要なのでチェックを外した。 「Layout Style」は「standard」を選択。 「Width」はとりあえずデフォルト値の「450」のまま。 「Show Faces」は不要なのでチェックを外した。 「Verb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
きっつ（KitS）｜画面の中で終わらない。手がよごれるICT
JavaScript・jQueryの改修・高速化のためのメモ - Qiita
