WordPressをやめ、静的サイトジェネレーターで高速化した話 2019年4月15日公開池田 泰延♥ 2817
![フロントエンジニアに関する記事一覧 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d4be16a8cc16d13f108d2cd40431babfbd134d7/height=288;version=1;width=512/https%3A%2F%2Fics.media%2F_assets%2Ftop%2Ffacebook_opg_image.png)
WordPressをやめ、静的サイトジェネレーターで高速化した話 2019年4月15日公開池田 泰延♥ 2817
カスタム投稿タイプとカスタムタクソノミーについてまとめました。結構詳しくまとめた(つもりな)のでこの記事を参考にすればカスタム投稿タイプを使用して基本的なことは出来るようになると思います。 まえがき カスタム投稿タイプとカスタムタクソノミーについてまとめました。 カスタム投稿タイプを使ってWordPress標準の「投稿」とは別の独立したブログコンテンツを作成する時に必要になりそうな項目をピックアップして解説します。 カスタム投稿タイプとカスタムタクソノミーを覚えるとできることの幅が格段に広がりますので抑えておいて損は無いと思います。 目次 カスタム投稿タイプとカスタムタクソノミーの概要 カスタム投稿タイプとは カスタムタクソノミーとは タームとは カスタム投稿タイプ&カスタムタクソノミーの作成 カスタム投稿タイプのパーマリンク設定 カスタム投稿タイプのテンプレートやタグ カスタム投稿タイプ
気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2014年の1〜6月までにご紹介したjQueryプラグインをまとめてみました。今回は全部で56のプラグインがありました。そのほとんどが最新(中には古いのもあるかも)のものなので、フレッシュなjQueryを探したい時の参考になれば幸いです。 [ads_center] スライダー、カルーセル系 Flickerplate スマホやタブレットのフリックやレスポンシブにも対応しているコンテンツスライダーです。 フリック&レスポンシブ対応のコンテンツスライダーを実装できるjQueryプラグイン「Flickerplate」 Paper Slider 紙のようなエフェクトのシンプルなスライダーを実装することができます。 紙のようなエフェクトのスライダーを実装できるjQueryプラグイン「Paper Slider」 PgwSlider レス
どれが本命?CSSやJQueryでぼかしのエフェクトをかける方法を一通り試してみた 最終更新日: 2017/03/28 最近のデザインの流行から、写真をぼかしてキービジュアル画像の背景などに使う機会が増えてます。 どんなにヘボイ写真でも、かっこいいデザインに仕上がったりするからと、とりあえずぼかしておけと言われることも多いのでは。 高解像度の写真を買わなくても済むので安上がりですしね。 ぼかした写真をデザインに取り入れるとき、普通は写真をPhotoshopでぼかして、画像そのものを加工する手法が多いとは思います。でも、今回どうしても写真は加工しないで、WEBページ内でblur(ぼかし)のエフェクトをかけることが必須という大人の事情がありましたので、仕方なくいろいろ調べてみました。 やりたいことはこんな感じです。 blurをかけると、どんな方法でやる場合にも画像のふち(境界線)は、ぼやけ
グラデーションの縞々を取り除いたり、背景を削除したりする実用的なアクションをはじめ、カラーのバリエーションを生成したり、画像を幾何学模様やハーフトーンにしたり、テキストやオブジェクトを3DにするPhotoshopのアクションを紹介します。 no more banding フラットやソリッドなスタイルがトレンドでも、まだまだグラデも健在です。そんなグラデーションが汚く見えてしまう縞々(バンディング)を取り除いて、美しく仕上げるPhotoshopのアクション。 バンディングを取り除く仕組みは、以前の解説記事(グラデーションをより美しく滑らかにするPhotoshopのアクション )をご覧ください。
Twitter,Facebook,YouTube,PinterestのRSSフィードURLまとめ 2012年05月10日- RSS Feeds Directory for Twitter, Facebook, YouTube, etc. Twitter, Facebook, YouTube, Pinterest, Flickr, Blogger のRSSフィードURLがまとまっています。 情報収集やサイト作成に応用することができそうでしたのでシェア。 Twitterのユーザタイムラインや検索結果、Youtubeのタグや検索結果のRSSがわかるので便利。 一時期、マッシュアップという言葉がバズワードになりましたが、今一度バズワードで面白いサービスを作ってみるのもいいかも。 関連エントリ RSSやATOMフィードを読み込んで表示できるjQueryプラグイン「FeedEk」 GoogleRead
Google Analyticsを本格的に使いこなしたいけど、何を見れば良いかわからない!忙しいスタートアップだと中々調べている時間もありませんよね。 今回は、この記事を見ておけば、必ずGoogle Analyticsを使いこなせる記事をピックアップしましたので、ご覧下さい! 「Google Analytics完全解説」著者から聞いた知らないと損しそうな5つのTips! 意外と知られていないTipsが書かれている有名記事。 Google Analyticsでサイトのことが丸分かりのバブルチャートをフル活用する方法 バブルチャートを使うなら、これを読めば間違い無し。 Google Analytics、77の注意点(追記有) 注意点が網羅されているGoogle Analytcisにおける必読の記事。 加重並べ替えはGoogle Analytics最強の機能強化の1つかも 加重並べ替えに関して書
この記事は賞味期限切れです。(更新から1年が経過しています) ソーシャルブックマークサービスやソーシャルネットワークサービスが巷に多く溢れる昨今、 ページの下部にシェアボタンを追加しているサイトを目にすることも多くなってきました。 ほとんどのサービスがブログパーツとしてコードを配布していますが、勿論仕様もまちまちです。 そこでちょっと備忘録としてまとめておきます。 シェアボタンについて Twitter Facebook Livedoorクリップ はてなブックマーク Delicious Googleブックマーク Yahoo!ブックマーク おわりに シェアボタンについて よくブログ記事の下部に設置されている連中ですね。 基本的にどのサービスも共有用のURLが用意されていて、 そこにシェアしたいURLとタイトルをパラメータで添えてアクセスします。 (サービスによってはタイトルを自動的に取得しに行
ユーザーがページを表示し、スクロールやボタンをクリックした際に、おおっ!と思わせるクリエイティブなエフェクトを7つ紹介します。 Inspiration for article intro effects 7つのエフェクトをアニメーションgifにしてみました。 ページはフルスクリーンサイズの画像が最初に表示され、そこをスクロールボタンクリックでさまざまなエフェクトがおきます。派手すぎず、センスあるかっこいいエフェクトばかりです! 各エフェクトのソースは上記ページからまとめてダウンロードできます。
さて。OGPについてのエントリーを書いたばかりですが。 色々頑張って、このブログのOGPは↓こんな感じになりました。 <meta property="fb:app_id" content="1234567890" /> <meta property="og:type" content="blog"> <meta property="og:description" content="***記事抜粋***"> <meta property="og:title" content="***記事タイトル***"> <meta property="og:url" content="***記事URL***"> <meta property="og:site_name" content="Sunday In The Park"> <meta property="og:image" content="htt
こんちは。松田です。 トレイン・トレインで使用しているGoogleMapをいじっている時に座標(緯度・経度)から地名を取得する必要が出てきたので、その際に調べた逆Geocoding機能を実装したAPIをまとめてみました。 GoogleMapsAPIなど地図を使ったシステムを使用していると、住所から緯度経度などの情報を取得する方法が必要になります。これはGeocodingと呼ばれる技術で、GoogleMapsAPIではすでに公式なAPIが存在しています。 これとは逆に、ユーザーに登録させたスポットの地名を自動入力させたりする場合など、座標から地名情報を取得したい場合があります。これらは「逆Geocoding」や、「Reverse Geocoding」などと呼ばれていますが、現在のところGoogleMapsのAPIは提供されていません。 この逆Geocoding機能が使えるサービスをいくつか紹
管理者のTwitterです。更新情報もお伝えしてます facebookページです。是非いいね!を RSSの登録はここからどうぞ ご連絡の際はこちらか"Contact"へどうぞ 素材を配布しているサイト様に行けば、カッコいいものがたくさん見つかりますが、ちゃんとオリジナルのロゴなどのデータも、公式からしっかりと公開されていたりします。そのダウンロード先のページについて、まとめてみました。 ※基本は無料でダウンロードできますが、使用する用途が限られているものもございます。詳しくは各リンク先をご確認下さい。 Playerのダウンロードバナー Use of Adobe icons and web logos|Adobe Adobe Reader、Adobe Flash Playerなどのダウンロードバナー。 Windows Media Logo Programs|Microsoft (※追記 バー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く