株式会社コネクト開発雑記帳

このブログは岩手県でホームページ作成やWEBアプリケーションを開発している株式会社コネクトのスタッフが記事をアップしたりサンプルプログラムを設置したりしています。

ツール一覧

通信チェックアイコン

通信チェック

QRコード生成アイコン

QRコード生成

パスワード生成アイコン

パスワード生成

.htpasswd生成アイコン

.htpasswd生成

JS/CSS最適化アイコン

JS/CSS最適化

JPEG/PNG→Webp変換アイコン

Webp変換

ビンゴツールアイコン

ビンゴツール

2023年開運おみくじアイコン

2023年開運おみくじ

雑記

WEB開発のTipsやセキュリティ情報を目にしたレビュー、その他ITにまつわるあれこれを掲載します。

IPAが開設した偽セキュリティ警告(サポート詐欺)対策特集ページアイキャッチ

IPAが開設した偽セキュリティ警告(サポート詐欺)対策特集ページ

 12月19日にIPA(情報処理推進機構)が面白いページを公開していました。その名も「偽セキュリティ警告(サポート詐欺)対策特集ページ」。このページには、パソコンやスマートフォンでWebサイトを閲覧し…

カテゴリ:一般
更新:2023-12-22

写真と撮影失敗と失敗要素の関係性アイキャッチ

写真と撮影失敗と失敗要素の関係性

写真とは何でしょう? 広辞苑では「①ありのままを写しとること。また、その写しとった像。写生。写実。」記載されています。ということで、写真は結果であると考えます。ではカメラマンである私は何をし…

カテゴリ:カメラ撮影・素材制作
更新:2023-11-07

迷惑メールとSPFレコードアイキャッチ

迷惑メールとSPFレコード

 フィリピンやカンボジアでの特殊詐欺グループ逮捕を受けて連日行われる「心当たりのないメールは記載のリンクをクリックしたり指定された番号に電話しないようにしましょう」という注意喚起。 とはいえ、迷惑メー…

カテゴリ:WEB開発
更新:2023-04-14

Google Chromeのオートコンプリートを止める方法アイキャッチ

Google Chromeのオートコンプリートを止める方法

 Microsoft EdgeやGoogle Chrome、firefoxなどのインターネットブラウザにはお問い合わせフォームなどで情報を入力する際に、過去の入力内容を参照して引用できるオートコンプリ…

カテゴリ:WEB開発
更新:2023-03-23

ホームページと著作権についてアイキャッチ

ホームページと著作権について

 最近、Yahoo!ニュースで下記の記事が取り上げられていました。【Epicが「盗用アセット」問題に対する姿勢示す!文明崩壊ソウルライク開発側の問い合わせへ回答―該当アセットは差し替えの方針】http…

カテゴリ:一般
更新:2023-03-15

コネクト発信動画

株式会社コネクトの製品紹介やIT/WEB関係を中心に作成した動画コンテンツをアップしていきます。

「写真撮影テクニック・写真撮影時の光を考える」小ネタシリーズVol 022アイキャッチ

「写真撮影テクニック・写真撮影時の光を考える」小ネタシリーズVol 022

この回は、カメラマンの私としては本当にどう見せてやろうか、とワクワクしながら素材作成、動画作成を行いました。写真はカメラがあって、レンズが合って、被写体があって、光があって。本当に色々な要素が絡み合っ…

カテゴリ:コネクト動画コンテンツ
更新:2023-08-01

【Cinematic Movie】SUPERSOL 株式会社スパット北上 × 株式会社コネクトアイキャッチ

【Cinematic Movie】SUPERSOL 株式会社スパット北上 × 株式会社コネクト

株式会社コネクトの作成した映像作品です。 今回はスーパーソルの製造工場の紹介動画の撮影でお伺いした際のデータをもとに、シネマティック表現の動画に仕上げました。 Camera:α7Ⅳ …

カテゴリ:コネクト動画コンテンツ
更新:2023-07-11

「iphoneを使用した印刷物からの文字起こし」小ネタシリーズVol 021アイキャッチ

「iphoneを使用した印刷物からの文字起こし」小ネタシリーズVol 021

今回はofficeではなくiphoneの機能を使用した小ネタになります。 iPhoneでカメラを使用していると、黄色の枠で囲まれているのを見たことはありませんか?あのタイミングで、iPhon…

カテゴリ:コネクト動画コンテンツ
更新:2023-07-06

「ショートカット 基礎の基礎 ctrl+◯編」小ネタシリーズVol 020 株式会社コネクトアイキャッチ

「ショートカット 基礎の基礎 ctrl+◯編」小ネタシリーズVol 020 株式会社コネクト

今回は、公開のタイミングが年度始めということで、Excelのショートカットの基礎の基礎として動画を作成しました。 ショートカットって、意外と使ってる人は無意識に作業してしまいますよね。また、…

カテゴリ:コネクト動画コンテンツ
更新:2023-06-13

「日常で活躍するRelaxToolsの機能」小ネタシリーズVol 019アイキャッチ

「日常で活躍するRelaxToolsの機能」小ネタシリーズVol 019

前回の動画に引き続き、アドインの「RelaxTools」を活用したExcelの動画になります。「RelaxTools」の導入方法は前回の動画で説明していますので、興味を持たれた方は、ご覧いただき導入し…

カテゴリ:コネクト動画コンテンツ
更新:2023-05-16

お遊びツール

プログラムのテスト用やなくても困らないけれどあると便利かな、と思ったツールをアップしていきます。

