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

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

アプリで開く

はてなブックマーク

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

はてなブックマーク

トップへ戻る

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

    ブラックフライデー

『BGSブログ』

  • 人気
  • 新着
  • すべて
  • BGS-WORKS Blog » [Javascript] パララックスを作ってみたい!

    4 users

    blog.bgs-works.com

    タイトル通り。 パララックスを作ってみたいなぁ。と思いまして、集めた参考サイトです。 ■Building a parallax scrolling storytelling framework そのまま作れちゃうぞ。しかも凄いかっこいい絵本だぞ。 ■One page website, vertical parallax 縦スクロールでつくるパララックス効果のソースがダウンロードできます。 作り方というか考え方を図入りで説明してくれています。 ■jQueryで奥行きのある背景スクロールを作ってみる 基本手順を簡単なコードで作ってみてくれてます。 これはすぐにでも真似しなきゃ!です。 ■jQuery で背景画像をずらす 上記サイトとほとんど同じ作りですが、少し詳しく説明してくれてます。 ■一枚の画像をjQueryでアニメーションさせるプラグイン「jAni 」 サイトページ内に別

    • 暮らし
    • 2012/09/18 20:08
    • チュートリアル
    • 記事
    • design
    • まとめ
    • BGS-WORKS Blog » [Wordpress] 静的HTMLページを吐き出すプラグインを入れてみた

      4 users

      blog.bgs-works.com

      久々の投稿。そしてWordPressネタ。 MovableType と WordPress 違うとこと言えば、やっぱりhtml(静的)かphp(動的)かどうかがでかそうな気がします。 いくつかキャッシュ系のプラグインを入れてみた事はあったんですが、なんかチョコチョコと嫌な場面に遭遇していましたので、最近はすべて外してしまって、一切使ってなかったんです。 すると、まぁどうでしょう! 私のサイトの表示速度の遅い事、遅い事・・・・ そりゃぁがっかりするぐらい・・・・ で、やっぱり早くないと駄目だなぁ、と思い直して探しました。 純国産。しかも、Movableよろしくの、再構築ボタン完備のプラグイン! WordPress静的HTML生成プラグイン 今迄のログも読ませて頂いて、超感動。 やっぱり賢い人はすごいです。バグを見つけて、要望見つけて返す方もすごいし。 それに素早く対応されて

      • 世の中
      • 2011/07/22 10:58
      • wordpress
      • html
      • CSS
      • web制作
      • design
      • Tips
      • BGS-WORKS Blog » [Mac] AirMac ExtremeにAirMac Expressを拡張して有線をつなげてみる

        5 users

        blog.bgs-works.com

        いまルーターと直接つながっているAirMac Extremeと、有線でしかネットに繋がらない家電製品をつなげる事は、置いてある場所があまりに遠いため無理。 なので、Expressを追加購入して、無線でExtremeとExpressを飛ばしあいっこして、Expressに有線を差し込んで、家電のネットをつなげたい。 で、ブログ記事をみると、それらしいものを発見するもうまく行かず・・・ 結局サポートに電話して解決しました。 その方法を覚え書きです。 1. AirMacユーティリティを開く 2. Extreme側の手動設定の中、「ワイヤレス」のタブをクリック 3. ワイヤレスモードが「ワイヤレスネットワークを作成」になっている事を確認の上、「このネットワークの拡張を許可」にチェックを入れる。 4. Extremeのアップデート 5. Expressの手動設定の中、「ワイヤレス」のタブ

        • 暮らし
        • 2010/07/29 15:19
        • tips
        • BGS-WORKS Blog » [Wordpress] XML-RPCを駆使してブログの記事を投稿してみる

          5 users

          blog.bgs-works.com

          今回はWordpressに標準に備わっているXML-RPCサーバー機能を使って、 管理ページからではなく、csvファイル等をアップして一括投稿をする方法を試してみます。 例えば、商品を同じレイアウトで一気にアップしたいときなんか、便利じゃないですかね?? ちなみに私の制作環境はMacなので、Macで使用する方法をご紹介します。 Winの方は下の内容の【1】の部分をWinで設定する方法を別途見つけて下さい。 【2】以降は同じで大丈夫だと思います。 参考にさせていただいた記事はこちらです [WordPress] XML-RPC を使用する方法 1. まずはXAMPPでPEARのライブラリであるXML-RPCを使えるように設定する [ターミナル]で以下のコマンドを入力する $ cd /Applications/XAMPP/xamppfiles/bin $ sudo ./pear in

          • 学び
          • 2010/06/08 00:01
          • wordpress
          • xml
          • *web制作
          • PHP
          • [AS3] ステージにある複数のボタンの「効果」をfor文でまとめる

            3 users

            blog.bgs-works.com

            なんか、もっそい普通のことですが、なかなかつまずいたので覚書。 ステージ上にインスタンス名「btn〇」の名前をつけたボタンのムービークリップを配置している状態です。 効果はTweenerでつけています。 効果説明 ロード時のy座標を配列に入れておいて、マウスオーバー時にそれぞれのムービークリップを「y座標ー20」しています。 その際ブライトをあげてちょっと明るくなるようになっています。 ボタンが一列なら、y座標の位置取りなどは必要ありません。 import caurina.transitions.Tweener; import caurina.transitions.properties.ColorShortcuts; import caurina.transitions.properties.FilterShortcuts; import caurina.transitions.

            • 学び
            • 2010/03/02 11:31
            • flash
            • as3
            • [Cording] Divなどで囲ったボックス内すべてをリンク先として指定したい! CSSバージョン

              22 users

              blog.bgs-works.com

              TranslatorPermission error: Please make your 'plugins/global-translator' directory writable by Wordpress 以前 [Cording] Divなどで囲ったボックス内すべてをリンク先として指定したい! という記事を書いたのですが、Javascriptを使用することと、IEが未対応なことで仕事では使いにくいテクニックだったんですが、 見つけてしまいました!CSSだけで実装できるテクニック!! こんな少しの工だけでできてしまうなんて・・・・・あんなに悩んでいたのに・・・・ では実装方法です。 HTML側 <div id="links"> <ul> <li><a href="#" title="Text">Link Heading One <em>Description of link.</em

              • 学び
              • 2009/12/29 11:50
              • css
              • 参考-コーディング
              • *web制作
              • html
              • web制作
              • tips
              • 仕事
              • BGSブログ

                9 users

                blog.bgs-works.com

                固定ページ内に投稿ページ一覧を表示させたい場合、WP-PageNaviのプラグインでのページネーションはそのままでは使えないと思います。 以下の指定を追加してあげると使えるようになります。 <?php

                • テクノロジー
                • 2009/12/02 11:44
                • デザイナーBlog
                • チュートリアル
                • Webデザイン
                • blog
                • HTML
                • tips
                • Web
                • まとめ
                • [AS3] Tweenerを使って画像を時間差表示 newバージョン

                  6 users

                  blog.bgs-works.com

                  完全に自分用ですみません。 以前自分の記事でTweenerでブラーフィルターを使って時間差表示というのを書きました。 私の仕事でよく使う一連の動きなのですが、 最近ようやくその動きをまとめれてきたので、ブログにのっけていつでも自分が使えるようにしておきます。 ものっすごく、つまらない動き方ですみません・・・・ 効果説明 画像4枚分、直接ライブラリに読み込みMovieClip化をして、リンケージプロパティでクラスファイル名をMovieClip名と同じ名前で設定済み。 上にテキストファイルなどを乗っけることもあるのでカラのMovieClip「main_mc」を作る。 その中に画像のMovieClipをaddChildしていく。 tween ファンクションで画像を次々に変えていく。 その際Tweenerの効果のひとつである「delay」で少しずつ時間をずらしている。 4枚目はstop

                  • 世の中
                  • 2009/10/07 11:44
                  • Tweener
                  • as3
                  • Flash
                  • tips
                  • [CSS] floatで一列にしたリスト等を中央配置にする方法

                    11 users

                    blog.bgs-works.com

                    floatかけて一列に並べると、それを枠の中央に置きたい時って時々ありますよね?(ブログのページをめくるときのナビゲーションとか) そんなときは、最近私的にはやりの ”position” と ”ネガティブマージン” ですっきり解決です。 下記のようなリストで作ったナビゲーションがあったとします。 <ul class="pageNavi"> <li>Page-1-</li> <li>Page-2-</li> <li>Page-3-</li> <li>Page-4-</li> </ul> CSSにこれを付け加えちゃいましょう。 .pageNavi{ position:relative; overflow:hidden; } .pageNavi ul{ position: relative; left: 50%; float: left; } .pageNavi ul li { positio

                    • 暮らし
                    • 2009/08/12 06:50
                    • CSS
                    • html
                    • 小技
                    • リスト
                    • サンプル
                    • [Photoshop] パスの線に沿ってブラシで描写する方法

                      8 users

                      blog.bgs-works.com

                      なんかとっても単純なお話だったのに、めちゃくちゃ悩んでしまったので覚書。 1.まず作成したい図形のパスを書きます。 2.使いたブラシを選択して、間隔をブラシ1つ分の形でおかしくないように設定します。 3.ここがポイント。  シェイプ > 角度のジッター の「コントロール」を一番下の進行方向に設定。 これでパスの向かう方向に角度を変えていってくれます。 4.完成です。 これでレースの枠がとっても簡単に作れるようになれました。 この考えにたどりつくまでにかなりの時間を使ってしまいました。 見つけたら簡単な話なのに、わかんなくなるとどんどん難しく考えてしまいますよね~ タグ:Brush, pass, Photoshop, Photoshop, Techniques 関連する投稿 [Photoshop] いたずら書き風のHigh Quality Brush

                      • 学び
                      • 2009/07/27 23:42
                      • photoshop
                      • memo
                      • [Mac] AirMac Extremeにつないだ外付けHDDをマウントしておく

                        4 users

                        blog.bgs-works.com

                        うちではAirMac Extremeに外付けHDDを2台と1台プリンターを接続しているのですが、なぜかMac用HDDの「LACIE」がバシバシ接続が切れてしまいます。 Mac買った当時から使っているLACIEには、今まで溜め込んだデータのほとんどを入れてしまっているので、接続がきれるとLACIEからデータを引っ張ってきているアプリとソフトがクルクル考え込んじゃってフリーズ状態。 まったく嫌な日々が続いておりました。 そんなおり、こんな記事を発見!! iMac購入計画その3:AirMac Extremeで外付けHDD共有化編CommentsAdd Star 「ログイン時に起動する項目に今回のHDDを追加しておいてやると、起動と同時にマウントしてくれます。」 追加方法は至って簡単。 「システム環境設定」>「アカウント」>「ログイン項目」で出てくる一覧から、追加したいHD名にチェックを入

                        • 世の中
                        • 2009/07/18 17:54
                        • airmac
                        • mac
                        • Wi-Fi
                        • [Flex] 各種アセットの読み込み 「Embed」

                          10 users

                          blog.bgs-works.com

                          なんとなくサンプルに出てきていたから使っていた「Embed」ですが、なんだか使い方は様々だったようです。 実際使う時絶対忘れそうなので覚書。 1. ActionScript ファイルまたは MXML ファイルの ブロック内にアセットを埋め込む場合に使用する時 [Embed(parameter1, paramater2, ...)] メタデータタグ 2. MXML タグ定義で使用する時 @Embed(parameter1, paramater2, …) ディレクティブ 3. MXML ファイルの <mx:Style> ブロック内で使用する時 Embed(parameter1, paramater2, …) ディレクティブ ちょっとずつEmbedの書き方が違いますよね。 例えば 1. の書き方で画像を読み込んだ場合 <mx:Script> <![CDATA[ [Embed(sour

                          • 暮らし
                          • 2009/07/08 19:51
                          • Flex
                          • as3
                          • font
                          • お役立ち
                          • 画像
                          • [Flash] 水面の揺れを表現するサンプル

                            7 users

                            blog.bgs-works.com

                            必要に駆られ、探しました。(自作できません・・・・) Water ripples revisited (AS3-only version) 私がつかったのは上記URLのバージョンなのですが、Ver2をリリースされていたみたいです。 上記Classは細かい設定ができないのですが、そのあたりが追加されているようです。 時間ができたらVer2も使ってみたいと思います。 ちなみにサイトでアップされている実行ソースはFlex用で、私はCS3を使用しているためBitmap化するためのファイルの指定方法が少し違いました。 _target = new Bitmap(new _sourceImage().bitmapData); となっているところを var _targets:BitmapData = new BitmapData(myMc.width, myMc.height); _targets.d

                            • 世の中
                            • 2009/06/01 22:13
                            • AS3
                            • sample
                            • flex
                            • actionscript
                            • [AS3] Tweenerでモザイク処理出来る拡張ライブラリ

                              16 users

                              blog.bgs-works.com

                              凄いものをはっけん!! 私のなじみ深いTweenerに「_mosaic」のプロパティを追加するだけで読み込んだものをモザイク処理してくれる、拡張ライブラリが公開されていました!!! Tweenerでモザイク処理できるようにしてみた 作者様 本当にありがとうございます!! 使い方もいたって簡単!@24Log様のサイトより一式ダウンロードしてきて、 いつも通りパスを通す。 そんで、いつものimport Tweenerの際にちょっと追加。 import a24.external.tweener.MosaicShortcuts; MosaicShortcuts.init(); そうすると「alpha」とか「time」とかみたく「_mosaic」が使えてしまいます。 指定するのは何ピクセルのモザイクを作るか。 なので Tweener.addTween(mc, {_mosaic : 20,t

                              • 世の中
                              • 2009/05/31 20:37
                              • tweener
                              • flash
                              • AS3
                              • actionscript
                              • library
                              • 参考
                              • [Photoshop] WEB用画像を書き出す際png8でギザギザを減らす方法

                                8 users

                                blog.bgs-works.com

                                透過pngを使う時、IE6が邪魔で、なかなかうまく使えない。 私も各種jsファイルを使ってコーディングしているのですが、background-positionが有効でなくて、結構困ることしばしば。 で、この前、小耳に挟んだこと。「png8の書き出しならIE6でも透過できる」 まじでか~って事でチャレンジ。 とはいえ、試したことがないわけでなありませんでした。 ただ、書き出しがgifとそん色ないぐらい汚かった。(特に画像との境界線) でも、出来るっていってんだから、もっときれいに書き出せるはず!!と色々パラメータをいじっていると、発見!! プリセットの左下。多分通常は「透過ディザなし」となっているところを「誤差拡散法透過・・・」に変更。

                                • 学び
                                • 2009/05/02 18:16
                                • png
                                • Photoshop
                                • 画像

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

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

                                『BGSブログ』の新着エントリーを見る

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

                                j次のブックマーク

                                k前のブックマーク

                                lあとで読む

                                eコメント一覧を開く

                                oページを開く

                                はてなブックマーク

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

                                公式Twitter

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

                                はてなのサービス

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