さて前回の記事｢Twitter REST APIでタイムラインを取得して、Twitter-text-phpでアンカー表示｣で、タイムラインのリンク付表示までしたのだけど、色々まだやりたい事がありました。やりたい事は以下のとおりです。 取得したツイート内のハッシュ、ユーザー、外部URLにリンクを張りたい 取得したツイート内のt.coのURLを表示用URL（元の短縮URL）に置き換えたい 取得したツイート内の画像をサムネイル表示したい 前回の記事で書いたように、Twitterの仕様変更で、URLがt.coラップされてしまいますが、そのツイートに付属するデータがごっそりEntitiesという要素内に入っていますので、基本的にはこのEntitiesを参考にしてt.coのURLを置き換えたり、ツイート画像を表示したりします。 Twitter Entities要素について この要素にはツイートに付属

Facebookページを作った次は定期的にFacebookページに情報を投稿したいものです。 その場合はアプリと連携する必要があり、つまり自作アプリを作る必要があります。 アプリの連携を行いうと任意のタイミングでFacebookページに情報の投稿が可能となります。 ザックリとした手順は Facebookページの作成 アプリを登録してApp IDとApp Secretを取得 Facebook PHP SDKをダウンロード App IDとApp Secretを基にしてアプリの認証 アクセストークンを取得 FacebookページへPOST です。 STEP1：Facebookページの作成 Facebookページの作り方はこちらのエントリーを参照してください。 STEP2：アプリを登録 アプリの登録はこちらのエントリーのSTEP1を参考にしてください。 テスト中はSanbox Modeを

はじめに こんにちは、クラスメソッド株式会社でWebを担当している野中です。前回はWebサイトの高速化を行うにあたり知っておきたい「HTTPの仕組み」について紹介しました。 HTTPの仕組みについて何となく理解できたでしょうか？ この連載で紹介していく高速化テクニックの解説を理解するために必要ですので、都合の良い時に読んでおいてください。 「いつ読むか？ 今でしょ！」なんてね（笑） もう古いですね。 対象者 この記事では、特にWebデザイナーを対象としています。 フロントエンドエンジニアの方はWebデザイナーから受け取ったPSD（Adobe Photoshop Data）ファイルや、AI（Adobe Illustrator Data）ファイルから画像を書き出すこともあると思うので、その際の参考にしてください。 Webデザイナー フロントエンドエンジニア Webディレクター Web担当者 ビ

dresscording.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

HTML5の活用を考えてる人達に向けて、制作会社・開発会社の立場からHTML5の現状・できることできないこと・そして今後について・「ざっくりわかる最新情報」をまとめてみました。以上8つのテクノロジーを基礎に、HTMLのセマンティックな構造化をすすめwebアプリケーションを拡張する各技術の仕様を標準化することでブラウザやデバイスの違いに関わらず扱えるようにする。 webのアプリケーションプラットフォーム化 これがHTML5の最終目標です。 HTML5はプラットフォームでありカバーする範囲が広いため既にサイトやサービスを運営されている方々には現行サービスへの適用方法や現実的な運用イメージがつきにくい方も多いかも知れません。しかし、webのHTML5化は確実に進んできており現行のサービスへも影響を与え始めています。 [グーグルが数ヶ月以内にセマンティック検索を導入] Google Gives S

Yahoo! Developer Network has released a video of my Object Oriented CSS talk at Web Directions North just in time for Ada Lovelace day. I’ve also been included in a feature on Women in Technology. I’m absolutely flattered to be included among these fantastic technical women. Wow. Object Oriented CSS: for high performance websites and web applications. Find out more about object oriented css Open s

WordPress の運営を始めて1年後にしてようやく（満を持して！）、キャッシュ・プラグインを使い始めています。とは言っても、最初は 「アレが速い」 とか 「コレが良い」 などといった記事に目移りして、何をどう使えばよく分かりませんでしたが、ここらで私が理解出来ていることをまとめてみたいと思います。 下図は、サイト閲覧者 ～ WordPress 間の主要なキャッシュ機構とそれをサポートするプラグインの関連です。サーバーのファイルシステムや、メモリ／ハードディスクなどの I/O レベルのキャッシュなどは割愛します。 図を見れば分かる通り、W3 Total Cache がその名の通り全てのキャッシュをカバーしています。さらにメモリ・キャッシュ、CDN へのアップロード機能、各種 PHP アクセラレータ （ACP、eAccelerator、XCache）、HTTP アクセラレータ （Varni

タイトルはパンくずリストなんですけど、パンくずリストを紹介する記事ではありません。でも、パンくずリストを自分で作ってみると分かるんですけど、パンくずリストのコードには、WordPress でのサイト構築のノウハウが詰まっているなーって思います。なのでパンくずリストを作りながら、WordPress でのサイト構築の考え方みたいなものを紹介する感じの記事になっています。 WordPress でブログじゃない Web サイト構築をするとき、サイトの構造によってはサイドバーなどを自分でカスタマイズしなくてはいけません。例えば固定ページを作ったら、親ページでは子ページへのリンクを表示したりとか、逆に子ページでは親ページのリンクを表示したりとか …。もちろんリンクだけじゃなくて、アイキャッチ画像なんかも一緒に表示したいこともあったりします。一般的な Webサイトを WordPress で作ろうとすると

この文書ではsvgをhtml埋め込みデータとして扱う際の覚書として作成した．svgの要素と属性は実際の例を踏まえて説明したつもり． 注意事項 仕様はここを参照のこと． 本文書では実際の挙動を調べつつ自分なりの解釈が入っているため，多々間違いが入ってしまうかもしれないが，気にしない． スクリプトを使ってsvg要素の中身(ソース)を出力しているため，一部実際のコードと表示されるコードとの間に差異があるが，予めご了承いただきたい． 目標は見栄えのする図形をsvgの手入力でサラっと記述できるようになることなので，複雑な図形は素直にinkscape等専用のツールを使うと良い．ただ，ここで示したことはツールを使う上でも役に立つと思う．特にアニメーションなど． svg:ベクター画像のカンバスの定義，title:タイトル，desc:説明 html文書においてsvg画像を挿入したい場合,embed要素を用い

ネットショップ開業完全マニュアルへようこそ！ 当サイトはネットショップを開業し、運営をしたい全ての方のための最初の一歩を踏み出すための情報を掲載した情報集です。 ネットショップを開業するために必要な情報や知識、技術などをまとめ、誰でもとは言えないものの、これからネットショップ開業を目指す方の道しるべになれるよう、様々な情報を取り集めました。 ネットショップ開業のために必要なものから、ショッピングカートの比較方法、選び方まで、必要な情報を完全網羅！ ここを見ればネットショップ開業のための全てが分かります！ 当サイトでは下記の流れでネットショップ開業までの道のりをサポートしています。 ネットショップ開業に必要な基礎知識について ネットショップ開業自体は簡単ではありますが、あまり情報自体が出回っておらず、様々なサイトを巡り、自力でまとめるしか方法がありませんでした。 ネットショップ開業完全マニュ