ブログBLOG

[jQuery]タブ切り替えをプラグインを使わずに自前で実装する

タブ切り替えを実装したいときに、jQueryのブラグインを利用するやり方もありますが、タブ切り替えくらいならプラグインを使わずに、自前で実装したほうがいろいろと軽快です。 js部分だけだと６～７行で記述できてしまいます。 ちなみに、このページのタブ切り替えは自前で作ったjsです。 ...

GIFアニメーションをつくってみよう（サンプルPSDダウンロード）～その1～フレームアニメーションとビデオタイムライン[PhotoshopCC]

動きのついた広告やWebサイトは目を引きますよね。 GIFアニメはHTMLをサポートしている媒体なら再生ができる手軽なデータなのでWEB広告やサイトの要素でも使われているのを見かけます。言葉や静止画では伝わりづらいことも動画ならすぐに伝わるので説明にも便利なので、選択肢として作成スキルがあ ...

SVGを動かす [cssアニメーション/クリッピングマスク/波/線を描く]

最近SVGを使用してコーディングすることが多くなりました。 SVGとはScalable Vector Graphics（スケーラブル・ベクター・グラフィックス）、つまり伸縮自在のベクター情報で作られた画像のことです。 一つのSVGファイルで、どのサイズでも綺麗に表示させることができます。 また、テ ...

BRISKの魅力～先輩プログラマーの声～（社長日記 2017年5月）

2月～4月に加わったメンバーがそれなりに良い感じなので 早速次の一手という事で、経験者のエンジニア採用の求人を出す事にしました。 エンジニアは売り手市場なのでなかなか採用は難しく、未経験で採用しても時間がかかる職種です。 また、育っても売り手市場なので転職してしまう等難しい問題があります。 しか ...

2017年春の採用大成功！！（社長日記 2017年4月）

1月の中旬から3月にかけ、採用に力を入れてきました。 FindJobを使い、多くの方に応募頂き、何名も面接させて頂きました。 結果、2月に1名、3月に1名、4月に3名の採用ができました。 （2月～4月で新メンバーが5名加わりました！！） 以前に比べたら優秀な方からの応募が増え（毎回感じていま ...

ECサイト構築を失敗しないためのヒアリング項目（ヒアリングシートダウンロード）

有り難いことに、最近ECサイトの新規構築のお問い合わせを多く頂くようになりました。 ただ、ECサイトを構築したいといっても、どういうことを検討する必要があるのかわからないお客様が多く、0から検討し始めになることがあり、それだけで完成までに時間が掛かってしまっています。 また、ECサイトを構築する ...

イラストレーターでのさまざまなスライス方法まとめ[Illustrator]

いきなりタイトルを裏切りますが、まずはaiファイルをPhotoshopで開くというのを試しましょう。 "ファイル" → "書き出し" → "書き出し形式" でpsdを選択して書き出しします。 書き出しオプションはWeb用（カラーモード：RGB / 解像度：スクリーン）に設定。 レイヤーを保持した ...

自社ホームページで、スピード評価「PageSpeed Insights」の点数を上げた話

ウェブサイトの表示スピードを評価してくれるWebツールの一つに、PageSpeed Insightsというものがあります。 Googleが提供しているサービスですので、このツールでの評価はけっこう重要になってきます。 「PageSpeed Insights」での点数を何点以上にしてください、とい ...

どうも社長です。（社長日記 2017年3月）

BRISKはこの3月末で5期目が終了となり 2017年4月2日には、丸5年が経つ事になります。 2002年に社会に出て、社会人として15年目ですが 前職で5年間Webディレクターをしていたのと同じ年数社長をした事になります。 前職での経験が一番長かったので、会社を作って5年を超えると 社会に出てか ...

【WordPress】管理画面で、タクソノミーやカスタムフィールドの列を追加する（ソート機能付き）

WordPressのカスタマイズをしていて、管理画面の投稿一覧の使い勝手も向上させたい！と思う時ってありますよね。 ポイントとなる項目を一覧で見ることができるだけで、かなり管理画面が便利になりますが、それにソート機能や絞り込み機能をつけることができると、なお良いですよね。 そこでこの記事ではW ...

