Instagram APIから画像データを取得する方法
instafeed.jsはコメント情報(コメントの内容、コメントの回数など)を データとして取得し、表示することが可能ですが、ユーザーの特定が できません。 そのため、自分の投稿した画像だけを表示したいすることができません。 表示される画像はハッシュタグの内容や緯度経度(投稿場所)などから 指定して、画像上を取得し、表示することになります。例えば、 「#富士山」となっている画像をすべて表示させるということです。 一方のjquery-instagramでは、ユーザーの特定が可能です。そのため、 自分だけの投稿を表示させることができます。 ただし、instafeed.jsで表示できていたコメント情報を表示する ことができません。 このどちらかで事が足りる、またはその他のプラグインを探して間に 合わせるならよいのですが、表示させたい情報を取得し、反映させる 方法を次に紹介します。 ④画像データを
日本語Webフォントをサブセット化して軽量化する方法
今回は最近のWeb制作業界でよく利用されている日本語Webフォントを実用化する方法について紹介したいと思います。 ちなみに私がWebフォントに憧れるようになったのは、佐野章核さんというグラフィックデザイナーが作ったWebサイトを見たことがきっかけでした。 この前見た夢 Konel この佐野章核さんはグラフィックデザイナーを名乗っているのにも関わらず、Photoshopやイラレのエフェクトをあまり使わない海外っぽいデザインが印象的です。 それでいて、日本語サイトではあまり見ない日本語Webフォントを用いて美しいタイポグラフィーによる先進的なデザインを実現しています。 モバイルファーストの時代に突入するにあたり、今後はこのようなサイトが増えていくのではないかな〜という新時代到来を予感させてくれました。 Webフォントを使うメリット、デメリットについて 日本語Webフォントが最近流通し始めている
この3つのものを鉢に入れると植物がものすごく育つ。でもコレって単なるゴミ！
鉢で育てている植物の元気が無くなって、ションボリしてしまうことがありますよね。元気のない理由の一つとして土の力が無くなってしまっていることがあります。そんな時に試せるのがこのライフハック。
WordPress で jQuery を使う時の注意点
慣れていない方には解りにくいところがあるようですので、いまさらですが要点をまとめます。 特別な理由がない限り WordPress に含まれている jQuery を使う WordPress には外部スクリプトを読み込むための独自の仕組みがあります。また、WordPress インストールには初期状態で jQuery が含まれており jquery というスクリプトハンドルですぐに呼び出せる状態となっています。コンフリクトや依存関係の問題を引き起こさないように考えられていますので、特別な理由がない限りこれらを利用します。 コード例 テーマの functions.php に以下のように記述するとサイトの公開側に jQuery が読み込まれるようになります。 function my_scripts() { wp_enqueue_script( 'jquery' ); } add_action( 'wp
jQueryでスクロールすると表示するページトップへ戻るボタンをシンプルに実装する方法｜BLACKFLAG
今やWebサイトを作る際にはほぼ必須アイテムとなっている ページの最上部に戻るための「ページトップへ」ボタン。 最近ではページ内をある程度スクロールするとボタンが出現するタイプが主流になっています。 そんな「ページトップへ」ボタンの出現方法を フェードイン／アウト、下方向からスライドイン／アウト、ボタン要素を拡大／縮小、 の3つパターンで実装する方法を紹介してみます。 【フェードイン／アウト】 jQueryでスクロールすると表示するページトップへ戻るボタンをシンプルに実装する方法 「【フェードイン／アウト】jQueryでスクロールすると表示するページトップへ戻るボタンをシンプルに実装する方法」サンプルを別枠で表示 ページ内を一定距離スクロールすると 画面右下に位置固定した形で「ページトップへ」ボタンが フェードインして表示されます。 サンプルではページ内を100pxスクロールすると ボタン
無料でオンライン予約システムが欲しければWixがいいかも
1500以上の会社、お店が利用中の月額無料HP制作サービス 「HPの制作を安心して任せられる業者が見つからない＞＜」 そんなふうに頭を悩ますアナタ。 以下の「ウェブさえパック」はもうチェック済みですか？ HPを作るのに必要なものがパッケージになってるお得なサービスです。 料金と事例を見てみる ウェブ制作社さんの方も、あまり予算がないクライアントさん用に覚えておくといいかも。 無料で簡単にオンラインの予約システムを導入できる方法です。飲食店、美容室、ホテルなどサービス業ならなんにでも利用できます。スーパー便利。 ネット経由で予約を受け付けられるシステムを開発するにはけっこう手間もお金もかかります。WordPressならプラグインを利用するという方法がありますね。わりと手軽でおすすめ。以前に特集してます。 WordPressのカレンダー系プラグイン8個。色分けして営業日やイベント告知。予約受付
待ち時間をもっと楽しく！コピペできるCSSローディングアニメーション38個まとめ
開いているウェブページが読み込み中であることを、分かりやすく伝えるローディングアニメーション。これまではGIFなどで作成されることもしばしばでしたが、CSSの進化によって自由でカスタマイズ性の高いローディングアニメーションがたくさん登場しています。 今回はコピペで利用できるCSSローディングアニメーションを、コミュニティサイト Codepen よりピックアップしご紹介します。 よりオリジナル性の高いデザインを作成することができ、待ち時間が楽しみになるようなエフェクトを中心に揃えています。どうしてもファイルサイズが大きくなってしまうページなどに活用してみてはいかがでしょう。 詳細は以下から。 待ち時間が楽しくなる、CSSコピペで実装できるローディングアニメーションまとめ #22 – Loader with Pure CSS 動きに合わせて、背景のグラデーションカラーが美しく変化するローディン
モバイルアプリのUI設計に大切な、7つの基本アニメーションまとめ
海外デザインブログ Yalantis で公開された「7 Types of Animations for Your Mobile App」より許可をもらい、日本語抄訳しています。 「良いデザインは明きらかで、偉大なデザインは目に見えない。（英: Good design is obvious and great design is invisible.）」ということばを聞いたことがあるかもしれませんが、モバイルアプリの開発にアニメーションを利用するときも、同じ基本原則が適用できます。 うまく適用されたアニメーションは、ユーザーフレンドリーで魅力的にアプリを仕上げるだけでなく、ユーザーの邪魔になることもありません。どんなアニメーションにおいても重要となるタスクは、ユーザーにアプリの論理、ロジックを説明することです。 今回は、これまでのアプリ開発から学んだ、実践的なデザイン制作で役立つ、美しいアニ
ウェブサイト制作に欠かせない、アニメーション人気テクニック4つまとめ
機能的で楽しいアニメーションは、現代のウェブデザインに欠かせない重要な要素のひとつです。論理的に考えられたアニメーションを活用することで、ウェブサイトに大きな違いを生み出します。アニメーションはステータスを伝えたり、注意を引くことはもちろん、ユーザーの行った行動の結果をうまく表現できます。 今回は、より快適なウェブサイト体験を実現するために加えたい、アニメーションの制作テクニックをサンプル例と一緒に詳しく見ていきましょう。 進行状況（英: Progression） ローディング・アニメーション ウェブデザインに使われるアニメーションでもっとも一般的なもので、ページの読み込みに関係しています。ローディング・アニメーションは、コンテンツを読み込むまでの待ち時間をユーガーが短く感じられるように工夫されています。 シンプルな動きがローディング・アニメーションにとって最適で、音や余計なエフェクトなど
HTML/CSSで実装できる！今どきデザインのホバーエフェクト30個まとめ
ウェブサイトを魅力的に仕上げるだけでなく、ユーザーの注目を集めることができる、アニメーション・エフェクト。今回は、サイトコンテンツ表示に活用できる、HTML/CSSのみで実装できるホバーエフェクトをまとめています。 CSS3 を駆使したスタイリングは、コピペで利用することもでき、他と差のつくデザインエフェクトを、手軽に実現することができます。そのままコードを編集し、動作を確認することもできるので、今後のデザインプロジェクトに活用してみてはいかがでしょう。 詳細は以下から。 ウェブデザインを魅力的に仕上げる、HTML/CSSホバーエフェクトまとめ HTML/CSS/JS をクリックすると、各コードやスタイリングを確認でき、Result で実際のエフェクトを試すことができます。Return をクリックすると、読み込みを再度行います。 マウスホバーで、タイトルをモザイク状に表示。 See the
BackWPUpで確実にWordPressのバックアップを取る方法
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. あらゆるリスクに備えてデータのバックアップは不可欠だ。バックアップさえできていれば万が一データが消えてしまっても、また復元できるからだ。次の２つを叶えるバックアップができればかなり心強いだろう。 定期的に自動でバックアップが取れる自動バックアップのスケジュールを自由に設定できる詳しくは後ほど解説するが、数多くある WordPress のプラグイン中でも２つを可能にし、更に画像ファイル、記事、プラグインなど丸ごとバックアップが取れるのが「BackWPup」である。安定的な動作をしてくれるので、バックアップする際はこのプラグインを使おう。 ここでは、 BackWPup を使ってファイルとデータベースのバックアップを取る方法をご紹介しよう。 ま
洋菓子ぎをんさかい
古来より各地の様々な素材が集まる京都。 華やかで色褪せない街、 祇園。 「洋菓子ぎをんさかい」は祇園 花見小路より、 「粋」をテーマに新しくも本物の洋菓子をお届けする パティスリーです。 Various materials from various regions are gathered in Kyoto from old times. Gion is a town with gorgeous atmosphere, which has never faded away. Out western confectionery, “GION SAKAI” is a pastry that you can enjoy real western confectionery with a theme, “Sophistication,” from Hanamikoji-dori of Gion.
レスポンシブ対応メニュー用jQueryプラグイン「meanmenu.js」
ウィンドウサイズが小さい場合に、自動的にナビゲーションを変形させてくれるjQueryプラグイン「meanmenu.js」のご紹介です。 PCやタブレットで表示する際は、ナビゲーションを横並びに配置しておき、ウィンドウサイズがある一定のサイズを基準にアコーディオン形式のナビゲーションに変形させることができます。 MeanMenu デモサンプル ▼サンプルとして多少カスタマイズしたサンプルをご用意しました。 デモサンプル（カスタマイズ） 【使い方】 1.meanmenu.jsをダウンロードします。 meanthemesよりデータ一式をダウンロードします。 2.jQuery本体とJavaScriptを読み込む 内に読み込む" ><script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script type="text/jav
913 NEUF UN TROIS
国産の厳選した素材を使い、アトリエでひとつひとつ丁寧に心を込めてお作りしています。ご指定日がない場合、最短納期でお届けいたしますが、お届けまで多少お時間を要する場合もございます。予めご了承ください。 2023/03/15 厳しい寒さも終わりを迎え、だんだんと暖かい日が増えてきましたね。 来週より短期催事出店いたします。 きっと桜も見頃だと思います。お花見のお手土産にいかがでしょうか。 皆様のご来店を心よりお待ちしております！ 《開催期間》 2023年3月23日(木)〜3月29日(水) 《営業時間》 11:00〜21:00 《開催場所》 渋谷ヒカリエShinQs 地下２階 フードステージ 《アクセス》 JR・京王井の頭線「渋谷駅」と２階連絡通路で直結 東京メトロ銀座線「渋谷駅」と１階で直結 東急東横線・田園都市線・東京メトロ半蔵門線・副都心線「渋谷駅」B5出口と直結 2022/12/01 週
お箸で食べるフレンチごはん 西麻布GINA（ジーナ）
旬の和食材や出汁を素材として、フレンチの技法で丁寧に料理します。 しっかりとしたお食事はコースをご用意。ワインはもちろん、日本酒と共にお楽しみください。 ちょっと小腹が空いた深めの時間には、シェフがあなただけに、ちょうどよいごはんを作ります。 お箸で食べるフレンチごはん。いつでもおいしいお料理を支度してお待ちしております。 18:00~21:00（L.O.） 火曜日〜土曜日 四季を感じる食材を贅沢に使った「おまかせコース」をご用意しております。今月の献立の一例は詳細ページよりご覧いただけます。 MORE DETAIL 21:00〜23:30 （L.O. 22:00） 火曜日〜土曜日 21時からは「大人のお好みアラカルト」タイム。15種類以上の野菜を丁寧に調理し組み合わせた美しいサラダ、大盛りのリクエストにもお応えするGINA名物トリュフのTKRなど。 その日にある食材を丁寧に活かした、あな
【iPhone】このwebサイトから自動的に電話をかけることは禁止されています。
ウェブサイトの動作確認を iPhone を使って行なっていたところ、意図せず『このwebサイトから自動的に電話をかけることは禁止されています。』というポップアップが表示されました。 電話番号をクリックすると表示されるこのダイアログ。 HTMLの <head> 内にメタタグ「format-detection」を記載しているのが原因かと思い、以下の記述を削除してみましたが、それでも解決せず……。 <meta name="format-detection" content="telephone=no,address=no,email=no"> 調べてみたところ、これは iOS10.1 以降から実装された機能だったようです。 1つのページで電話番号リンクを3回以上タップしたときに「このWebサイトから自動的に電話をかけることは禁止されています。」というダイアログが出現するようになりました。 今まで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Instagram APIでwebサービスを作りたい全ての人に向けて書きました
Google Drive: Sign-in
プレミアム食堂 by PREMIUM
MW WP Form