ビンゴツール

最小値と最大値の範囲を任意に決めてビンゴができます。ビンゴ以外にもぐじ引きや王様ゲーム、麻雀でのドラ賽なんかにも使えるかもしれません。

【プログラムについて簡単な説明 】
startボタンとかを押したらページ遷移しているように見えますがアドレスバーを見ての通り表示するファイルは変わりません。
最初の範囲指定でPOSTされたデータがあるか判定してその後の処理を変更しています。
ビンゴが始まると数字がすごい勢いで変化して見えますが、ページが更新された時点で採番された値は決定しています。
jqueryでそれっぽく見せた演出です。3秒間ランダムな数字を短時間にシャッフルしていますが、シャッフルしているだけです。
nextボタンを押さずにブラウザのリロードを行うと抽選番号は確定せずに再抽選になります。

通信チェック

ブラウザでインターネットを開くときに通信されるグローバルIPアドレスや端末(ユーザーエージェント)情報を表示します。

【プログラムについて簡単な説明 】
PHPの$_SERVERやbrowscapを使ったget_browser()のほかJavaScriptで確認できる情報を一覧化しています。
この情報はインターネットを表示する時に最低限やり取りされるものであり個人を特定できるものではないのでご安心ください。
少し前はここで確認できる端末情報からアクセスがPCからかスマートフォン(iPhone/Android)からか判定してホームページの表示を切り替える手法が流行りましたが、端末の画面サイズの多様化などを背景に今は表示画面の横幅によってレイアウトを組み替えるのが主流であり、あまりこの情報を使うことはなくなりました。

QRコード生成ツール

URLや電話番号、テキスト情報などをQRコードに変換します。

【プログラムについて簡単な説明 】
QRコードを生成するプログラムは様々ありますが今回はPHPのライブラリを使ってサーバサイドで生成しています。
クライアントサイドで動かすJqueryライブラリもありますがあまりフロント側でプログラム動かしたくなかったので。
一応変な使われ方しないように入力値はエスケープ処理を噛ませてあります。

2023年開運おみくじ

開くとすぐ結果の出るおみくじです。運命論や占星術などは基にしておらずあくまでプログラム上の計算から結果を出しますので凶は除外しました。

【プログラムについて簡単な説明 】
通信上発生するデータから数値を算出して独自ルールで計算した結果を返しています。計算上のスコアをくじ番号として表示し、そこから定数を割った場合のあまりから結果を導いています。
和歌はおまけです。おみくじなら百人一首の和歌があるほうが趣があるかと思い入れておきました。

パスワード生成ツール

英数字や記号パターンをのランダム文字列を表示します

【プログラムについて簡単な説明 】
概要の通り指定形式で乱数を出力します。POSTされた指定内容を判定して乱数かする基本の文字列を作成してシャッフルしたら指定文字数に切り出す感じです。出力数の分処理をループさせつつ重複チェックをかけています。

.htpasswd生成ツール

Basic認証で使用するhtpasswdを生成します。

【プログラムについて簡単な説明 】
単純にハッシュ化すると文字列が長くなるので暗号化文字列が長くなり過ぎないようにパスワードに使用できる文字数は8文字までに制限しています。それ以外はあまり特殊な処理はしていません。必要な情報がPOSTされていればcrypt()で暗号化しているだけ。入力内容は保持しないのでご安心を。

JPEG/PNG→Webp変換

JPEGやPNGデータをアップロードするとWEBPデータに変換されてダウンロードできます。

【プログラムについて簡単な説明 】
WEBP形式は比較的新しいものですが、今では簡単に変換できるようになったんですね。PhotoShopがあればそちらで変換すれば良い話ですが、都度PSを起動するのもPCに付加がかかるのでちょっとした変換をすぐできればとコード書きました。

JS/CSS最適化

.jsや.cssファイルをアップロードすれば余計な空白や改行コードを除去した最適化文字列を確認できます。

【プログラムについて簡単な説明 】
基本的にはphp標準のreplace()を使って不用なものを手あたり次第除去していきます。人によってコメントや字下げの入れ方が違うのである程度の記述パターンをクリアしたものになると都度置換していくのも手間なので一括で処理してしまおうというものです。

最近の記事

更新担当者

  • チータ
    WEBサービス・システム開発担当
  • タク
    写真撮影・動画制作担当
  • コーイチ
    AI研究者

岩手県の天気

出典:気象庁ホームページ 岩手県の天気予報

2024-03-02 17:00 盛岡地方気象台発表

  • 内陸

    天気アイコンw0

    くもり 所により 雪
    降水確率 30%
    西の風

    2024-03-03
    盛岡 最高:-5℃ 最低:3℃
    二戸 最高:-7℃ 最低:2℃
    一関 最高:-3℃ 最低:8℃

  • 沿岸北部

    天気アイコンw2天気アイコンw2

    晴れ 夜のはじめ頃 くもり
    降水確率 0%
    西の風 海上 では 西の風 やや強く

    2024-03-03
    宮古 最高:-6℃ 最低:7℃

  • 沿岸南部

    天気アイコンw2天気アイコンw2

    晴れ 夜 くもり
    降水確率 10%
    西の風 後 北西の風 海上 では 西の風 やや強く

    2024-03-03
    大船渡 最高:-3℃ 最低:9℃

※アクセスタイミングにより参照元と表記にズレが生じることがあります。

Copyright © 2022-2024 Connect All Rights Reserved.