はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    WWDC25

『ゴーゴーウェブマーケット技術BLOG』

  • 人気
  • 新着
  • すべて
  • メディアアップローダーを使ってカスタムフィールドに画像を登録する。

    3 users

    techblog.55w.jp

    WordPress3.5あたりでメディアアップローダーが改善して自作でメタボックスに設置しやすくなりました。 ただ、メディアアップローダー周りのマニュアルが少なく、色々なサイトを参考に試行錯誤していました。 参考サイト WordPressの管理画面内でメディアアップローダーを呼び出す WordPress 3.5の新メディアアップローダーを自作プラグインやテーマに組み込む。 その中で参考になった(というかほぼまるごとコピった)サイトはこちら wordpressの投稿画面にメディアアップローダー付きのカスタムフィールドを設置する。 画像を一度の処理で複数アップロードできる上にドラッグで並び替えができるというなかなか便利な仕様です。 (逆に単体のみの場合上のサイトが参考になります) ただ、コードをそのままコピペをした場合多少不具合があったのでちょっと修正 <?php //////////////

    • テクノロジー
    • 2014/07/03 09:25
    • カスタムフィールド
    • wordpress
    • Web制作
    • web
    • メディアアップローダ
    • enchant.jsの画面を好きな場所に配置する。

      3 users

      techblog.55w.jp

      enchant.jsでゲームを作って公開するとき、画面が左上に固定されてしまいます。 これはenchant.jsが最初にbody要素の直下にenchant-stageというDIV要素を作るので、レイアウトの変更は難しいのかなー? とおもってソースを覗いてみると、どうもすでにenchant-stageというIDの要素がある場合は、そこに表示してくれるようです。 ということは、これを上手く使うとゲームだけじゃなくflash的な使い方をサイトで使えるかな? 難点は必ずenchant-stageというID要素が必要になるので一つのページに複数のゲームを配置できないことですか。 なお、wordpressで設置するときの注意点ですが、game.preloadで画像をロードする際にパスを間違えないように注意。 サンプル(9leapに投稿したのをそのまま配置したので、スタートと終了の処理がおかしいです。)

      • アニメとゲーム
      • 2012/03/19 16:48
      • enchant.js
      • Javascript
      • game
      • Tips
      • 【enchant.js】回転時も衝突判定をしてくれるプログラムと問題点

        4 users

        techblog.55w.jp

        enchant.jsでiPhone向けゲームアルゴリズムを色々試したところ、Canvasで画像を描画するより、Spriteを多用したほうが軽いことがわかりました。 Canvasを一度読み込んで色々描画してから書き込むのより、Sprite900個を設置したほうが軽いというのは何か書き方を間違っている気がしなくもないですが、1000個未満ならSpriteを設置してもiphoneでも問題ないのがわかったのはびっくりしました。(一度に動かすとまた別ですが) しかしCanvasではなくSpriteで処理すると多少問題がでるのが、Spriteを回転して斜めにすると上手く衝突判定が行われないのです。 というのも、enchant.jsではSpriteのXY座標+縦横幅の四角形で衝突判定を行っているのですが、回転時もこの部分は変わらないのです。 そこで、斜めになったときの計算のアルゴリズムを模索しなくてはと

        • 学び
        • 2011/12/28 17:34
        • Enchant.js。Surface(Canvas)拡張プラグイン

          4 users

          techblog.55w.jp

          Enchant.jsでお絵かきソフトでも作ろうかなと思ったのですが、Surfaceクラスからcontextを介して毎回 Canvasにアクセスするのが面倒になってきたので、よく使いそうなパターンをクラス化しました。 Surface拡張プラグインPaint.js【ダウンロード】(名前をつけて保存でダウンロードしてください) 使い方。 enchant.jsを読み込んだ後に等でこのプラグインも読み込んでください。そしてSurfaceクラスの替わりに var canvas = new Paint(320,320); と書けばSurfaceをラップしたPaintクラスが使えます。 *しょぼい機能 色を指定する。 paint.color(strokeStyle,fillStyle); 線の色と塗りつぶしの色を指定します。片方だけを指定する場合は片方をnullにしてください。 円を書く paint.ci

          • テクノロジー
          • 2011/10/27 03:15
          • enchant.js
          • js
          • javascript
          • Twitter社の新フレームワーク「Bootstrap」

            7 users

            techblog.55w.jp

            IDEA*IDEAさんのサイトでなかなか面白そうなフレームワークが紹介されていました。 デザインが苦手なWebサービス開発者に朗報!今風のデザインがさくっと作れる『Twitter Bootstrap』が凄まじく充実している件 Twitter社が提供しているCSSで作られたフレームワークで使い勝手がいい感じなのですが、導入がやや面倒だったので少し紹介したいと思います。 1.本体のダウンロード 本体は下記よりダウンロードできます。 Twitter Bootstrap 右にあるBootstrap on GitHubのアイコンをクリックした後に、Downloadsのアイコンをクリックし好きな方の拡張子でダウンロードします。 ****************色々設定を変更する予定がある人向け******************** 2.Less.jsのダウンロード BootstrapはCSSを色々拡

            • テクノロジー
            • 2011/08/22 17:23
            • css
            • *programming
            • html
            • twitter
            • カスタムフィールドテンプレートでデータをグループ化と表示非表示を追加する。

              4 users

              techblog.55w.jp

              カスタムフィールドテンプレートプラグインには非常に多彩なオプションがありますが、そのオプションの説明がとても少ないです。 その中のこっそりした機能の一つにグループ化というのがあります。 これはグループ化した部分をfieldsetで囲む機能で [グループ1] type = fieldset_open legend=ぐるーぷ [項目1] type = text [グループ1] type = fieldset_close のようにfieldset_open~fieldset_closeまでの間の項目がグループ化されます。 そしてグループ化したついでにそのグループをクリックで表示オンオフにしようというカスタマイズをします。 まずcustom-field-template.phpを変更するので念のためバックアップはとっておいてください。 custom-field-template.phpの2090行

              • テクノロジー
              • 2011/06/27 14:56
              • WordPress
              • enchant.jsを勉強する2 敵の配置と衝突判定

                5 users

                techblog.55w.jp

                enchant.jsも慣れてきたのでゲームっぽいのを作ってみようかと思います。 使用する画像が増えたのでchara1.gifとchara3.gifとicon.gifをフォルダにコピーして使っています。 *上下に移動する敵を作る。 enchant(); window.onload = function() { var game = new Game(320, 320); game.preload('chara3.gif','chara1.gif'); game.onload = function() { var player = new Sprite(32, 32); player.image = game.assets['chara3.gif']; player.frame = 12; player.x = 20; player.y = 80; var enemy = new Sprite

                • 学び
                • 2011/05/30 14:07
                • メモ:enchant.jsのよく使うイベントリスナー

                  4 users

                  techblog.55w.jp

                  enchant.jsは色々なイベントを追加できるのですが、ドキュメントがまだ少ないので適当にまとめてメモ load Gameをロードするときにトリガーする。初期設定用? progress 画像を一枚プリロードするたびに起動する。画像が多い時にローディング画面を出すのにいいかも? enterframe フレームの開始時にトリガーする。 多分もっとも使う。 added addChild等でノードを追加したときにトリガーする。配置したときの初期設定に便利。 removed removeChild等でノードを削除したときにトリガーする。削除した後に何か処理したいときに便利。 touchstart オブジェクトをタッチ(またはクリック)したときにトリガーする。割と頻度高め。 touchmove オブジェクトをタッチしたまま移動したとき(ドラッグ)にトリガーする。 ドラッグ処理に使う touchend

                  • 暮らし
                  • 2011/05/30 14:03
                  • WordPressで簡易的な出欠確認をする。

                    3 users

                    techblog.55w.jp

                    Twitterで出欠確認を取れるサイトをみて、こんな感じのをwordpressでできないかなーと 思って簡易的な出欠確認を作ってみました。 //出欠確認テスト add_filter('the_content', 'join_check'); function join_check($content){ $key_select = array("参加","保留","不参加"); //選択肢をここで設定 $ret=""; if(is_user_logged_in()){ //ログインしてないユーザーには表示しない。 global $user_identity,$post; $join_data = unserialize(get_post_meta($post->ID,'join_meta',true)); //カスタムフィールド join_meta からデータを読み込む //送信ボタンを押し

                    • テクノロジー
                    • 2011/05/21 17:36
                    • wordpress
                    • ゲームが簡単に作れるスクリプトenchant.js

                      23 users

                      techblog.55w.jp

                      なんでも最近enchant.jsという、html5とjavascriptで簡単にゲームが作れて、しかも スマートフォンでも動作する面白そうなゲームエンジンがあるというので早速ダウンロードして色々試してみました。 思ったより簡単に色々できそうだったのでちょっと紹介します。 ・ダウンロード ダウンロードは下記のサイトからダウンロードできます。 【ダウンロード】 ・解凍する。解凍すると色々なファイルが出てきます。その中で使うのはenchant.jsだけです。 とりあえずactionフォルダに入っているindex.htmlとenchant.js、imagesフォルダに入っているchara0.gifを 新しいフォルダtestを作成して、その中にコピーしましょう。 ・index.htmlの中身 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <

                      • テクノロジー
                      • 2011/04/21 22:25
                      • enchant.js
                      • JavaScript
                      • Game
                      • library
                      • js
                      • プログラミング
                      • programming
                      • Twitterの内容からマルコフ連鎖で自動文章

                        5 users

                        techblog.55w.jp

                        Twitterのfeedが取得できるようになったので何か面白いことができないかと思い色々探していたらマルコフ連鎖という面白い仕組みがみつかりました。 Yahooの形態素解析を利用して文章を作成するみたいです。 早速TwitterのツイートをRSSから取得して自動文章を作成する関数を作ってみました。 参考 http://dogmap.jp/2008/08/27/markov-text-generator/ Twitter自動文章作成 <?php function Tweet_to_markov($max_length = 120){ //APIキーを登録。取得はhttps://e.developer.yahoo.co.jp/webservices/register_applicationから $aid = 'YahooAPI KEY'; //検索キーワード。Twitterの検索条件が使えます

                        • 学び
                        • 2011/03/22 04:45
                        • WordPress3.1で追加されたhas_termが便利

                          5 users

                          techblog.55w.jp

                          テーマを作成していると、カスタム分類である値がある場合別の処理がしたいことがでてきます。 たとえば果物というカスタム分類にリンゴがある場合はリンゴのアイコンを出したい場合 <?php $terms_opts = get_the_terms($post->ID,"Fruit"); foreach($terms_opts as $opt){ if($opt->name == "りんご"){echo '<image src="apple.jpg">';} } ?> という感じだったのですが、3.1から追加されたhas_termというのを使うと <?php if(has_term("りんご","Fruit",$post->ID)):?> <img src="apple.jpg"> <?endif;?> とシンプルにすみました。 使い方としては has_term( $term, $taxonomy,

                          • テクノロジー
                          • 2011/03/14 18:02
                          • WordPress
                          • 管理メニューを必要ないとき隠す

                            4 users

                            techblog.55w.jp

                            WordPress3.1からの新機能の管理メニューは便利ですが、出しっぱなしだと結構じゃまになってきます。 そこで必要無いときに隠したいなあと思い、色々作ってみました。 ページ上部にカーソルを持って行くと管理メニューを表示 add_action("wp_footer","hide_adminbar_js",1010); add_action("admin_footer","hide_adminbar_js",1010); function hide_adminbar_js(){ global $wp_admin_bar; ?> <?php if (is_admin_bar_showing()&& is_object( $wp_admin_bar ) ):?> <div id="wpadminbar_hide" style="left:0;height:28px;position:fixed

                            • テクノロジー
                            • 2011/03/02 18:01
                            • wordpress
                            • jquery
                            • WordPress3.1とカスタム投稿アーカイブ

                              3 users

                              techblog.55w.jp

                              地味にうれしかった新機能としてカスタム投稿をアーカイブ化できることです。 これで新着情報などのカスタム投稿を作成したときに、一覧を表示するときにいちいちページを作らなくても大丈夫です。 しかし使い方がわからずちょっとつまったのでメモ ・設定 カスタム投稿のアーカイブを表示するにはregister_post_typeにhas_archiveを追加してTrueにする必要があります。 Custom Post Type UIがまだ対応してないので手動で入力めんどい・・・とおもってたらアップデートで対応してました。 早い! ・使い方 www.exsample.com?post_type={カスタムポスト名} で、カテゴリーのようにアーカイブが表示されます。テンプレート階層は 1.archive-{カスタムポスト名}.php 2.archive.php 3.index.php の順番に表示されるようで

                              • テクノロジー
                              • 2011/03/01 10:12
                              • WordPress
                              • tips
                              • wp_insert_postとカスタム分類

                                3 users

                                techblog.55w.jp

                                先日、カスタム分類をTaxInputで登録できるはずなのに全然うまくいかないで困っていました。 結局よくわからなかったのと、よく考えたら後からカスタム分類を別個追加したほうが楽なんじゃないかと気が付き、方法を変更しました。 $id = wp_insert_post($post_data); wp_set_object_terms($id,$tags,'hash_tag'); wp_insert_postは返り値にpost_idを返します。そこで、投稿設定をした後にそのpost_idで wp_set_object_termsを使いカスタム分類を追加しています。これはhash_tagというカスタム分類に$tagsの内容を登録しています。 これでハッシュタグ(ついでにユーザー名も)を関連付けた投稿をポストすることに成功しました。 次の問題は一日に呟かれる設定ワードの呟きが100~200件程あるの

                                • テクノロジー
                                • 2011/02/26 22:56
                                • WordPress
                                • Web制作
                                • WordPressの検索フォームの検索範囲を変更する。

                                  4 users

                                  techblog.55w.jp

                                  WordPressのフォーラムで検索フォームから検索すると投稿だけではなくページやカスタム投稿も表示されるのを なんとかしたいという内容の質問がありました。 あれ?確かWordpressの検索は投稿のみしか検索しなかったと思ったんだけど違ったっけ?と思い調べてみると 元からなのか仕様が変わったのか確かにpost_typeの指定はありませんでした。 // If a search pattern is specified, load the posts that match if ( !empty($q['s']) ) { // added slashes screw with quote grouping when done early, so done later $q['s'] = stripslashes($q['s']); if ( !empty($q['sentence']) )

                                  • テクノロジー
                                  • 2011/02/07 18:25
                                  • WordPress
                                  • tips
                                  • メモ カスタムフィールドの値からgooglemapを表示する関数

                                    3 users

                                    techblog.55w.jp

                                    googlemapを利用するとき、いちいちコードを入力するのが大変だし、緯度経度を割り出すのが面倒なので カスタムフィールドに住所を打ち込むと地図を表示してくれる関数。非常に参考になったサイトがあったはずだけど URLが思い出せない。 以上の内容をfunctions.phpに入力しておく。 function St_gmap_func() { $apikey = "XXXXXXXXXXXX"; //ここに取得したgoogleAPIキーを入力 $width   = "280px";                       //横幅を入力 $height  = "250px";        //縦幅を入力 $zoom    = "14";          // ズームを入力 $id      = "gmap01";                        //IDを入力 $popm

                                    • テクノロジー
                                    • 2011/02/01 03:35
                                    • WordPressの外部からポストできる関数wp_insert_post()

                                      9 users

                                      techblog.55w.jp

                                      Wordpressにはwp_insert_postという関数があります。 これを使うと外部から投稿フォームを作ったりプラグインから投稿フォームを作ったりすることができます。 *参考 wp_insert_postリファレンス 81行から成るWordPressの自作投稿フォーム しかしこの記述だとカスタム投稿やカスタム分類に対応してないように見えます。投稿された内容が3.0以前の話なので当然ですが 調べるとちゃんとカスタム投稿とカスタム分類も対応しています。(というか、普通の投稿もこの関数を使用しているわけで対応していないとおかしい) というわけで自分的メモで カスタム投稿はwp_insert_post( $my_post ); $my_post = array(‘post_type’=>’カスタム投稿名’); でOKでした。 カスタム分類は少しややこしくて tax_input=>array(

                                      • テクノロジー
                                      • 2011/01/28 17:55
                                      • WordPress
                                      • カスタム投稿
                                      • Web制作
                                      • 投稿データをカスタム投稿に移動させる。

                                        4 users

                                        techblog.55w.jp

                                        以前作ったサイトのバージョンアップをした際に、今まで全部投稿でまとめていたのをカスタム投稿にしていくつかわけようかと思いました。 しかし、調べるとどうも投稿からカスタム投稿に移動させる機能が見つからない。 というわけで、どうにかできないかと色々試してみました。 1.事前に移動させるカスタム投稿とカスタム分類を作っておきます。 2.まず適当なページを作ります。 3.適当なページに下記のテンプレートファイルを読み込ませます convert.php <?php /* Template Name: コンバート */ ?> <?php query_posts('post_type=post&posts_per_page=100&cat=XXX'); //XXXにはカテゴリーのIDを入力。100件以上データがあるなら数字を増やしてください。 ?> <?php if (have_posts()) : ?

                                        • テクノロジー
                                        • 2010/12/24 18:00
                                        • WordPress
                                        • あとで試す
                                        • *Web制作
                                        • tips
                                        • ゴーゴーウェブマーケット技術BLOG

                                          4 users

                                          techblog.55w.jp

                                          ACF proにあるacf_form機能でフロントエンドのエディタ画面が作れますが タイトルとコンテンツの題名が英語でした。 Title Content等 この部分を変更したいこともあるので(例えばメルマガ用などでtitleをメールタイトルにするなど) 調べた所なかなか見つからず、やっと見つけた結果、acf_formの前で //タイトル題名 $acf->local->add_field(array("key"=>"_post_title","name"=>"_post_title","label"=>"タイトル")); //本文題名 $acf->local->add_field(array("key"=>"_post_content","name"=>"_post_content","label"=>"本文")); これで行ける模様

                                          • テクノロジー
                                          • 2010/12/07 19:37
                                          • WordPress
                                          • GoogleApps + ムームードメイン + エックスサーバーで構築

                                            6 users

                                            techblog.55w.jp

                                            *赤枠で囲まれた場所をメモしておく。 その後にサーバー情報を選択します。 サーバー情報の中にIPアドレスというのがあるのでそこの数字をメモしておきます。 *赤枠で囲まれた場所をメモしておく。 続いてGoogleAppsからメールサーバーの情報を取得します。 具体的には以下の内容になります。 mx ASPMX.L.GOOGLE.COM 10 mx ALT1.ASPMX.L.GOOGLE.COM 20 mx ALT2.ASPMX.L.GOOGLE.COM 20 mx ASPMX2.GOOGLEMAIL.COM 30 mx ASPMX3.GOOGLEMAIL.COM 30 mx ASPMX4.GOOGLEMAIL.COM 30 mx ASPMX5.GOOGLEMAIL.COM 30 txt @ v=spf1 include:aspmx.googlemail.com ~all ムームードメインにロ

                                            • テクノロジー
                                            • 2010/11/24 13:55
                                            • mail
                                            • 設定
                                            • WordPress
                                            • ゴーゴーウェブマーケット技術BLOG | WelcartとAcmailerを連動させる

                                              9 users

                                              techblog.55w.jp

                                              WelcartとAcmailerを連動させて、商品購入時にメールマガジン購読を希望した場合、Acmailerにメールアドレスを登録させるサンプル。 1.下準備 ACMailerとwelcartはインストールしておく。 http://www.welcart.com/community/archives/1283 を参考に、completion.phpを待避させておく。 2.カスタムオーダーフィールドの設定 WelcartShop→カートページ設定→カスタム・オーダーフィールドを選択。 フィールドキーにmailmaga、フィールド名にメールマガジン購読、セレクト値に希望しない、希望する を入力する。 3.completion.phpの編集 待避したcompletion.phpの最後尾(?>の手前)に下記のコードを入力する。 if($entry['custom_order']['mailmaga

                                              • テクノロジー
                                              • 2010/11/15 11:11
                                              • wordpress
                                              • ec

                                              このページはまだ
                                              ブックマークされていません

                                              このページを最初にブックマークしてみませんか?

                                              『ゴーゴーウェブマーケット技術BLOG』の新着エントリーを見る

                                              キーボードショートカット一覧

                                              j次のブックマーク

                                              k前のブックマーク

                                              lあとで読む

                                              eコメント一覧を開く

                                              oページを開く

                                              はてなブックマーク

                                              • 総合
                                              • 一般
                                              • 世の中
                                              • 政治と経済
                                              • 暮らし
                                              • 学び
                                              • テクノロジー
                                              • エンタメ
                                              • アニメとゲーム
                                              • おもしろ
                                              • アプリ・拡張機能
                                              • 開発ブログ
                                              • ヘルプ
                                              • お問い合わせ
                                              • ガイドライン
                                              • 利用規約
                                              • プライバシーポリシー
                                              • 利用者情報の外部送信について
                                              • ガイドライン
                                              • 利用規約
                                              • プライバシーポリシー
                                              • 利用者情報の外部送信について

                                              公式Twitter

                                              • 公式アカウント
                                              • ホットエントリー

                                              はてなのサービス

                                              • はてなブログ
                                              • はてなブログPro
                                              • 人力検索はてな
                                              • はてなブログ タグ
                                              • はてなニュース
                                              • ソレドコ
                                              • App Storeからダウンロード
                                              • Google Playで手に入れよう
                                              Copyright © 2005-2025 Hatena. All Rights Reserved.
                                              設定を変更しましたx