ブログBLOG

【コピペでOK】サイトに動きをつけるCSSアニメーションまとめ（デモ・サンプルコード付き）

最近ではアニメーションが実装されたWebサイトも多くなり、趣向を凝らしたリッチな演出を取り入れているサイトもそう珍しくなくなってきました。 特に重要な要素を動かすことで興味を引かせたり、飽きずに読み進めてもらうためのきっかけになったり、といったメリットがありますよね。 ただ、アニメーショ ...

【撮影準備】失敗しないWebサイト写真撮影～当日までの準備の流れ～

「段取り八分」と言いますが、撮影もいかに下準備ができるかによって命運を左右されます。 逆に言えば、あまり撮影に慣れていなくても、準備をしっかりとおこなっていれば大きなミスなく撮影を進められる確率があがるのではないでしょうか。 BRISKには「撮影込みのホームページ制作プラン」というも ...

After EffectsとPremiere proの違い。機能から将来性まで比較！動画編集するならどっち？

こんな人におすすめ！ ・動画制作をやってみたいけど、どのソフトを使えばいいのか分からない ・あの動画、どのソフトで作ってるの？ ・After EffectsとPremiereどっちを使った方が就職に有利？ 動画編集をやってみたい、と思ったらほぼ間違いなく選択肢に出 ...

2020年振り返り（社長日記 2020年12月）

2020年は、コロナの影響で今まで当たり前であった事が変わり変化のあった年でした。 BRISKは創業9年目の会社で毎年変化があり、意図的に変化させている所もあったので ある程度の変化には強い会社と自負しています。終わってみれば大きなマイナスは無かったと感じます。 逆にプラスと感じる点もあり、「良 ...

【サンプルソース有】ファイルのサムネイル表示からアップロードまでやってみよう

システム構築の案件で、ユーザーが入力するフォームを作成することがあります。 ファイルアップロードの処理は少し特殊なので、流れをまとめてみました。 今回はWordPressでのSmart Custom Fieldsを利用することを想定しています。 WordPressではなく素のPHPの場合、Sm ...

新卒BLOG2期目～新年に向けて新たにチャレンジしてみたい事～（新卒ブログ2020年12月）

もうすっかり年末が来てしまいました。今月、BRISKでは急遽チーム替えがあり、バタバタと忙しく案件をこなしているうち12月はあっという間に溶けていきましたね…。 年末年始がもうすぐそこまで迫っている中、来年の抱負のような意味を込めまして、新卒さんには新たにチャレンジしてみたい事を今月のテーマに新 ...

季節を感じるデザイン～冬編～

比較的あったかい秋から急に冷え込んで寒くなってきましたね…もうすっかり冬の気候です。 今回は季節を感じるデザインシリーズの、季節を感じるデザイン～冬編～をお届けします！ 冬を感じるデザインの特徴や、冬らしいデザインを作る際のポイントを紹介していきます！ 冬らしいデザインとは 冬らしいデザインは冬 ...

AWSのサーバー移行について解説

最近は、セキュリティや管理の面でレンタルサーバーからAWSに移行するという案件が増えてきています。 BRISKでもAWSを使った案件が多くなり、私も2か月程前から担当する事になりました。 毎回AWSが未知すぎて、おっかなびっくりで作業しています。 この状態から脱却したく、AWSの概 ...

面談、利益、猫（社長日記 2020年11月）

11月は忙しくさせて頂いています。 ただ11月に納品できるものが多くないので 調子が良い実感は無く、その分12月の数字が良い感じですが 通常だとあり得ない数字になっているので 年内の最後までどうなるんだろう。 という感じです。 また、11月は面談月でした。 忙しい合間にリーダーとメンバーで面談 ...

新卒BLOG2期目～来年の新卒さんへ先輩からアドバイス！～（新卒ブログ2020年11月）

今年の11月は温かったように感じましたね、12月を前にして寒さが増してきて冬を近くに感じます。 この時期は来年入社の決まっている内定者さん達はどう過ごしているでしょうか…学生さんだと卒業制作や新生活に向けて準備を…なんて人もいらっしゃるのではないでしょうか。 そんな時期だからこそ、この時期に何をし ...