安定を捨てる。（社長日記 2017年2月）

2017年はチャレンジの年です。 2月の採用活動でさっそく新メンバーが1名加わり 3月にも1名加わる予定です。 BRISKへの入社を決めてくれた事に感謝です！ さらに現在も採用を続けています。 昨年9月にいろいろあり、ようやく安定してきた所ですが 安定を壊すように新たなメンバーを入れています ...

思考からのスタート（社長日記 2017年1月）

2017年は、落ち着いたスタートを切りました。 しかし体調を少し壊してしまって、久々に内科に行きました。 まだまだ体調管理が甘いですね。（反省です。） 2017年はそれ程変化を求めないという事でスタートしましたが 1月に考える時間が取れたので検討した結果、『撤回』します。（エッ！！ 理由として ...

ありがとう。2016年！（社長日記 2016年12月）

ありがとう。2016年！ 本日、12月の最終営業日でそんな気持ちになっています。 2016年は思い返すといろんな事がありました。 どんな年だったか、強引に11個上げてみました。 １．オフィスの移転 9月にオフィスを移転しました。 今までの広さの4倍で家賃も4倍です！ しかし、移転後メンバーが ...

web制作でのエピソード2016

どうも城戸です。 突然ですがBRISKには、営業マンはいません。 ホームページから頑張って集客し お問い合わせが来たらだいたい私がヒアリングに行きます。 勝率は50%という所でしょうか。（お問い合わせを頂いてからの営業なので比較的高めだと思っています。） 2016年もそろそろ終わりなので、実際に ...

WordPressの引っ越しに必須のツール「Database Search And Replace Script IN PHP」【公式推奨】

すでにインストールされているWordPressの引っ越しをしたい、ということは時々あると思います。 ここでいう引っ越しには、物理的なインストール場所の変更だけでなく、ドメインが変わるとき（テストドメインから本番ドメインへの切り替え時など）、SSL対応によりプロトコルが変わるとき（http:// ⇒ ...

～2022年・2016年新旧比較～クリスマスのWebデザイン＋おまけ[雪を降らせるjQuery]

みなさんいよいよ年の瀬、いかがお過ごしでしょうか？ 今回はクリスマスのイベントやキャンペーンに向けてデザインを作成する際に参考になるサイトを探してみました。 このブログは2016年に公開したBLOGを2022年度バージョンを追加して更新いたしました！ 他にもクリスマスのWebサイトを作 ...

CSSだけで作る！かっこいいホバーアクション10個

今どきのホームページでは、ホバーアクションがあるのが当たり前のように感じます。 また、1つ1つのホバーアクションが作り込まれていて、作りを見させてもらうと「なるほど！？」と思うような作りをしていて、参考にさせてもらっています。 そんな今どきのホームページに組み込まれているかっこいいホバーアクション ...

デザインツールから、HTMLコーディングのスピードアップを考える [Photoshop] [Illustrator] [Creative Cloud Extract]

最近Photoshopの「CSSをコピー」が結構使えるなということに気づき、他にも知らなかった便利な機能があるかもと調べていたところ、Adobeのびっくりサービスを発見。 「CSSの生成」と「スライス」について、コーディングがスピードアップしそうなデザインツールの機能をまとめました。 ※本記事内 ...

Dropboxにアップロードされた動画をwebサイトに埋め込む方法（.mp4）

今年の４月に入社を致しました。 この八か月弱で勉強させていただいたことはとても多く、何を記事にしようか悩んだのですが その中でも参考サイトが少なかったものを、覚書も兼ねて書きたいと思います。 Dropboxにアップロードされた動画を埋め込む方法 とある案件でDropboxにアップロードされた動 ...

ECサイト構築比較（EC CUBE、カラーミーショップ、ショップサーブ、MakeShop、STORES.jp、BASE）

BRISKでは、ECサイト構築の相談を多く頂いております。 BRISKは、Web制作会社なのでオープンソースのEC CUBEを元にカスタマイズして構築する機会が多いのですが、それ以外にもASPサービスや、無料のものなどECサイト構築といっても様々な手法があります。 ECサイトを作ろう！と考えた場 ...