初心者がCSSコーディングでつまずく部分を解説【ボタン調整や文字のズレ】

こんにちは。コーディング歴半年のエンジニアです。コーディングは、シンプルなサイトなら一人で実装できるレベル感です。 コーディングで気を付けるべきことがたくさんありますよね。でも見た目をそれっぽくするのに精一杯で、そこまで気が回らないときがあります。 コーディングをしているときに、 ...

【中小企業向け】最適なCMSを選んで自社サイトに集客しよう！～選定の観点と重要性～

みなさんはCMS（コンテンツ管理システム）といえば何を思い浮かべるでしょうか？ やっぱりWordPress？それともMovable Type？ほかにもまだまだありますよね。機能もお値段も千差万別です。 この記事では主に中小企業様向けに少しでもCMSの理解を深めて頂く為に記事を書きました。 ...

ポップアップ表示のYouTubeでも関連動画を操作したい【Magnific Popup】

YouTubeの動画をサイト内に埋め込むとき、関連動画を非表示にしたり、同じチャンネルの動画のみを表示させたりしたいといった要望が出てくることも多いですよね。 プラグインを使用してポップアップで表示している場合、そういった関連動画の操作が意外に難しいことがあります。 本記事では、Magnifi ...

新卒BLOG2期目～年末に向けて忙しくなる季節です～（新卒ブログ2020年10月）

10月に入り朝と夜が寒く感じるようになりました、社内でも暖かそうなニットやセーター姿のメンバーが増えてきています。 そしてタイトルにあるように10月からは年末にかけて忙しくなってくる時期です。 今回は忙しい日のタイムスケジュールは？という項目を簡単に書いていただきました。 新卒D.Mさん D. ...

バタバタな10月と腕時計のサブスクについて（社長日記 2020年10月）

10月に新卒が入社してから半年が経過しました。 BRISKにとって半年というのは大きな意味があり 入社後半年で1人前扱いし始めます。 今までそれ程気にしていなかった数字についても意識してもらう事になります。 今年も3名の1人前が誕生しました。 年末にかけて忙しくなる予定ですので コロナで失った ...

360度画像をサイトに埋め込む方法6選！【360度ビューワー・手順・デモ付き】

最近色々なサイトでよく見かける360度画像。 臨場感がありその場にいるような感覚になれるので、是非サイトで取り入れたいと考えている企業も多いのではないでしょうか？ ▼サンプル（こちらは【方法6】Pannellumを使用しております。） こちらの画像はflickr様からお借り ...

【サンプルソース有】データベースに保存したデータをPHPでcsvダウンロードしてみよう！(csvエクスポート)

web制作会社で働いていると、 「このデータをcsvファイルで欲しい！」 「ブラウザから簡単に、データをcsvでダウンロードできるようにしてほしい！」 といった要望が多々あったりします。 DBからデータを取り出してcsvファイル化する、と聞くと一見難しいように聞こえますが ...

【WordPress】カスタムフィールドならこれ！Smart Custom Fields(SCF)の使い方完全まとめ

WordPressでWebサイトを作成するときに、「決まった項目をわかりやすく入力したい」「簡易的なフォームを作成したい」という場合に便利なのが”カスタムフィールド”という機能です。 WordPress標準の機能ですが、そのままだと使いにくく分かりにくいので、プラグインを使 ...

Ajaxを解説！javascriptで非同期通信【画面遷移せずにデータを取得】

TAKAYA OHTAやOPERAのようにシームレスな画面遷移を実現する場合にAjaxが使われます。 SPA（Single Page Application）などデスクトップアプリのように操作できるのですが、それにもAjaxなどの非同期通信が使われています。具体的なサービスを挙げるとF ...

25歳・未経験からWebエンジニアになってみた【中途採用ブログ 2020年7月～9月】

こんにちは！2019年の10月にBRISKへ入社しました、Kです。 まずは軽く自己紹介しておきます。 K 年齢：25才 大学専攻：工学部・機械システム工学科 前職：技術系派遣会社（1年勤務） 自慢できること：TOEIC860点（留学経験なし） ...